Posters are among the most common art forms. You probably had a few of them on your wall as a child. They cover the full spectrum of people, places, and events. They also serve as an inspiration for web designers. Their use of color and typography is part of how we see the world. We […]
Beautiful Poster Art Created with CSS & JavaScript Read More »
User interfaces (UIs) that measure progress are helpful. They offer visual confirmation when completing various tasks, so users don’t have to guess how far they are into a process. We see these UIs on our devices. Anyone who’s performed an update on their computer or phone will be familiar with them. Thus, it’s easy to
8 CSS & JavaScript Snippets for Creating Animated Progress Bars Read More »
Not everything on a website has to be displayed straightforwardly. Sometimes, it’s prudent to hide an element. We can then reveal it automatically or via user interaction. That’s what makes reveal effects so compelling. They can serve dual purposes. The first is to keep our layouts nice and tidy. The second is to add a
8 CSS & JavaScript Snippets for Awesome Reveal Effects Read More »
Gradients are a true staple of web design. Their beauty lies in their versatility. Use them to make a big, bold statement. Or use them as an accent piece to create a mood. The possibilities have never been greater. Modern CSS and JavaScript allow us to do more than mimic print design. We can use
8 CSS & JavaScript Snippets for Creating Complex Gradients Read More »
Website notifications have become commonplace. We see them in eCommerce, membership communities, and social media. They’re hard to escape. And they’re also important for users. Notifications provide details regarding orders, messages, and other account information. Thus, it’s interesting to see how notification UIs are evolving. Designers are using their creativity and adding personality. They’re proving
8 CSS & JavaScript Snippets for Creating Notification UIs Read More »
Adding blur effects is a surefire way to make a surrounding design element stand out. For example, adding a bit of haziness to a background photo will draw attention to the layered text on top. Crafting this look used to require photo editing software. But that’s no longer the case. You can add stunning blur
8 CSS & JavaScript Snippets for Creating Blur Effects Read More »
Wood textures are perfect for achieving an earthy look. And just like their natural counterparts, there is a wide range of variations to choose from. Consider the nearly endless array of colors and grain patterns. They provide us with plenty of room for customization. In addition, we can even go beyond what we see in
8 CSS & JavaScript Snippets That Feature Wood Textures Read More »
Quotes are among the most versatile web design elements. They can practically leap off the page. And you can also use them to create separation within long text passages. As for styling, there’s a whole world of possibilities. We can use the power of CSS and JavaScript to build quote UIs to fit our desired
8 Ways To Dress up Quotes With CSS & JavaScript Read More »
There are plenty of ways to make text stand out. It could be as simple as placing it in an HTML heading. You might apply color or other basic formatting styles. But that’s only scratching the surface of what is possible. Modern CSS and JavaScript techniques are capable of so much more. Individual letters can
8 CSS & JavaScript Snippets for Animating Words Read More »
Bokeh has long been a celebrated photographic style. In simplistic terms, it features a primary focus on a subject and a gently blurred background. The technique is both beautiful and a sure way to grab a user’s attention. But what if you want to implement a Bokeh aesthetic without photography? There are some unique methods
8 CSS & JavaScript Snippets for Creating Beautiful Bokeh Effects Read More »
