jefflembeck

// iOS Media Queries
// Goal: capture styles for iPhone, iPhone 3G, iPhone 3GS, iPhone 4, iPhone 4S, iPad, and iPad 2
//
// Author: Tony Schneider (@tonywok)
// Please tell me where I fail. :)

// iPhone v(4,4S) portrait
// test: black text (overwritten by v* portrait) with blue background
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  a {

jefflembeck

/*
 An attempt at fixing the dreaded iOS orientationchange zoom bug http://adactio.com/journal/5088/. Seems to work!
 Authored by @scottjehl
 MIT License.
*/

(function(w){
	var doc = w.document;
  
	if( !doc.querySelectorAll ){ return; }

jefflembeck

//Originally from http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/

var InfiniteRotator =
    {
      itemInterval: 3000,
      infiniteLoop: function() {
          setInterval(function(){
            $('.sliderItem').eq(currentItem).stop().transition({opacity: 0},2000);

            //if at last item, reset currentItem to 0

jefflembeck

// 1: how could you rewrite the following to make it shorter?
if (foo) {
  bar.doSomething(el);
} else {
  bar.doSomethingElse(el);
}

jefflembeck

First, I have to come clean. When [Scott tweeted about wanting a web app version of Grunticon](https://twitter.com/scottjehl/status/345618924219539458) a couple of weeks ago, I had never used Grunticon. Actually, still to this day I've never used Grunticon. Shocking...I know.

Of course, I had heard of it. I am a big proponent of using Grunt and use it everywhere to help automate my life. And I follow enough people on Twitter/read enough blogs/listen to enough podcast to have gotten ample exposure to Grunticon and it sounded really cool. So when I saw Scott's tweet I took to action.

Before reading on, if you're not familiar with [Grunticon](http://filamentgroup.com/lab/grunticon/) or [Grumpicon](http://www.grumpicon.com/), check those out first.

Here are kind of the steps on how Grumpicon works:

1. Handle drag and dropped SVG files
2. Read the SVGs