Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

The Right Tool For The Job: Picking The Best Prototyping Software For Your Project

Prototyping tools have become an important resource for us designers — allowing us to document multiple states of a single screen, including animations, transitions and microinteractions that are hard to represent in static documentation.

The Right Tool For The Job: Picking The Best Prototyping Software For Your Project

Companies that pay attention to this trend have started to build prototyping tools to address this need; and today we're seeing a plethora of tools emerge on a regular basis. But which should you pick? More importantly, what questions should you ask yourself and your team to make sure you choose the right one?

Read more...

Redux · An Introduction

Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation states, Redux is a predictable state container for JavaScript apps. To rephrase that, it's an application data-flow architecture, rather than a traditional library or a framework like Underscore.js and AngularJS.

An Introduction To Redux

Redux was created by Dan Abramov around June 2015. It was inspired by Facebook’s Flux and functional programming language Elm. Redux got popular very quickly because of its simplicity, small size (only 2 KB) and great documentation. If you want to learn how Redux works internally and dive deep into the library, consider checking out Dan’s free course.

Read more...

Advertise with us!

Client Experience Design

Let’s be honest: We designers can be difficult to work with. We might come from a controversial company culture, work an unconventional schedule or get impatient whenever our Internet connection is slower than the speed of light. Would you be at ease with a service provider who matches this description?

Client Experience Design

When talking to potential clients, be aware that many will have never solicited a professional design service and likely have little understanding of the design process itself. Keep in mind, too, that some clients have had a poor experience in the past. For many clients, it can be an anxious jump into the deep unknown, a big financial investment steeped in risk.

Read more...

12 Colorful Months And Seasons Illustrations [Freebie]

Time goes by fast, so today we'd like to share a colorful freebie to remind ourselves to appreciate each and every month of the year. Have you stopped to smell the pink blooming trees in March, or pluck plenty of fruits in the generous month of August, or enjoy the falling colorful leaves in rainy November?

Freebie: Months And Seasons Set (12 Vector Illustrations, PNG, SVG, EPS, AI)

Every month of the year comes loaded with unique energy, so that it can give us inspiration and ideas, and then leave so many special memories behind. This background collection, dedicated to the charm and uniqueness of the twelve months of the year and its seasons, is available in PNG, SVG, AI and EPS and is all set to energize any project it becomes a part of.

Read more...

The DAU Of Hip-Hop: Designing For Authenticity (A Case Study)

In the tech industry, many of us came of age during hip-hop's rise as a dominant art form. Its spirit of individualism, bravado, and constant reinvention makes it impossible for us not to admire. Our thought leaders craft mixtapes and pour millions of dollars into apps that decode rap lyrics.

The DAU Of Hip-Hop: Designing For Authenticity

The founders of my former company rapped to celebrate every corporate milestone. We’re compelled to quantify what we love about it, and to somehow technologize it the same way Instagram did photography. Many have tried, myself included, but capturing hip-hop’s alluring qualities in an app is no simple task.

Read more...

How To Harness The Machines: Being Productive With Task Runners

Task runners are the heroes (or villains, depending on your point of view) that quietly toil behind most web and mobile applications. Task runners provide value through the automation of numerous development tasks such as concatenating files, spinning up development servers and compiling code.

How To Harness The Machines: Being Productive With Task Runners

In this article, we’ll cover Grunt, Gulp, Webpack and npm scripts. We’ll also provide some examples of each one to get you started. Near the end, I’ll throw out some easy wins and tips for integrating ideas from this post into your application.

Read more...

Improving The Color Accessibility For Color-Blind Users

According to Colour Blind Awareness 4.5% of the population are color-blind. If your audience is mostly male this increases to 8%. Designing for color-blind people can be easily forgotten because most designers aren't color-blind. In this article I provide 13 tips to improve the experience for color-blind people – something which can often benefit people with normal vision too.

Improving UX For Color-Blind Users

There are many types of color blindness but it comes down to not seeing color clearly, getting colors mixed up, or not being able to differentiate between certain colors.

Read more...

Free SSL For Any WordPress Website

If you have an e-commerce website, then SSL is mandatory for safely processing credit cards. But even if you aren’t processing payments, you should still seriously consider secure HTTP (or HTTPS), especially now that I’m going to show you how to set it up quickly, for free. Let’s get started.

Free SSL For Any WordPress Website

In short, SSL is the "S" in HTTPS. It adds a layer of encryption to HTTP that ensures that the recipient is actually who they claim to be and that only authorized recipients can decrypt the message to see its contents.

Read more...

A Roadmap To Building A Delightful Onboarding Experience For Mobile App Users

When launching an app, you need to spend a lot of time and resources to attract users. You can pull people into your app using a variety of means, including advertising, referral programs, public relations and content marketing. But when people finally download an app, they sometimes feel abandoned. You must clearly show users why they need your app.

A Complete Roadmap To Building A Delightful Onboarding Experience For Mobile App Users

Studies reveal that 90% of all downloaded apps are used only once and then eventually deleted by users. People often abandon apps because of a poorly designed interface or an overall negative experience. Instead of having their problem solved by the app, people get confused trying to wade through a jungle of screens, menus and buttons.

Read more...

Shortcuts And Tips For Improving Your Productivity With Sublime Text

Sublime Text is, no doubt, one of the most powerful text editors out there. The number of satisfied users attests to that. If you explore it, you will eventually see how beautifully its powerful features are hidden behind a simple and elegant interface.

Shortcuts And Tips For Improving Your Productivity With Sublime Text

If you have been using Sublime Text for some time, now is the time to upgrade your arsenal with new ammunition. I’ll be taking you through some of my favorite tips and tricks. Knowing them might just unleash your hidden powers as a programmer to the world.

Read more...

The Art Of Layout Testing With Galen Framework

When designing a graphical user interface, there is always an open question: How do we automate testing for it? And how do we make sure the website layout stays responsive and displays correctly on all kinds of devices with various resolutions? Add to this the complications arising from dynamic content, requirements for internationalization and localization, and it becomes a real challenge.

The Art Of Layout Testing With Galen Framework

In this article, I will guide you through an interesting new layout testing technique. Using Galen Framework, I will provide a detailed tutorial for writing meaningful generalized layout tests, which can be executed in any browser and on any device and at the same time used as a single source of truth in your design documentation.

Read more...

Designing Modular UI Systems Via Style Guide-Driven Development

Using a style guide to drive development is a practice that is gaining a lot of traction in front-end development — and for good reason. Developers will start in the style guide by adding new code or updating existing code, thereby contributing to a modular UI system that is later integrated in the application. But in order to implement a modular UI system, we must approach design in a modular way.

Designing Modular UI Systems Via Style Guide-Driven Development

Modular design encourages us to think and design a UI and UX in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, we would start the design process by understanding how the UI system is structured and how its components can be used to create the user flow.

Read more...

↑ Back to top