Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

Sketch, Illustrator or Fireworks? Exploring A New Free UI Design App: Gravit

One of the most popular tools for screen design and illustration in the last couple of years has undoubtedly been Sketch, which became an important part of many designers’ responsive web design and mobile design and prototyping workflows.

Gravit: Preview

However, an increasing number of other tools are becoming available. In this article, I will explore the first browser-based app to be viable in the vector illustration and UI design space: Gravit.

Read more...

Web Development Reading List #131: Git 2.8, CSS Grids And The Key To Good Code

Although it’s April 1st, and people go all crazy making up jokes and spreading hoaxes, I’m sending out this edition to you without any April fools. Instead, I want to challenge you to put more effort, more thoughts into your code.

Build what matters

Instead of blindly following a given path to build the solution with the least effort, what about thinking more about your users? Wouldn’t a lot more users benefit from you spending an additional hour on building a form on your own instead of relying on a third party that involves tracking? Wouldn’t they benefit from a smaller website that doesn’t contain big libraries?

Read more...

Advertise with us!

Desktop Wallpaper Calendars: April 2016

Since eight years, we start into the new month with a collection of desktop wallpapers — the best way to fuel some fresh inspiration, as we find. And it’s not any different this time around. Designers and artists from across the globe shared their creations with us for April 2016. The result is a collection of desktop wallpapers with a unique mix of ideas and styles, eye candy that is bound to cater for new idea sparks.

Desktop Wallpaper Calendars: April 2016

We are very thankful to everyone who has contributed to this challenge and who keeps the steady stream of wallpapers flowing by sharing their artworks each month anew. The wallpapers all come in versions with and without a calendar and can be downloaded for free. It’s time to get your desktop ready for spring!

Read more...

Never Stop Learning With Conference Live Streams And Videos

What makes a great conference? It fuels your ideas and polishes up your skills. It fosters your professional growth and takes your work to the next level. Luckily, a lot of conferences provide videos of their talks after the event has ended, some do even stream live to pass on their knowledge even if you couldn’t attend.

Build 2016

The videos collected in this round-up revive the spirit of the conferences they were recorded at and cater for a lot of fresh insights and light-bulb moments to make the learning never stop. As a very special goodie, we’re very pleased to also feature the live stream of this year’s Build 2016 Conference, taking place at the Moscone Center in San Francisco, CA, right here on Smashing.

Read more...

How To Make A Physiology-Friendly Application For The iPad

If you’ve ever had to move your iPad from one hand to the other just to tap a button you couldn’t reach, then you may have already guessed why we began this study in our UX lab.

How To Make A Physiology-Friendly Application For The iPad

Our Mail.Ru Group’s UX lab team carries out many usability studies of our apps for smartphones and tablets. We address users’ needs by introducing features in our products. We carefully test all of the functions to ensure users notice and understand them well. Nevertheless, this was the first time we had looked at the physiological aspect of our app’s usage.

Read more...

Building An Advanced WordPress Search With WP_Query

Many WordPress superpowers come from its flexible data architecture that allows developers to widely customize their installations with custom post types, taxonomies and fields. However, when it comes down to its search, WordPress provides us with only one-field form that often appears inadequate and leads site admins to adopt external search systems, like Google Custom Search, or third-party plugins.

Building An Advanced Search System in WordPress with WP_Query

In this article I’ll show you how to provide your WordPress installation with an advanced search system allowing the user to search and retrieve content from a specific custom post type, filtering results by custom taxonomy terms and multiple custom field values.

Read more...

Diverse And Engaging Instances Of Interactive Infographic Design

In the last few years, the way we design infographics has changed significantly. Infographics have evolved from static graphics to rich, interactive experiences with animation and video elements, all tailored to the uniqueness of the content, instead of pressing it into a precast mold. For this round-up, I have collected some of the better infographics to see what engaging and informative experiences can look like today.

Diverse And Engaging Instances Of Infographic Design In 2015

Most of the infographics on this list were chosen to showcase different ways that designers have approached data visualization. However, there are also a few hybrids here that illustrate the disappearing boundaries between infographics and richer multimedia experiences in creating engaging content and compelling stories. Deviating from the traditional infographic form means that we tread into more complex media territory, but such experimentation with technology and narrative will be key in shaping the future of infographic design.

Read more...

Diving Into Procedural Content Generation, With WorldEngine

When I was young and learning to program, I was fascinated by the possibility of creating things that could live inside my monitor. I had the same feeling when I started to play with procedural content generation, which is to find the rules behind a phenomenon, encode them in an algorithm, and use that algorithm to create something virtual, but realistic — a plausible simulation.

Procedural Content Generation

Typically, you can give a seed or some initial parameters to a procedural content generation algorithm, and get some result. You could generate the landscape of a city, the shape of a tree or an entire world.

Read more...

Web Development Reading List #130: Opera Mini, Workflow Fragility And Happy Work

What a week! Some people were debating over our npm workflows and security attacks (and sadly not just virtual social engineering ones but real ones in Brussels), we've also seen some great new articles that feature the better parts of our community and society. I'm happy to share them with you over this longer Easter-weekend. Cheers!

Why Opera Mini Matters

iOS9.3 and OS X 10.11.4 is finally being delivered to users, and with it, Safari 9.1 is out with <picture> element support, CSS Custom Properties, will-change property, unset value and unprefixed filter.

Read more...

↑ Back to top