Posts

All the articles I've posted.

• HTML5 mockups of popular devices, to showcase your portfolio and spice up your website

  Updated:Aug 15, 2014 |  at 02:05 PM

  You know those fancy device photos designers use in mockups? Well now you can use them in HTML.

• Waldo: Search the JavaScript Object Model in under 1 KB

  Updated:Aug 13, 2014 |  at 08:07 PM

  Have you ever needed to find a property or value buried in the catacombs of your JavaScript objects? Waldo to the rescue!

• The TC39 group (the panel charged with delivering ES6) has reached consensus on an abbreviated syntax for JavaScript function expressions

  Updated:Aug 13, 2014 |  at 03:27 PM

  Watch for fat arrow syntax in ES6 along with its hard binding of the this keyword

• Why You Should Consider A Ligature Icon Font For Your Next Project

  Updated:Aug 12, 2014 |  at 05:06 PM

  Taking advantage of ligatures allows you to create an icon font where the text "Cart" renders a shopping cart

• Use the CSS transforms translateZ() and scale() to create a parallax effect on scroll using only CSS.

  Updated:Aug 11, 2014 |  at 04:25 PM

  You know those cool parallax mastheads and slick parallax backgrounds? Yeah, you can do those using only CSS.

• Autopolyfiller: a tool that lets authors use the same approach as CSS preprocessors like autoprefixer, but with JavaScript polyfills

  Updated:Aug 9, 2014 |  at 08:11 PM

  Simply write your JavaScript assuming the latest browser technology then let Autopolyfiller inspect your code and decide which polyfill libraries to include.

• The Simpsons in CSS

  Updated:Aug 8, 2014 |  at 03:25 PM

  Get crazy with CSS. Chris Pattle draws all the Simpsons characters with HTML and CSS--no images

• Enquire.js - Media Query Callbacks in JavaScript | CSS-Tricks

  Updated:Aug 7, 2014 |  at 03:41 PM

  CSS Media Queries are great, but sometimes you need JavaScript events to fire when media queries change

• CSS Triggers... A game of layout, paint, and composite

  Updated:Aug 6, 2014 |  at 06:52 PM

  Try out this tool for looking up the layout, paint and composite operations that each CSS property triggers

• Responsive Web Made Easier with Chrome DevTools Device Mode

  Updated:Aug 5, 2014 |  at 04:03 PM

  Use the Chrome Dev tools for simulating mobile devices and visual representations of media queries used for the page