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 […]
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. […]
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 […]
Slush - A Better Web App Scaffolding Tool
By Joakim Bengtson In the world of web development today it’s hard to stay updated with the ever increasing amount of new modules, libraries and packages that are released each day. What’s hot today can be forgotten tomorrow. One way to be sure that you are using state of the art techniques is to use […]
Simple Content Management with Node.js and Markdown
By Krasimir Tsonev Recently, I released a project named Techy. It’s a flat CMS based on Node.js and Markdown. I made it because I wanted to write my articles in Markdown format and avoid the time-consuming publishing workflow which I’ve been using. This post will cover a little bit about how why I created the […]