Definitions of common web design terms

Responsive web design
Designing sites using un-fixed widths and media queries so that it’s fluid and adapts to any device. Fixed width sites can’t work as nicely on an array of devices so make sure you define widths in percentages and let the page fill the available screen.
Mobile-first
Design for the smallest screen first; it’s easier to make a site bigger than smaller. This also makes sure you concentrate on keeping the site lean, small and fast and focus on the content…
Content-out
Start with the content first. A site without content is totally pointless to pay this the most attention by starting with it.
Progressive enhancement
Browsers do not work the same, they never have and never will. Rather than trying to make everything look the same in every browser design for the lowest common denominator and progressively enhance the design for better browsers.
Designing in the browser
Photoshop has to work in pixels and at fixed sizes, this goes against responsive web design in that it is not fluid. Designing in the browser makes jobs quicker and means you aren’t designing a fixed-width website.

Links

Responsive web design

Mobile-first

Content-out

Progressive enhancement

Designing in the browser


Like what you hear? Let me know…