May 10, 2016 — In this article, Jon Hensley will focus on the principles of closure and figure-ground, which play with positive and negative space to build relationships and create wholes with the sum of their parts. As in the first article, he’ll look at how the principles work and then move on to real-world examples to illustrate them in use. Understanding how to use closure and figure-ground will help you build strong relationships and differences between elements in your designs. Read more…

May 10, 2016 — Fluid typography resizes smoothly to match any device width. It is an intuitive option for a web in which you have a practically infinite number of screen sizes to support. Yet, for some reason, it is still used far less than responsive techniques In this article, Michael Riethmuller will teach you how to apply the techniques you know in a slightly different way. Careful attention to detail will ensure you still have a perfectly crafted experience at all screen sizes. Read more…

May 9, 2016 — Let these designs shine on you with their smart details, fantastic textures, and well-chosen color palettes that will undoubtedly help you start the new week with your creativity freshly nurtured. This time Vitaly Friedman has collected a potpourri of styles ranging from delicate and subtle to bold and playful. Nothing but design goodness. So please lean back and soak it all in. Read more…

May 6, 2016 — 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…

May 6, 2016 — In his article on Selling Design Systems, Dan Mall suggests to illustrate how fractured an organization is by printing out its different presences online and putting them on a large board as an example of all the wasted money and effort that goes into making sites from scratch, one-by-one, needlessly reinventing the wheel every time. What Vitaly Friedman learned from his experience is that trying to focus on the workflow or the process is never as helpful as focusing on tangible benefits that the client will get as a result. Read more…

May 5, 2016 — Designed by the team behind IconCrafts, this music instrument icon set is dedicated to all music lovers. Feel free to modify the size, color or shape of the icons. Please note that the set is released under a Creative Commons Attribution 3.0 Unported license. We kindly ask you to provide credits to the creator and link to this article if you would like to spread the word. A big thank you to IconCrafts for designing this wonderful icon set — we sincerely appreciate your time and efforts! Read more…

May 4, 2016 — If you’ve ever written an iOS app beyond a trivial “Hello world” app with just one screen and a few views, then you might have noticed that a lot of code seems to “naturally” go into view controllers. Because view controllers in iOS carry many responsibilities and are closely related to the app screens, a lot of code ends up being written in them because it’s just easier and faster that way. Read more…

May 4, 2016 — In this piece, Cosima Mielke wants to indulge in the aesthetic of past times. She’ll dive into wanderlust-awaking travel posters, design manuals that wrote history, and, last but not least, Cosima will bridge the gap to today by looking at how a mid-century design movement still influences designers. Buckle up… and off we are to a journey through pre-Photoshop, pre-Sketch and -Illustrator times! Read more…

May 3, 2016 — Understanding how to use similarity and proximity to affect the relationships between elements in your work will help you create designs that enable easier organization and improve the usability of your work. In this first article, Jon Hensley will take a look at how the principles of similarity and proximity work, and look at real-world examples to illustrate them in use so that you can begin to use similarity and proximity to create both relationships and differences between elements in your designs. Read more…

May 3, 2016 — CSS pseudo-classes and pseudo-elements can certainly be a handful. They provide so many possibilities that one can easily feel overwhelmed, but that’s the life of a web designer and developer! In this guide, Ricardo Zea will teach you all the things you need to keep in mind so that your pseudo-classes and pseudo-elements are well implemented. If you’re an experienced web designer or developer, you must know and have used most of the pseudo-classes and pseudo-elements discussed here. However, you might not have heard of one or two of them before. Read more…