There were a lot of new libraries this week including the App.js UI library for mobile (which shares a name with an older library to build desktop apps with Node, but is unrelated). Also significant is a new version of Google’s Polymer library. Polymer 0.3.0 has new core icons, dependency ranges for all elements in [...]
Best of JavaScript, HTML & CSS - Week of May 19, 2014
This was a extremely busy week and, despite the length of this list, I honestly had to make a lot of tough decisions on what to include to keep it even this long. This week also featured a bunch of mobile-focused posts - and in case you haven’t heard, Holly Schinsky and I are collaborating [...]
Building Your First Grunt Plugin
By Mykyta Semenistyi Client-side build systems have gained huge popularity due to the growth in complexity of frontend development. This growth in complexity is due to two main reasons: the migration of functional responsibilities to client-side and presentation enhancements. The oldest and probably most well-known of these build systems is Grunt. Its popularity has helped [...]
Dynamic CSS with DynCSS
By Vittorio Zaccaria DynCSS is a small Javascript add-on for your web pages. It parses your CSS and converts all the rules with prefix -dyn-* into dynamic Javascript that is executed on browser’s events like scroll and resize. For example, the following CSS will center vertically .header, dynamically changing margin-top as the window is resized: [...]
Introduction to the Ambient Light API
By Aurelio De Rosa Until few years ago when developing a website, we had to rely on several third-party plugins to achieve a lot of tasks. To remember those times, we don’t have to look too far back. Just recall what you used to do when you needed to embed a video or audio in [...]
Web Standards Library Update - Week of May 12, 2014
Some interesting services in this week’s update including Finch for testing sites and Fenix for ad-hoc web servers. There was also a new version of MooTools, which, I must admit, I didn’t even realize was still around - but apparently it is not only still around, but still actively being developed. Finch is a service [...]
Best of JavaScript, HTML & CSS - Week of May 12, 2014
Lots of goodness this week and some “badness,” sort of, in the form of posts warning us of the dangers of stopping event propagation and using async scripts. Still, important even if not awesome. Fans of this site may notice that I also stopped the Monday article dump. From a planning standpoint, this was easier, [...]
Fixing Typography Inside of CSS 2-D Transforms
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. [...]