Menu Search
Jump to the content X X
SmashingConf London Avatar

We use ad-blockers as well, you know. 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 London, dedicated to all things web performance.

Posts Tagged ‘Sponsored Content’.

We are pleased to present below all posts tagged with ‘Sponsored Content’.

How To Design Error States For Mobile Apps

To err is human. Errors occur when people engage with user interfaces. Sometimes, they happen because users make mistakes. Sometimes, they happen because an app fails. Whatever the cause, these errors and how they are handled, have a huge impact on the user experience. Bad error handling paired with useless error messages can fill users with frustration, and can lead to users abandoning your app.

How To Design Error States For Mobile Apps

In this article, we’ll examine how the design of apps can be optimized to prevent user errors and how to create effective error messages in cases when errors occur independently of user input. We’ll also see how well-crafted error handling can turn a moment of failure into a moment of delight.

Read more...

Experience Design Essentials: Animated Microinteractions In Mobile Apps

Dariel Fitzkee, the famous magician, once said, “Magic is both in the details and in the performance.” Interaction design is just like that. Designers love to get the big picture right, but if the details aren’t handled properly, the solution will fail. The magic is all in the details. That’s why well-designed microinteractions make experiences feel crafted.

Experience Design Essentials: Animated Microinteractions In Mobile Apps

To get a better understanding of how your design benefits from microinteractions, it will help to sketch out your app ideas. Adobe introduced a new design and wireframing app called Experience Design (or Adobe XD) which lets you design wireframes and make them interactive. You can download and test Adobe XD for free.

Read more...

Building A Cross-Platform WebGL Game With Babylon.js

Here’s a challenge for you: what about building a 3D game over the weekend? Babylon.js is a JavaScript framework for building 3D games with HTML5, WebGL and Web Audio, built by yours truly and the Babylon.js team. To celebrate the new version 2.3 of the library, we decided to build a new demo named "Sponza" to highlight what can be done with the WebGL engine and HTML5 when it comes to building great games nowadays.

Sponza Demo, built with Babylon.js and WebGL

The idea was to create a consistent, similar, if not identical, experience on all WebGL supported platforms and to try to reach native apps’ features. In this article, I'll explain how it all works together, along with the various challenges we’ve faced and the lessons we've learned while building it.

Read more...

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)

Every designer has their favorite prototyping tools. However, when it comes to UX wireframing and prototyping, there is often more than one tool involved. Sooner or later, you find yourself switching from one tool to another to cherry-pick the best ones among them.

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheatsheet)

Adobe announced Project Comet in October last year to provide a fast and efficient all-in-one solution. A few months ago, the secret behind the codename was revealed and pushed to the public in a preview version: Adobe Experience Design CC (Adobe XD). Made for fast and fluid UX design, XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them.

Read more...

5 Simple Steps To Test Your Varnish Cache Deployment Using Varnishtest

Varnish Cache is an open source HTTP accelerator that is used for speeding up the content delivery of the world’s top content-heavy dynamic websites. However, the performance or speed a newcomer to Varnish Cache can expect from its deployment can be quite nebulous.

Five Simple Steps To Test Your Varnish Cache Deployment Using Varnishtest

This is true for users at both extremes of the spectrum: from those who play with its source code to create more complex features to those who set up Varnish Cache using the default settings.

Read more...

↑ Back to top