Almost anything you can do through Fireworks’ interface can also be achieved by writing a simple JavaScript extension. Dmitriy Fabrikant learned to develop Fireworks extensions by writing the Specctr plugin. While working on Specctr, he had witnessed Fireworks’ passionate community actively support the app (Sadly, Fireworks CS6 is the last major release from Adobe). Now that we can’t expect Adobe to add any more features to Fireworks, the ability to extend the app becomes even more important, because many designers still rely on it, and through extensions, new features and panels can be added. This article is aimed at those interested in developing extensions for Fireworks.
Read more…
In this article, Paul Tero will cover the key concepts that underly the JQuery object. This is a beginners’ guide to JavaScript syntax and how it is used by jQuery, which is just a JavaScript library that has a special-looking function, $, and that encourages the use of shorthand objects, anonymous functions and method chaining. After reading this, you will be able yo look a complex piece of jQuery directly in the face with no doubt or uncertainty in your mind. You will know what it does.
Read more…
We’ve seen many permutations of images in responsive design and spent a lot of time spinning our wheels, banging our heads and screaming at the wall. But our tireless journey is coming to a close. The W3C and browser makers got the hint. We’ve come a long way with responsive images. We can see the light at the end of the tunnel, but a lot of work still has to be done.
Read more…
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…
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…
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…
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…
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…
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…
Function binding is probably your least concern when beginning with JavaScript, but when you realize that you need a solution to the problem of how to keep the context of “this” within another function, then you might not realize that what you actually need is Function.prototype.bind().
Read more…