What follows is a grouping of some tools that you, as a developer or designer, can try on your next project. This list is by no means exhaustive, or a “top ten” of anything, but are simply suggestions to those looking for something new. I hope you enjoy the tools mentioned. Let’s get started!
Have you heard about Figma? It’s a powerful interface design tool that it runs in the browser and includes some awesome collaboration features.
In today’s quick tip I’m going to introduce you to “Studio”, a design tool for digital products. Let’s see how it can help speed up your design process!
“UI” stands for “User Interface”, a way for users to interact with something. As every website is a user interface “UI Design” is at the core of web design.
In today’s quick tip I’ll help you make your web designs and mockups as realistic as possible by getting rid of dummy content. Generic dummy text can be really helpful in giving a design “body”, but it often removes an element of context, ultimately making the design weaker. Let’s improve that!
In a previous post, I showed you how to build a responsive vertical timeline from scratch. Today, I’ll cover the process of creating the associated horizontal timeline.
If you have found yourself browsing media websites recently–video streaming services, news websites, Facebook and so on–you might have noticed a trend regarding their video players. If we scroll down a page where a video is present, it will float and shrink the player, sticking it to the side of the viewport instead of losing it from view.
Let’s have a look at affordances in the digital realm, specifically how we can take these principles and apply them to the everyday UI elements we create such as buttons, form fields, icons, metaphors and other visual elements.