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…
When it comes to CSS, Thierry Koblentz is convinced that the only way to improve how to author style sheets is by moving away from the sacred principle of “separation of concerns”. CSS authors thrive on styling documents entirely through style sheets, an approach that has been sanctified by the CSS Zen Garden project (what most developers consider to be the standard for how to author style sheets).
Read more…
Sometimes the simplest JavaScript features are sitting right under our noses and we just haven’t had a lot of exposure to them. In this article, Louis Lazaris won’t be talking about jQuery, and he won’t be looking at structural code concepts or patterns. Instead, he is going to introduce you to some pure JavaScript features that you can use today and that you might not have ever considered before.
Read more…
Emotional interaction is an important, but frequently neglected, component that must be considered in Web design. Crafting an element of surprise on Web pages can raise visitor engagement without obfuscating important content, sidelining mobile visitors or disadvantaging users who require accessibility features. Naturally, this must always be balanced with the need to guide users through the website.
Read more…
In this article, we will explore an alternative approach to styling Web documents. With the use of “intelligent” selectors, we’ll cover how to query the extant, functional nature of semantic HTML in such a way as to reward well-formed markup. If you code it right, you’ll get the design you were hoping for. Heydon Pickering hopes that employing some of these ideas will make your workflow simpler and more transferable between projects.
Read more…
Web helps designers and developers find the best inspiration and resources for their projects. Even though there are different tutorials and tips available online, Oleg Solomka feels that HTML5 canvas techniques are missing the most. Good news: he had the chance to fulfill this wide gap. In this article, Oleg would like to share his experience and story of how he brought the “Jelly Navigation Menu” to life!
Read more…
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…
Due to the fact that printer use is not tracked by website analytics software, print tends to be broadly ignored by Web developers. But there’s still something about having a physical sheet of paper in one’s hands, even in this age of digital saturation. By treating print as another aspect of adaptive design, we fulfill the needs of more website users.
Read more…
In this article, Maxim Shirshin will introduce us to the history of the BEM methodology. BEM is a collection of ideas and methods. Companies and teams can integrate it into their existing workflow gradually, finding out what works best for them, using a unified language that consists of powerful terms: blocks, elements, modifiers. Learn about the challenges that a big company faces when gradually building an entire ecosystem of services with an ever-growing team of developers.
Read more…