Even though the new Service Worker API allows you to cache away all of your website’s assets for an almost instant subsequent load, like when meeting someone new, the first impression is what counts. If the first load takes more than 3 seconds, more than 53% of all users will drop off. There are ways to mitigate this problem of a slow first load, but you can only get so far with this strategy, and you have to employ, or be, a front-end performance wizard. So, if an almost instant first load is fundamentally at odds with a native-like app experience, what can we do? In this article, Paul Bakaus will show you the way.
Read more…
While an instant response from an app is the best, there are times when your app won’t be able to comply with the guidelines for speed. A slow response could be caused by a bad internet connection, or an operation itself can take a long time. For such cases, in order to minimize user tension, you must reassure users that the app is working on their request and that actual progress is being made. A wait-animation progress indicator is the most common form of providing a system status for users when something is happening or loading. It’s important to provide feedback to the user about what is happening with the app within a reasonable amount of time.
Read more…
In this chapter, Brad Frost will tackle all that goes into selling, creating, and maintaining effective design systems. What begins as a giant slab of rock can turn into a finely polished sculpture, thanks to a ton of hard work, genuine collaboration, constant communication, and plenty of iteration. If you like what you read, we’ve got you covered! The print version of Smashing Book 5 (including the eBook) bundled with the Atomic Design eBook is available today for just $29 — down from $49. Get the bundle now. You ready? Let’s go.
Read more…
Game-making has never been easier on iOS since the introduction of SpriteKit. In part two of this three-part series, Marc Vandehey will explore the basics of SpriteKit. If you missed out on the previous lesson, you can catch up by getting the code on GitHub. Remember that this tutorial requires Xcode 8 and Swift 3. Today, you will learn how to spawn the cat, spawn food, animate the cat and add sound effects and music. Let’s do it!
Read more…
Let’s refuel our inspiration for another month and start working on our New Year’s resolution list. Observe closely at the following techniques used, and how the colors have been applied to add contrast and character. As always, there is a lot to learn. Today, we hope that these illustrations and photographs will inspire you to get creative and get ideas which you can apply in your own projects. Go ahead, don’t let anything come in your way, and let your artistic juices flow! Let’s begin.
Read more…
What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at.
Read more…
Are you a designer wanting to dive in the art of drawing letters but feel overwhelmed with the options on where to start? In this article, Alma Hoffmann shares her journey as a learner and helps you to get started by sharing tips, practical advice, how-to videos and freebies. A little spoiler alert: Practice makes progress.
Read more…
In this article, you will find icons designed and created by Manuela Langella and are free to be used in private as well as commercial projects. No attribution is required, however, reselling of bundles or individual pictograms isn’t cool. Please note that this icon set is available under a Creative Commons Attribution 3.0 Unported license. If you decide to use some or all of the icons from this set, then feel free to modify the size, color or shape of the icons. A big Thank You to Manuela Langella for designing this wonderful icon set — we sincerely appreciate your time and efforts! Keep up the brilliant work!
Read more…
In this post, Vitaly Friedman features desktop artwork for December 2016. Each Christmas wallpaper comes in versions with and without a calendar and can be downloaded for free. Now you only need to decide on your favorite! This monthly wallpapers mission has been going on for eight years now, so we added a little Christmas wallpaper best-of at the bottom of this post with some of the most cheerful, merry and Christmassy designs from previous years. We are very thankful to everyone who challenges their artistic skills and contributes to it each month anew.
Read more…
In this article, Cameron McEfee will give you a taste of how GuideGuide can change the way you use guides in Photoshop and Illustrator. If you’re one of the many people who already use GuideGuide, you may discover some unconventional uses that are not immediately apparent. Cameron will provide an overview of the major features, and then give some examples of advanced and unusual ways it can be used to make you a more efficient designer.
While he’s going to focus this post on Illustrator, nearly everything is applicable to Photoshop as well.
Read more…
