Creating responsive email is not an easy task. If you want to stand out, no matter how beautiful your emails are, you need to make sure they render correctly in your reader’s inbox, regardless of what email client they’re using. There are a few techniques out there to help email developers. You might be familiar with some of them, such as the hybrid approach, the mobile-first approach or even the Fab Four technique by HTeuMeuLeu. But because of the reasons stated earlier, and especially the lack of a standard, none of these techniques will enable you to tame all email clients at once.
Read more…
Email design and development is a beast. Email client vendors haven’t been as progressive as web browser vendors in adopting new standards. Not much has changed in email design. In fact, it has gotten worse. With the introduction of mobile devices and more and more email clients, we have even more caveats to deal with when building HTML email. In this article, Lee Munroe brings you an insight into the world of building and sending email, and a couple of code snippets and resources that are sure to add some hours back into your life.
Read more…
JavaScript is “real” programming. This means you not only have to learn a whole new and complex syntax but also have to “learn how to think.” The barriers to entry are high and prevent many designers from taking the plunge. uilang tries to fix that. In this article Benjamin De Cock will introduce you to uilang’s philosophy and syntax. You’ll start with a simple example to get you comfortable with the basics, before moving to something more exciting. At the end of this tutorial, you’ll be able to code many typical interface widgets, such as popovers, tabs, overlays and much, much more.
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…
Video on the Web has improved quite a bit since 7th grade. But for the most part, videos are still separate from the Web, cordoned off by iframes and Flash and bottled up in little windows in the center of the page. They’re a missed opportunity for Web designers everywhere. But how do you integrate video into an app or a marketing page? In this article, Sean Fioritto will find inspiration, how-tos and a few technical goodies to get you started with modern video on the Web.
Read more…
After a decade of JavaScript library work, the progressive-enhancement revolution, the advent of polyfills, and the effort to birth the “Web Components” and “Shadow DOM” specifications have taught us surprising lessons: In every period, being able to use features in both high- and low-level forms has always been desirable. HTML is great, until it isn’t. And JavaScript-only has predictable drawbacks. Thinking that there is a “right way” to build new Web features is seductive. Turns out, it’s not that simple.
Read more…
With the release of Ember.js 1.0, it’s just about time to consider giving it a try. This article aims to introduce Ember.js to newcomers who want to learn more about the framework. Users often say that the learning curve is steep, but once you’ve overcome the difficulties, then this framework is tremendous.
Read more…
In this article, CJ Gammon talks about the CSS Regions specification, which provides new options for web designing. We are largely constrained by the layout features available to us. Content placed inside a container will often extend the container vertically. If a design requires elements to remain a certain height, then our options are limited. In these cases, we can only add a scroll bar or hide the overflow. Let’s solve this problem!
Read more…
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…
