CategoryCoding

April 15, 2014 — You are about to experience truly hair-raising excitement as you get to grips with the intricacies of the hugely interesting CSS timing function, which is a bit of a hidden gem when it comes to CSS animation, and you could well be surprised by just how much you can do with it. For example, they define where an animation accelerates and decelerates, you can break an animation into any number of steps, rather than tweened motion, and much more! Read more…

April 8, 2014 — In this article Mark McDonnell will go through all of the steps he took to write an open-source gem named Sinderella (available on GitHub) and how he prepared it for release as a gem via RubyGems. He’ll also show you how to set up your tests to run through a continuous integration (CI) server using the popular Travis CI service, and how to use Coveralls to measure the code coverage of your tests and to obtain a statistical history of your commits. Read more…

April 3, 2014 — The way we access the Web has changed a lot in the last couple of years. We no longer rely solely on our desktop computers to navigate the Web. Rather, we use a wide and quickly growing array of devices to get our daily dose of information. With the device landscape going all fuzzy, the time of building fixed width desktop sites has definitely come to an end. ConditionerJS will help you combine all of this contextual information to pinpoint the right moment to load the functionality you need. It tells your JavaScript when to act up and when to tune down a bit, and it will help you combine all of this contextual information to pinpoint the right moment to load the functionality you need. Read more…

March 13, 2014 — In this article, Joseph McDermott will walk you through the creation of a new “brand” entity in Magento that can be managed through the admin panel. Once you are finished, you will be able to create, update and delete brands that can be viewed in the front-end independently. The process itself is quite lengthy because he will explain each step in detail, but it really is easy once you know how, and it’s a great example of how powerful the Magento platform can be with minimal effort. Read more…

March 5, 2014 — Responsive SVG icons can be used in a lot of ways. In this article, Ilya Pukhalski digs deeper into Joe Harrison’s responsive icons technique and explores what can be done with SVGs. Read more…

March 4, 2014 — Web Components are a suite of connected technologies aimed at making elements reusable across the Web. The lion’s share of the conversation has been around Shadow DOM, but probably the most transformative technology of the suite is Custom Elements, a method of defining your own elements, with their own behavior and properties. Read more…

February 20, 2014 — An easy way of configuring settings once and reusing them is by using some kind of tools such as INIT, which can perfectly coexist with and even be used through a generator. Keep in mind that it is intended for Web apps, so the lack of a build workflow might trouble you if you try to build a whole Web page architecture with it. Have you thought about a good workflow and about which tools provide the most convenience? Read more…

February 13, 2014 — In this series of articles, Gabriele Romanato will cover in depth a practical implementation of session storage by creating a complete e-commerce shopping cart with the sessionStorage object and jQuery. Remember that, in these articles, you won’t find a new technique to replace existing server-side techniques, but rather just a proof of concept of session storage. Read more…

February 12, 2014 — In this article, Mark McDonnell will go over the techniques required to build a command line tool using Node.js and PhantomJS (this is just one example of the sort of command line tools you can develop with Node.js’ many features). Always consider automating the process with a CLI tool the next time you find yourself performing a repetitive task. Read more…

February 5, 2014 — After writing his latest article, “Writing A Better JavaScript Library For The DOM”, Maksim Chemerisuk realized that it’s important to understand what exactly live extensions are and how they work since the topic is extremely complex. In today’s article, he will answer most questions that were asked regarding “live extensions”. Read more…