Today we are glad to release a beautiful set of icons designed by Anastasia Kolisnichenko from Minsk, Belarus, and released for Smashing Magazine’s readers. Feel free to use all of them for your projects. Grab what you need for a poster or website. You can customize everything you want: stroke width, size, color, shape — everything! As long as you don’t resell bundles of the illustrations, you can use the illustrations for anything you need. A sincere thank you to NastiFunny (Anastasia Kolisnichenko) for releasing the illustrations.
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…
Clip paths open up a wide array of exciting possibilities. Understanding the simple mechanics and how everything moves relative to each other can help you create some powerful and captivating interactions for your users. In this article, Dennis Gaebel Jr explains the difference between an SVG clipPath and a CSS clip-path, including examples to guide and inform you through this journey. Finally, he’ll share a few demos both personal and in the wild to help you better understand clipPath animation and inspire your visions.
Read more…
The state of passwords today causes more headache than happiness. Nearly half of Americans have had their account hacked in the last year alone. Are web designers and developers taking enough measures to prevent these problems? Or do we need to rethink passwords? Passphrases are a better alternative because they are more secure and usable. A few websites out there enforce passphrases. No user should feel like they’ve lost their keys or had their house broken into. But switching to passphrases doesn’t require a technical overhaul. It’s as simple as introducing the concept to users and requiring a higher character length.
Read more…
Many developers are unsure which tool is best for creating layouts for their websites. Some feel that Flexbox is powerful enough to handle all of their layout problems. However, they are unsure whether to learn it because of its confusing syntax. Others feel that Susy is much simpler and prefer its simplicity to Flexbox. So, which is more powerful, Flexbox or Susy? Is it possible to use both Flexbox and Susy at the same time? In this article, Zell Liew will find out!
Read more…
Rodney Rehm understood that ARIA could help him write web applications without having to bike-shed class names for various states. You can care about accessibility issues without being affected by a disability yourself. In many ways, making your apps and sites accessible benefits everyone. ally.js helps you accomplish that. ally.js is positioning itself as a center for collaborating on accessibility-related features, by providing low-level tools to other libraries and frameworks as well as high-level functions to developers. If you start working together you might just get somewhere!
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…
User reaction to a wait online is no different from that in the offline world. Studies based on the analysis of more than a thousand cases identify 14 distinct types of waiting situations on the web. Being dependent on your users’ loyalty, you cannot leave them facing a passive wait. In this final part, Denys Mishunov discusses pure passive waiting on the web, how you can deal with it and what can be done to keep user satisfaction high even when the service cannot be delivered fast enough. In addition to the studies on waiting online, your analysis will employ the psychology of waiting lines, customer satisfaction and other tools applicable to offline waiting.
Read more…
We proudly craft affordable, practical books for pros like yourself who want to improve skills and make a difference. Our printed Smashing Books deliver in-depth knowledge and expertise shared by experts and practitioners from the industry. We strongly believe in print and in the benefits of tangible books — they are our editorial flagships. No fluff, no theory — just actionable insights applicable to your work right away. In this article, you will find all of our Smashing Books, which look damn good on a coffee table!
Read more…
Term meta data allows you to save meta values for terms in a similar way to post meta data. This can be used to add ratings to comments, indicate your mood while you were writing a post, attach prices to product posts, and various other information you think is relevant to your content. As of the newest version of WordPress, meta data can now be added to terms which allows us to create features like default category thumbnails in a standardized way. Thomas Maier knows many projects that already save meta information for custom taxonomies. A lot of them are probably going to update and use the new meta data logic once WordPress 4.4 is widely used. In this tutorial, Thomas will show you how you can edit, update and retrieve these meta data for terms.
Read more…
