Today, Cosima Mielke brings you 60 icons with everything from transportation and equipment to nature, activities and other motifs that are bound to awaken your wanderlust. EPS, AI, SVG and PNG formats are available, so it’s easy to customize the icons to your liking.
Read more…
Karim Maaloul decided to start a series of short WebGL experiments on Codepen, and he has finally found the time to compile them all together on a single website named “Moments of Happiness”. In this article, Karim has detailed the solution used to make a running cycle. On his Codepen page, all of these experiments are available, with the code at your disposal. Feel free to play around and make your own interactive toys. As you’ll see, all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime.
Read more…
In the previous article, David Tucker introduced the concept of user management and how complicated it is in our current digital landscape. If you regularly create new web or mobile applications, then Amazon Cognito is a powerful tool that can cut 90% of the time it usually takes to set up a custom user-management solution. David believes that whether you are a web, iOS or Android developer, this toolset will prove to be a valuable one. Feel free to use the sample code to help you in that process. Happy coding!
Read more…
Few design elements are more fun to play with than color. Color effects can be dramatic, impressive and even serene. It can draw attention, set a mood, and influence the user’s emotion, perception and actions. When it comes to the web and mobile app design, this is definitely a time of vibrant colors. You the designer really get to experiment when using color effects. Whether you are a fan of bright, bold hues or prefer a more minimalist black and white, the one thing to remember is that there are no wrong colors. What matters most is how you use them. In this article, Nick Babich will summarize a few popular techniques of using vibrant colors in web and mobile design.
Read more…
Making toggle button inclusive is a question of language, visual design, markup, and behavior. In this inaugural post, Heydon Pickering will be exploring what it takes to make toggle buttons inclusive. As with any component, there’s no one way to go about this, especially when such controls are examined under different contexts. However, there’s certainly plenty to forget to do or to otherwise screw up, so let’s try to avoid any of that. You can take the basics explored here and add all sorts of design nuances, including animation. It’s just important to lay a solid foundation first.
Read more…
Uploading an entire folder or folders of files is usually quite a hassle, as files in each folder have to be selected manually. And then some folders might contain sub-folders as well. You can use webkitdirectory, a non-standard attribute that allows users to pick a directory via a file input. Currently supported in Chrome, Firefox and Edge. It’s important to note that the attribute is non-standard, so it will not work for everybody. However, it doesn’t break anything as browsers that don’t support it will just ignore it, so you can easily progressively enhance your file upload without relying on the feature being supported everywhere.
Read more…
Windows, macOS and Linux made up font-wise, and since then, all modern fonts have been compatible across those OS’. There’s no question, the future of web typography looks promising. At the 2016 ATypI conference, the world’s biggest type design conference, Microsoft, Google, Apple and Adobe announced that they have been working on a new iteration of the OpenType standard, called variable fonts. Because it gives a lot more control to the user to modify the typeface depending on the context and device, this new version opens new opportunities for web typography and will close the gap in quality between web and print. In this article, François Poizat will show you the ins and outs of these new tools and how to take control of our typography.
Read more…
Welcome to this month’s web development update. It’s actually the first one that we publish, and from now on, Anselm will summarize the most important things that happened over the past month in one handy list for you. So that you’re always up-to-date of what’s going on in the web community. Enjoy!
Read more…
While many of us are quite familiar with publications and events surrounding us, we often lack the global perspective on what’s happening in the web industry across the world. What about front-end events in Kuala Lumpur? What about the acceptance of UX-driven processes in Hong Kong? That’s exactly what we want to find out! Today, Vitaly Friedman is happy to announce that we have teamed up with our friends at Mozilla for the Developer Roadshow Asia, so we can connect and learn from designers and developers in southeastern Asia. Together, we’re planning on organizing a series of informal, free meetup-style events for people who build for the web. Do join us, won’t you?
Read more…
In the last few years, traditional computers have ceded dominance to smaller screens, including tablets, mobile phones, smartwatches and more. As the craft has evolved, so has its toolset; and from one app to rule them all, we have gotten to a point where it seems like a new contender among UI design tools crops up every month. And many of the new UI design tools look pretty good and promising. At the moment, Sketch has grown in popularity and for a good reason: The developers of Sketch have figured out exactly what interface designers have been looking for and have steadily added functionality to address those needs. The pace of development of Sketch has been phenomenal, to say the least.
Read more…
