Joshua Mauldin started with style guides with the desire to make it simple to maintain and grow a design. One of the first questions, understandably, was why use Fireworks for a style guide? For him, it was mostly because of symbols and styles. Sure, you could use similar things in Photoshop, but he found Fireworks’ implementation to be smarter. In this article, you will find out why you would want to set up a style guide using Fireworks, and you’ll also get a little starter template that Joshua likes to use.
Read more…
Fortunately, learning is not limited to only a small minority of people anymore; it is not even limited to visiting a school or a university. The Internet makes it possible for us to distribute knowledge at a small price, and is full of web design resources to expand everyone’s knowledge on an enormous variety of topics.
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…
This is the third installment in a series covering four ways to develop a mobile application. In previous articles, we examined how to build a native iOS and native Android tip calculator. In this article, Peter Traeg will create a multi-platform solution using PhoneGap. As with the previous articles in this series, all of the code for our application may be obtained from a GitHub repository.
Read more…
There are so many options for running an online course, and all of them seem slightly confusing or time-intensive to set up! Using the method outlined below, Paul Jarvis created a self-paced email course that had over 1,000 registrations in the first 24 hours, and almost 2,500 in the first week. There are other ways to do this using MailChimp, such as triggering the completion of a course with a URL, but this is how he did it.
Read more…
As graphic designers, you’ll often have to work with off-the-shelf material created by others. Also, you’ll often have to follow the branding already developed by someone else, and that’s ok because it’s part of the job. But the part of a project that almost every graphic designer likes and is proud of the most is something that you can do from scratch. That’s why Anna Shuvalova loves illustration projects so much.
Read more…
Transformations are a powerful technique for separating content and presentation in Web applications. Yet, they transformations have failed to gain popularity through XSLT. For this reason, Web developers are liable to think that transformations “don’t apply to me,” even though they work with HTML. Thankfully, new transformation frameworks are on the horizon, that hold the promise of a revival. In this article, Ishan Anand will reintroduce transformations and explore their applications to mobile and responsive design.
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…
One of the hardest problems in responsive Web design right now are responsive images. “Retina” images are especially a challenge because if you have sized your layout with ems or percentages, then you cannot be sure of the exact pixel dimensions of each image being displayed. In this article, Gavyn McKenzie will look at one solution to the problem that he implemented on his portfolio website at Etch.
Read more…
