Posts Tagged ‘Responsive’

9 Basic Principles of Responsive Web Design

Responsive Design, Web Design | Posted by Keefr November 18th, 2014

responsive webHere’s a great article with animated illustrations of the principles of responsive web design. It’s a great refresher or primer.

9 Basic Principles of Responsive Web Design

Using Srcset For Responsive Images

CSS, Responsive Design, Web Development | Posted by Keefr October 13th, 2014

responsive webFollowing on the heels of yesterday’s post about responsive images, this is an even simpler solution — utilizing the srcset attribute on img tags and modern browsers can handle responsive images pretty easily.

Responsive Images: If you’re just changing resolutions, use srcset

Responsive Images

Responsive Design, Web Development | Posted by Keefr October 12th, 2014

responsive webEverything you are building on the web these days should have responsive code, unless you have a really good reason or super-specialized application. Using just CSS and fluid layouts, it’s pretty simple to setup responsive sites, but images are a bit trickier.

The article and screencast below from earlier this year gives good insight on cracking responsive images.

Figuring Out Responsive Images

Font Size Idea: px at the Root, rem for Components, em for Text Elements

CSS, Responsive Design | Posted by Keefr April 16th, 2014

Nice article and idea by Chris Coyier over at CSS-Tricks.com on how to realistically control font sizes on various screen sizes but avoid pitfalls related to a simple pixel root and everything in rem units.

Font Size Idea: px at the Root, rem for Components, em for Text Elements

Responsive Strategy

Responsive Design, Web Development | Posted by Keefr February 28th, 2014

Stumbled upon this article first thing this morning. It’s a great read on the various strategies and approaches to responsive web sites and properties.

I also had no idea that only a mere 12% of the top 100,000 sites are responsive right now.

Responsive Strategy