Menu Search
Jump to the content X X
Smashing Conf New York

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 New York, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #169: TLS At Scale, Brotli Benefits, And Easy Onion Deployments

Everyone here can have a big impact on a project, on someone else. I get very excited about this when I read stories like the one about an intern at Google who did an experiment that saves tons of traffic, or when I get an email from one of my readers who now published an awesome complete beginner’s guide to front-end development.

Web Development Reading List 169

We need to recognize that our industry depends on people who share their open-source code and we should support them and their projects that we heavily rely on. Finally, we also need to understand that these people perhaps don’t want a job as an employee at some big company but remain independent instead. So if you make money with a project that uses open-source libraries or other resources, maybe Valentine’s Day might be an occasion to show your appreciation and make the author a nice present.

Read more...

How To Create A Realistic Clock In Sketch

Creating a clock in Sketch might not sound exciting at first, but we'll discover how easy it is to recreate real-world objects in a very accurate way. You'll learn how to apply multiple layers of borders and shadows, you'll take a deeper look at gradients and you will see how objects can be rotated and duplicated in special ways. To help you along the way you can also download the Sketch editable file.

How To Create A Realistic Clock In Sketch

This is a rather advanced tutorial, so if you are not that savvy with Sketch yet and need some help, I would recommend to first read "Design a Responsive Music Player in Sketch" (Part One | Part Two) that cover a few key aspects in detail when working with Sketch. You can also have a look at my personal project sketchtips.info where I regularly provide tips and tricks about Sketch.

Read more...

Advertise with us!

The Role Of Empty States In User Onboarding

The first set of screens with which users interact, set the expectations of the app. To make sure your users don't delete your app after the first use, you should teach them how to complete key tasks and make them want to come back for more. In other words, you need to successfully onboard and engage your users during those first interactions.

The Role Of Empty States In User Onboarding

The onboarding process is a critical step in setting up your users for success with your product. You only get one chance to make a first impression. In this article, we'll provide some tips on how to approach onboarding using a simple pattern called "empty states." If you'd like to bring your app or website to life with little effort, you can download and test Adobe XD for free.

Read more...

HTML APIs: What They Are And How To Design A Good One

As JavaScript developers, we often forget that not everyone has the same knowledge as us. It’s called the curse of knowledge: When we’re an expert on something, we cannot remember how confused we felt as newbies. We overestimate what people will find easy.

HTML APIs: What They Are And How To Design A Good One

Therefore, we think that requiring a bunch of JavaScript to initialize or configure the libraries we write is OK. Meanwhile, some of our users struggle to use them, frantically copying and pasting examples from the documentation, tweaking them at random until they work.

Read more...

Getting Started With VR Interface Design

The virtual realm is uncharted territory for many designers. In the last few years, we've witnessed an explosion in virtual reality (VR) hardware and applications. VR experiences range from the mundane to the wondrous, their complexity and utility varying greatly.

Getting Started With VR Interface Design

Taking your first steps into VR as a UX or UI designer can be daunting. We know because we've been there. But fear not! In this article, we'll share a process for designing VR apps that we hope you'll use to start designing for VR yourself. You don't need to be an expert in VR; you just need to be willing to apply your skills to a new domain. Ultimately, as a community working together, we can accelerate VR to reach its full potential faster.

Read more...

Web Development Reading List #168: Preload With Webpack, A Guide To Security Headers, And Service Worker Fallacies

With great power comes great responsibility. This week I found some resources that got me thinking: Service Workers that download 16MB of data on the user’s first visit? A Bluetooth API in the browser? Private browser windows that aren’t so private at all?

Web Development Reading List 168

We have a lot of methods and strategies to fix these kinds of things. We can give the browser smarter hints, put security headers and HTTPS in place, serve web fonts locally, and build safer network protocols. The responsibility is in our hands.

Read more...

Breaking Out Of The Box Colorful Inspiration For Gray Days: Illustration And Photography At Their Best

If it's still snowy where you live, then you're probably tired of the cold weather by now. Winter may be in full swing but that shouldn't stop us from hunting for inspiration. While the gray days always seem to find a way to make us more and more anxious for springtime to finally arrive, it's also a time we can use to reflect on our work and perhaps better decide what it is that we hope to improve or change in the next months.

Colorful Inspiration For Gray Days: Illustration And Photography At Their Best

Believe it or not, some of these photographs and illustrations are the starting point of a design that I create. They are the spark that sets the process of creation in motion. It doesn't take much; it can be any part of an element that catches my eye, be it a particular color, style, texture, or anything really. You'll find a bit of everything in today's selection: Architecture, colors, some of the best photographs from 2016, and more. I hope you'll like my playground! ;)

Read more...

Mobile First Is Just Not Good Enough: Meet Journey-Driven Design

In a recent sales meeting for a prospective healthcare client, our team at Mad*Pow found ourselves answering an all-too-familiar question. We had covered the fundamental approach of user-centered design, agreed on leading with research and strategy, and everything was going smoothly. Just as we were wrapping up, the head of their team suddenly asked, "Oh, you guys design mobile-first, right?"

Mobile First Is Just Not Good Enough: Meet Journey-Driven Design

Well, that's a difficult question to answer. While the concept of mobile-first began as a philosophy to help prioritize content and ensure positive, device-agnostic experiences, budgetary and scheduling constraints often result in mobile-first meaning mobile-only.

Read more...

Live Stream From Awwwards London Conference: Chat Bots, Virtual Reality, And The Future Of UX

Chat bots, virtual reality and conversational design are just a few of the hot topics that are about to change the way we craft digital experiences. So, it's a good time to rethink current practices and prepare for what's about to come, don't you think?

Live Stream From Awwwards London Conference: Chat Bots, Virtual Reality, And The Future Of UX

To give us all an early head start into the future of designing meaningful experiences, we are happy to live stream the backstage interviews which we'll hold at the Awwwards Digital Design Conf in London today. Kindly organized by our good friends at Adobe.

Read more...

↑ Back to top