CategoryCoding

November 13, 2013 — After a decade of JavaScript library work, the progressive-enhancement revolution, the advent of polyfills, and the effort to birth the “Web Components” and “Shadow DOM” specifications have taught us surprising lessons: In every period, being able to use features in both high- and low-level forms has always been desirable. HTML is great, until it isn’t. And JavaScript-only has predictable drawbacks. Thinking that there is a “right way” to build new Web features is seductive. Turns out, it’s not that simple. Read more…

November 12, 2013 — Events can be triggered on any part of a document. They don’t just start and end in one place; they flow though the document. This life cycle is what makes DOM events so extensible and useful. As developers, we should understand how DOM events work, so that we can harness their potential and build engaging experiences. In this article, Wilson Page will introduce the basics of working with DOM events, then delve into their inner workings, explaining how you can make use of them to solve common problems. Read more…

November 7, 2013 — With the release of Ember.js 1.0, it’s just about time to consider giving it a try. This article aims to introduce Ember.js to newcomers who want to learn more about the framework. Users often say that the learning curve is steep, but once you’ve overcome the difficulties, then this framework is tremendous. Read more…

November 5, 2013 — In this article, CJ Gammon talks about the CSS Regions specification, which provides new options for web designing. We are largely constrained by the layout features available to us. Content placed inside a container will often extend the container vertically. If a design requires elements to remain a certain height, then our options are limited. In these cases, we can only add a scroll bar or hide the overflow. Let’s solve this problem! Read more…

October 29, 2013 — Today, Mike Cunsolo will show us how to use Grunt in a project to speed up and change the way you develop websites, looking briefly at what Grunt can do, before jumping into how to set up and use its various plugins. Then he will explain how to build a simple input validator, using Sass as a preprocessor, how to use grunt-cssc and CssMin to combine and minify our CSS, how to build our compressed assets on the fly, and much more! Read more…

October 25, 2013 — In this article, Zeno Rocha presents a series of workflows in Alfred that will boost your productivity! A collection of great tricks to automate your work. Hopefully, some will speed up your workflow. Maybe they will even inspire you to share some of your hidden secrets of productivity. Read more…

October 21, 2013 — When it comes to CSS, Thierry Koblentz is convinced that the only way to improve how to author style sheets is by moving away from the sacred principle of “separation of concerns”. CSS authors thrive on styling documents entirely through style sheets, an approach that has been sanctified by the CSS Zen Garden project (what most developers consider to be the standard for how to author style sheets). Read more…

October 11, 2013 — Konstantin Lebedev used to work at Mail.Ru, which had a Flash uploader that was rather good, but still had some problems. He and his team realized that they needed to build something new and different. This article covers all of their steps in creating what they considered to be a better tool for the job. Here’s a list of features that they wanted to have with a new approach to this problem! Read more…

October 7, 2013 — Sometimes the simplest JavaScript features are sitting right under our noses and we just haven’t had a lot of exposure to them. In this article, Louis Lazaris won’t be talking about jQuery, and he won’t be looking at structural code concepts or patterns. Instead, he is going to introduce you to some pure JavaScript features that you can use today and that you might not have ever considered before. Read more…

September 18, 2013 — While working for Simple Focus, a couple of our designers noticed how images always scaled perfectly. The line length of hypertext, on the other hand, changes based on its parent element’s width, which has a negative effect on readability. One of our designers asked, “wouldn’t it be nice, if text worked more like images?” and a few weeks later FlowType.JS was fully-developed and ready to be sent into the world. Here’s the process of how we got there. Read more…