Google Calendar iframe embed issue with iPad and IPhone5 (and how to fix it!)

We came across an issue when doing a Google iframe embed (in Agenda view) for a recent Wordpress site (http://www.studymissouri.net)
We had the embed set in a styled block inside a grid-8. The iframe was set to 100% width to adjust for responsive design.
Testing went well except for iPad and iPhone5. In these cases, the calendar width would extend out beyond the containing block/grid, cutting off calendar data.

Stitches

An HTML5 sprite sheet generator

KnowledgeBase Tags: 

Sprite Cow

Easily generate CSS for sprited images

KnowledgeBase Tags: 

Firebug - Firefox

Naming Conventions for 960 Grid Layout

PDF of how to name your div's to make the 960 Grid Layout work on your page!

KnowledgeBase Tags: 

Free Fonts and @font-face Kits

Download hundreds of prepackaged @font-face kits which include multiple font formats, CSS and HTML code.

KnowledgeBase Tags: 

How do I add mobile styles to my site?

I am wondering how I can collapse the 960 grid so it is mobile friendly. Any tips and techniques I need to follow?

Adding Mobile Styles and a Few Other Things to Assets

I have added a couple really new cool things to assets! Sam Minter (thank you Sam!) has worked up a mobile style sheet for the 960 grid to collapse it for mobile use by using CSS media queries (detecting the size/resolution of the screen and applying the mobile styles). Nice work Sam!

24 Ways Newsfeed

KnowledgeBase Tags: 

Pages