Categories
CSS Mobile Web Design

Responsive Web Design: Building Sites for All Devices

Introduction

The mobile web is here. iPhones, Android phones, iPads – users access the web from dozens of devices with different screen sizes. The traditional approach of building separate mobile sites is becoming unsustainable.

Enter responsive web design, a term coined by Ethan Marcotte in his recent article on A List Apart. The idea is simple but powerful: use CSS to adapt your site's layout to the viewing device. One site, one codebase, works everywhere.

Categories
CSS Web Design

Mastering CSS Float Layouts

Introduction

Tables for layout are finally on their way out. CSS-based layouts are the future, and floats are the key technique for creating multi-column designs. If you're still using table-based layouts, it's time to make the switch.

CSS floats can be tricky to master, but once you understand how they work, you'll be able to create flexible, semantic layouts that separate content from presentation. This is what web standards are all about.