responsive-design

Rockin' Responsive Content with Panels Layouts! mglaman Wed, 03/19/2014 - 00:32
Last week I was down at the amazing Florida Drupal Camp and gave my first Drupal Camp presentation! I've been meaning to do a write up, but life is just too busy right now.
Gettin' Responsive: Using Omega 3 and Omega 4 mglaman Sun, 01/26/2014 - 19:17

I gave a presentation last month at Drupal 414 on building responsive websites using the Omega framework, and compared apples to oranges with version 3 and 4.

Responsive Facebook Like Box

We've all been there - create this awesome responsive design for a client's website and then you have to try and slap a Facebook Like Box in there..somehow..without breaking your responsive work. Sucks, doesn't it? But it doesn't have to. Using a little jQuery you can cause the Facebook Like Box to re-render on window load or resize allowing it to become responsive versus hardcoded.

 

A better responsive sidebar mglaman Mon, 03/18/2013 - 14:35
Sidebar content always gives me a little twinge when it comes to responsive design. Typically a left sidebar will end up stacking directly above the content and a right sidebar directly below. This can be fine, unless your left sidebar has 5 different content areas and now the user has to scroll two screen lengths just to read an article. Or the right sidebar has an important call-to-action you apparent to each visitor, but it resides underneath the content on a mobile device.
Modern IE, Aptana and SVN, and Responsive...Fonts? mglaman Tue, 02/19/2013 - 22:51
Here is a quick roundup of some interesting links for just the beginning of the week: modern.ie is a site by Microsoft basically saying "Sorry we've been ruining your life, we're going to act like we know about web standards now."  In all honesty though,  I give Microsoft respect for at least attempting to clean up their previous embarrassments.
Responsive Images mglaman Tue, 02/05/2013 - 22:31
Responsive design is all about the ever growing number of mobile devices that individuals can view a website on. Creating a fluid grid system to adapt to these different screen resolutions and widths is a major undertaking. CSS3 and modern browsers have made it easier to migrate away from image heavy websites; however, photos speak a thousand words and clients will want larger header images or photographs.