Tutorials Page 138

• By David WalshMay 8, 2012

  Selector Engines: Right to Left

  One lessor known fact about CSS selectors, querySelectorAll, and JavaScript-based selector engines is that they read your selectors from right to left.  This news hit me as illogical at first, as you'd think that the first element in a selector string like "#myElement a.something .else" would...

• By David WalshMay 8, 2012

  JavaScript Canvas Image Conversion

  At last week's Mozilla WebDev Offsite, we all spent half of the last day hacking on our future Mozilla Marketplace app. One mobile app that recently got a lot of attention was Instagram, which sold to Facebook for the bat shit crazy price of one...

• 

  
• By David WalshMay 7, 2012

  Detect DOM Node Insertions with JavaScript and CSS Animations

  I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.

• By David WalshApril 28, 2012

  Squash Commits with Git

  I'm not a git expert but I know enough git to get by, and surely know enough git to appreciate its ease of use over svn. A while ago I published some basic git commands to that go slightly beyond basic cloning and commits...

• By David WalshApril 26, 2012

  Thoughts on “Silent” Browser Upgrades

  With the release of version 12, Mozilla Firefox joins the Google Chrome ranks of silent browser updates.  This topic has gotten a lot of attention over the past few days due to Firefox's release and the fact that Mozilla the second vendor to implement said feature.

• 

  
• By David WalshApril 20, 2012

  OS X Dock Dividers

  One thing I hate is Tottenham Football Club clutter.  I hate cluttered code, files littered on the desktop, and keeping files in my Downloads folder that I'll never need again.  One place I especially hate clutter is my OSX application dock.  I recently upgraded to OSX Lion...

• By David WalshApril 17, 2012

  DNS Prefetching

  Despite anchor tags having HREF attributes which lead to other host names, browsers do not execute DNS lookups on those domains. Content prefetching can be invaluable in speeding up your websites, but did you know that you can also implement DNS prefetching? It's as easy...

• By David WalshApril 10, 2012

  CSS Animations Between Media Queries

  CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

• 
• By David WalshApril 3, 2012

  Multiple Backgrounds with CSS

  Anyone that's been in the web development industry for 5+ years knows that there are certain features that we should have had several years ago. One of those features is the HTML5 placeholder; we used JavaScript shims for a decade before placeholder came...

• By David WalshApril 3, 2012

  JavaScript CSS Helpers

  I spend a good amount of time looking at JavaScript framework source code. Regardless of which frameworks you have allegiance to, you can learn an awful lot by looking under the hood of widely used code collections. One of many handy snippets can be...