CategoryCoding

May 22, 2013 — Flexible box layout is a new box model optimized for UI layout, and it makes a lot of tasks much easier, or even possible at all. Flexbox’s repertoire includes the simple centering of elements, the expansion and contraction of elements to fill available space, and source-code independent layout, among others abilities. Read more…

May 2, 2013 — A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup, an open-source lightbox plugin focused on performance. Read more…

April 26, 2013 — This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circumvent the issues discussed. Read more…

April 18, 2013 — The debate between strongly and dynamically typed languages rages on. But understanding the issue starts with weak typing and languages such as C. The pendulum will swing back and forth many times in the coming years. The only solution is flexibility. Learn to work in each environment and you’ll work well with any team. Read more…

April 12, 2013 — For several years, Generated content was used by relatively few Web authors due to inconsistent browser support. But in 2009, the feature was rediscovered, and many interesting implementations were adopted for the first time. In this article Gabriele Romanato will show us some possible uses of generated content. Read more…

April 9, 2013 — In this article, Ariel Salminen is pleased to introduce Responsive Nav, a free and open-source JavaScript plugin. A solution that doesn’t require a big library and is released under the MIT License, so you can use it in all of your projects for free and without any restrictions. The solution is not one size fits all, nor is it meant to be. But for those who are looking for a solution that does one thing well, it’s definitely a good choice. Read more…

April 2, 2013 — In the first part of this series, we discussed Backbone.Marionette’s Application. This time around, we’ll discuss the module system that is included in Backbone.Marionette. Modules are accessible through the Application, but modules are a very large topic and deserve an article dedicated to them. Read more…

March 26, 2013 — Zen Coding is a revolutionary plugin that has helped many developers through the years and has now reached a new level: Emmet. The most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. Read more…

March 12, 2013 — One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it. And it empowers even the non-designers among us to turn out something decent. But what if your company logo is a different shade of blue? Not to worry. You don’t have to stick with the defaults. In this article, Thomas Park shows some ways to customize Bootstrap to fit your needs, whether it’s a tweak to a button or a full-fledged theme. Read more…

March 11, 2013 — In this article, Jordan Moore is going to discuss a few of the lesser practiced elements that are quietly becoming part of the responsive Web design ecosystem under the umbrella of responsible Web design, a design that has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. Read more…