By Zoltan Hawryluk If you’ve been using CSS3 Transforms, you have probably seen that, sometimes,transformed text that is not spaced correctly is rendered with jagged edges, and letters are placed correctly on the transformed baseline. I have seen these quirks a lot since CSS transforms were first introduced in Firefox 3.6. They were even documented on the [...]
Frame-by-frame animation with HTML and JavaScript
By Bartek Drozdz Animations can make your project stand out from the crowd. Good animations enhance the user interface, make navigation feel smoother and offer a superior esthetic experience (bad animation does the opposite, so be careful). Modern browsers support animations quite well, but there are so many different ways of animating HTML elements that [...]
Convention Based Routing In JavaScript Apps
By Burke Holland Larger apps in the browser are demanding better structure. While there is no shortage of MV* frameworks to choose from when it comes to JavaScript, they all have somewhat vague instructions on how to physically structure your application on disc. We often see examples of smaller applications when learning these new frameworks. [...]
Web Standards Library Update - Week of May 5, 2014
This week’s new and updated projects are heavily CSS focused, including Pleeease, CSS Shapes Polyfill, AniJS and DoCSSa. Enjoy! Pleeease is a CSS postprocessor that adds prefixes, variables, pseudo-element and rem unit support, minifies and more.Pleeease · Postprocess CSS with ease The CSS Shapes Polyfill tests for browser support and, if not, it approximates the [...]
Best of JavaScript, HTML & CSS - Week of May 5, 2014
Lots of goodies this week including more Gulp, a great look at creating client-side diff tooling for CSS and a great look at a bunch of sites you can use to get your coding skills stronger through code exercise. Tutorials Can we do DOM traversal without jQuery using vanilla JavaScript? Are newer libraries doing it [...]
Rethinking DOM Traversal
By Brian Rinaldi In web development, as in life, sometimes we develop patterns in how we think about a topic or achieve a common task. This is necessary, as to do otherwise would waste a lot of mental cycles on trivial problems we’ve already solved. However, these patterns can be hard to break, even when [...]
Beef Up Your Skills with Code Exercise
By Eric Terpstra Just as those who want to get in shape might not have the time or inclination to train for a marathon, programmers who want to sharpen their skills might seek an alternative to slogging through a dense textbook or taking a full course. Likewise, many developers may have missed some of the [...]
Roll Your Own Asset Pipeline with Gulp
By Jeff Dickey I’ve found myself using Gulp for just about everything involving HTML/CSS/JS these days. It’s super fast, quick to write scripts for and flexible. I’m at a point now where I have a ton of projects I can just cd into, run gulp and be up and running. It’s the best solution I’ve [...]
Web Standards Library Update - Week of April 28, 2014
This week’s significant update is that GitHub has open sourced it’s editor Atom. Between Brackets, Atom and (as featured below) Hyro, we’re getting a lot of choices for free, lightweight open-source code editors. GitHub has open sourced their Atom code editor and the related Atom shell that it runs in under the MIT license. A [...]
Best of JavaScript, HTML & CSS - Week of April 28, 2014
This week features some great tutorials and articles. My personal highlights include TJ VanToll’s look at the state of hybrid mobile development (really, a must read if you do PhoneGap), Ana Tudor’s panorama in CSS and Joakim Bengtson discussing his Slush scaffolding tool. Enjoy! Tutorials Rodney Rehm looks at how to identify the DOM context [...]