DOM Enlightenment
DOM Enlightenment is available freely online in it’s pre-edited form or in its final edited form as published by O’Reilly. This looks like a challenging, in depth book that covers the DOM in an unprecedented way. Note that it covers only the modern DOM and side-steps browser discrepancies, and is written for intermediate to advanced developers with solid experience in HTML, CSS, and JavScript. The book is useful in “ideal” cases where one is developing for modern browsers, and for those who want to better understand jQuery’s value.
Glitch with CodeKit & Compass
I’m posting this just because I recently had this problem and couldn’t find anything that helped. I was using CodeKit with a project (320andup actually) and got the error
file to import not found or unreadable: compass. Load path: /
I knew compass was installed but I had forgotten to actually *add* compass to the existing project. So within the command-line I entered
compass create . --bare --sass-dir "scss-compass" --css-dir "scss" --javascripts-dir "js" --images-dir "img"
However, when I made a change in the scss file and it tried to compile again I got the same error as above. I did some Googling and couldn’t find anything to solve this.
Then on impulse I right-clicked the project within CodeKit and chose “Refresh selected project”. When I did that the compass icon automagically appeared beside my project in CodeKit, and it compiled properly.
Flat UI Templates and Sites in Emerald
20 Free Flat GUI Templates – I really like the look of some of these. I find it funny that flat became the new hot look just as soon as we got comfortable with using CSS3 gradients, rounded corners, and shadows. I especially like the colours.
Think in Green showcases several sites using Pantone’s 2013 colour – emerald. The past 6 colours of the year really look like popular colours for flat designs!
Miscellaneous
Bower package manager plugin for Sublime Text
Video – Building an App with Ember.js
120 CSS and JavaScript Tutorials to Power Up Your Skills
Toolbox – a collection of the best time-saving apps, tools, and widgets from around the web
Miscellaneous
Make Backbone Better with Extensions
Retrofitting an existing site to be responsive
WhatFont extension that shows you what font is being used on text
Unsemantic grid framework – successor to 960gs
Unheap – a tidy repository of jQuery plugins
Learn Chrome Devtools
A free course called Discover Dev Tools on CodeSchool
Learn JavaScript
JavaScriptIsSexy.com has an excellent outline on learning JavaScript properly. It also has suggestions on how to learn intermediate to advanced JavaScript and the archive links to many other very informative JavaScript tutorials.