Positioning, Floating, and Clearing are three fundamental pieces you need in order to add visual structure to your site. This is the second post of a two part series discussing how to add structure to your site with CSS. The first post can be found here.
Articles
Learning Web Design: Adding Structure with CSS using Resets, Grid Frameworks, & LESS CSS
You may have learned how to write rudimentary HTML, or even have come from a background of creating websites using tables, or neither. In any case, you're at the point where you need to bring your site to life by giving it some structure. I will introduce several components of HTML & CSS you'll need to know, and a few tricks as well. This is the first post of a two part series discussing how to add structure to your site with CSS. The second post can be found here.
Common Git Commands
These are some common and useful commands to help you along with using Git. This post will grow as I think of more to add for future reference. Also, feel free to recommend any that you think are relevant.
Learning Web Design: Basic JavaScript
JavaScript is the most popular language in the world [citation]. It is the modern way to add dynamic behavior and interactivity to web pages. This article assumes you know nothing about JavaScript. This article is a precursor to the Intro to JavaScript lesson in my Web Design 1 class at Parsons New School for Design. I will be covering a few fundamental aspects of JavaScript and then promptly recommending that you just use jQuery (at least to start).
Learning Web Design: Basic CSS
CSS is the modern way to add style to an HTML web page. There are only a few fundamental concepts you need to grasp before getting started with CSS. In order of importance:
- How to connect CSS to HTML elements
- Specificity (order of importance)
- The box model
Learning Web Design – Series Introduction
Starting January 27th I started teaching Web Design 1 at Parsons The New School for Design in New York City. I will be producing quite a bit of content in the next few months and I'll use this blog to expound on the in-class discussions.
You may follow along via the course website:
http://dennisplucinik.github.com/Parsons
You can access the syllabus, all the slides and additional resources as well.
Learn HTML5 Series Introduction
I recently started a meetup group here in NYC called Learn HTML5 under the premise that there are "over 1 million Google searches each day by people asking what is HTML5?". The purpose of the meetup is to answer that question for you. I want to cover this topic via a series of articles under the same name "Learn HTML5".
What I want to do is start with the basics. I think the key to understanding HTML5 is to learn the new features and figure out which are relevant to you and your project. For the first part of this series I will be focusing on aspects of HTML5 relevant to developers and so, we will be looking at a lot of code. My goal is for you to deeply understand the significance of these new technologies and use your knowledge to help push the web forward.
This series will help you understand those two things - the components of HTML5 and which are relevant to you. I've broken down the sections for coders, designers, and managers as there are different implications for each group.
What is HTML5?
In the last year I've seen an almost frantic rush of companies trying to find HTML5 developers, and subsequently a rush of developers scrambling to fill that demand. However, both sides seem unable to answer questions like, "What does HTML5 actually mean?", "Can I call myself an HTML5 developer?", "What do I look for when hiring an HTML5 developer?" The first question I always ask about the project is "Which components actually require HTML5?" From there we can begin to narrow down what we're looking for and eventually answer all the other questions. I ask this first because I frequently hear things like "It has to be optimized for iPad" which does NOT automatically mean you need HTML5. In many cases, the project may even just need a good JavaScript developer.
2 Beginner Tips for Adobe Illustrator
I've used Illustrator in the past but I don't honestly remember my way around the interface. So as per my usual routine, I will be recording my intro steps for you and future me.
Here are the first to things that tripped me up. Everything beyond this I'll probably resort to tutorials or just find on my own. Enjoy!
JavaScript Explained: Difference Between Logical OR “||” and Bitwise OR “|”
I'm not ashamed to say today I got slammed on a JavaScript pop quiz presented to me by a curious coworker. It is the type of question you might see on a JavaScript-centric job interview conducted by someone who likes giving questions that trip you up : )
Follow Me