By Joni Trythall I recently did some experimenting with animating inline SVG icons. In this article I will quickly review my process and discuss the joys and frustrations I ran into. The demo discussed in the article is below and works on Chrome only for the moment. Scroll down to view all the icons and […]
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 […]
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 […]