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…
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…
Much of that page weight could be reduced if images were conditionally optimized based on device width, pixel density and modern image formats. These reductions would result in faster loading times, but the debate isn’t about whether to optimize images for different devices, but about how to go about doing so. In this article, Shawn Jansepar will take a look at Mobify.js, which lets us generate small images for small devices from a single high-resolution image.
Read more…
I don’t know about you, but I wake up every morning with at least 10 emails that I didn’t have when I went to sleep. While most people probably know that these emails aren’t being sent manually by some sleep-deprived, coffee-fuelled intern, many people don’t understand the ins and outs of the systems that automate tasks such as sending email.
Read more…
Is sketching by hand more than a nostalgic activity? How is paper any different from a screen, especially when hardware is becoming more and more sophisticated? Is improving your hand-sketching skills really worthwhile when high-tech software is advancing every day?
Read more…
Time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price. In this article, Melanie Lang presents a collection of tools, tips and tricks that will make your standard workflow as fast and practical as possible, so that you have more time for the exciting parts of the project. Ready? Here we go!
Read more…
Daniel Pataki has been working with WordPress since the dawn of time, and he still discovers new tips and tricks. He has compiled his own list of 21 techniques that are handy, fun or best practices rarely followed. He hopes everyone finds something new in the list!
Read more…
In the previous article on Smashing Magazine, we discussed seven excellent extensions that could fundamentally change your Web design workflow in Adobe Fireworks. Ashish Bogawat would like to add to the list six more extensions. These are extensions that he always installs whenever he sets up Adobe Fireworks for himself or anyone on his team and that have proven to be big time-savers over the period that I’ve been using them.
Read more…
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…
Jesse Friedman has spent nearly a decade trying to create scalable, predictably insightful, inspirational environments. he has led creative teams in these environments, and is currently doing it as the Director of Web Interface and Development at Astonish. What follows is what Jesse has found to help his team harness inspiration effectively.
Read more…