Profile cover photo
Profile photo
Ian Oliver
141 followers
141 followers
About
Ian's posts

Post has shared content
Damn, the calculations involved must have been insane.
Animated Photo

Post has shared content
Love love love this +OK Go video

Wow .... take a few mins and watch this. 
#YouMustListenToThis  

Post has shared content

Post has shared content
Goddamn right!
Guess that settles that.
Animated Photo

Post has attachment
Stunning time-lapse short film from Yosemite Park, shot over 45 days across 10 months: http://vimeo.com/87701971

I'm a sucker for this stuff.

More at http://www.projectyose.com/

Post has attachment
Thanks to Sass source maps, Autoprefixer, LiveReload, Chrome’s Web Developer Tools and Grunt.js tying it all together, I think I’ve now achieved today’s holy grail of front-end web development:

1. Save a Sass file/partial
2. It gets compiled to CSS (plus accompanying source map)
3. Autoprefixer sifts through the output’ CSS and inserts only the relevant prefixes to fit my browser support preferences
4. This breaks the Sass source maps, but Autoprefixer updates the maps to match the new CSS
5. Grunt uploads any changed files to the site
6. LiveReload tells the browser to reload the CSS
7. Chrome reloads (just the) CSS and re-renders the page

That’s awesome alone, but it goes further:

Chrome can understand the CSS source maps and tell me the relevant Sass file and line number in the Web Inspector.

After a bit of local file mapping (see https://developers.google.com/chrome-developer-tools/docs/css-preprocessors) the Sass file name can be clicked, opening the relevant file inside Developer Tools. Here, your actual original Sass can be modified and saved, re-triggering the Grunt tasks from the top, ending with updated CSS a few seconds later.

It can take a bit of time to get everything setup, but it’s so worth it. It’ll leave you with a much speedier process and less brain cycles used up by tedious tasks. And this setup was in Windows!.

Related links:

Getting started with CSS sourcemaps and in-browser Sass editing
https://medium.com/what-i-learned-building/b4daab987fb0

Grunt for People Who Think Things Like Grunt are Weird and Hard
http://24ways.org/2013/grunt-is-not-weird-and-hard/

Faster Sass debugging and style iteration with source maps, Chrome Web Developer Tools and Grunt
http://benfrain.com/add-sass-compass-debug-info-for-chrome-web-developer-tools/

"People should not be afraid of their governments. Governments should be afraid of their people."

Post has shared content
Here's a cool visualization of Internet usage around the world over a day.
Animated Photo

Post has shared content

Post has shared content
Wait while more posts are being loaded