In this article, we will discuss several recent such experiments, with special focus on new forms of storytelling, as well as new business models for publishers — a fascinating recent trend called “subcompact publishing” will be our main reference.
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…
Some websites outperform others, whether in their content, usability, design, features, and so on. Details of interaction design and animation make a fundamental difference on modern websites. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well.
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…
Jeremy Girard has had the opportunity to lead various Web design and development teams, including a number of professionals fresh out of school. Along the way, he learned some valuable lessons. So, he decided to make a list of some of those lessons, as a way to remind himself of what he needed to do to make sure his designers had the resources needed to succeed. Many of these lessons were actually common sense, and these common-sense lessons are exactly the ones that are easy to neglect and that we often need to be reminded of.
Read more…
Developing an application in HTML5 is a way to leverage code across multiple platforms, rather than having to write the application from scratch for each platform. As such, much of the user interface would be done in HTML. It’s important to understand the benefits each potential development strategy affords. As an app developer you have the ultimate decision on what strategy best suits the needs of your application. Test early, and test often, across a variety of devices. Keep your technology choices open and flexible to reap the rewards of a hybrid experience.
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…
These websites have some captivating interactivity; however, the selection of type and the typographic styling and spacing are the reasons why we chose them for this piece. We focus on typography and on how engaging it can be; hopefully, this article will draw your attention to some of the minutiae involved in effective typography, and move you to continue on your own thought-provoking journey through the typographic details of other websites.
Read more…
Simon Schmid has been fascinated by little things that make a big impact on the web, which is one of the reasons why he started blogging about these details. Some of the recurring topics early on were the strategies that creators use to expand the reach of their websites, the campaign page and launch and landing pages. In this post, you’ll learn what to look out for when creating your own small campaign.
Read more…
