Creating shapes using CSS is, without any doubt, a classic exercise. In many cases, we try to use hacky code and workarounds, but CSS has evolved, and we have modern ways to create CSS Shapes with clean, reusable code. In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.
Simplicity is a principle to follow in design. Overcomplicating your design won’t make it better in most cases. Beautiful designs can be created from the simplest ideas. Sometimes, good ideas become useless due to over-complication.
Sketch 100 delivers significant enhancements for designers, including advanced prototyping with multi-directional scrolling & hover triggers, a redesigned web app for streamlined workflow, and improved developer handoff.
One of the first steps towards sustainable UX is designing for longevity. Remember the good old days when phones lasted more than a couple of years? Bringing back that era can significantly cut down on electronic waste.
In the ever-changing world of web design, trends may shift rapidly, but a good font can provide lasting relevance. This article highlights some beautiful fonts that always manage to look awesome, no matter what year it is. These are a few of my personal favorites—by no means a complete list, and I’ve intentionally steered clear of the overly familiar options to keep things fresh. But hopefully, they’ll give you a…
Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different sizes or audiences with responsive and dynamic workflows.
While that arrangement may make sense given the close relationship between software development and interface design, it can be a challenging task for those without formal UI/UX design training. That post attempted to bridge the gap, making dev tool product design a bit more accessible. Building upon that article, this time, we’ll actually look at practical developer tool design cases, with detailed examples, both at a general level, and pulled…
Exploring how collaboration can unlock the true potential of design and create experiences that truly resonate with your users.
The principle of closure is a fascinating visual bias and affects how we perceive elements or objects. It explains our natural tendency to “fill in the gaps” when presented with incomplete information. As designers, we can exploit this tendency and use it as a tool for building intuitive and engaging design and user experiences.
Today we will take a look at how to create a beautiful animation in React Three Fiber. The idea is to show a 3D scene in the background that looks like a distorted glassy view of a text ring, constantly rotating around its own axis. It’s a beautiful design element that could be used as an animated background. The animation is not very complex, perfect for those interested in getting started…
