Category: Web Design

Mobile-First Design: Building for the Small Screen Up

Post author By Shishir Sharma
Post date May 9, 2012
No Comments on Mobile-First Design: Building for the Small Screen Up

Introduction

The mobile web is no longer the future—it's the present. With smartphones in everyone's pockets and tablet sales exploding, the days of designing exclusively for desktop browsers are over. Yet many web developers are still approaching mobile as an afterthought, creating desktop sites first and then trying to squeeze them onto smaller screens later.

There's a better way: mobile-first design. This approach flips the traditional workflow on its head by starting with the mobile experience and progressively enhancing it for larger screens. It's not just about screen size—it's about embracing constraints, focusing on content, and building experiences that work everywhere.

Tags CSS, Media Queries, Mobile-First, Responsive Design

CSS Mobile Web Design

Responsive Web Design: Building Sites for All Devices

Post author By Shishir Sharma
Post date February 13, 2011
No Comments on 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.

Tags CSS3, Fluid Grids, Media Queries, Mobile, Responsive Design, Web Design

CSS Web Design

Mastering CSS Float Layouts

Post author By Shishir Sharma
Post date March 11, 2009
No Comments on 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.

Tags Cross-browser, CSS, Floats, Layout, Web Design