In a previous article I’ve talked about creating a responsive 2 column layout, using CSS floats to position our content area and sidebar. In this article, we’ll create the same exact thing, but instead of using CSS floats for positioning,…
Make a CSS background transparent with alpha colors, pseudo-elements or backdrop-filter, and keep the text on top fully readable.
In today’s tutorial I’ll take you over the steps of creating a pure CSS dropdown menu. We’ll be using CSS2.1 properties mostly. Although I’ll show you an extra little trick to add a + icon to those navigation items that…
Responsive design has become a must for a website these days. More than 50%+ of the people who have access to internet use some kind of mobile device, such as tablets, phones etc. And if your website does not respond…
When we’re creating a navigation menu for a website, it’s always good to make it so the visitors or user on the website knows on which page or part of the site he is on. This can be accomplished by adding…
Style the first letter, word, line and paragraph with CSS and a little JavaScript, including proper drop caps and code that won't break your links.
Nowadays in web design, we are trying to make sites more simple. There are less and less sites that are over-designed and more that are focused on a simple design that lets the content of the website shine and…
How to use Coolors to generate a color palette, lock colors, check contrast and export CSS variables, plus what's free and which alternatives to try.
Do you know the feeling when you stumble upon a website and you see a font that you like, but you don’t know which one it is? I’m sure you do, we all do. Luckily there are more and more…
In our previous designer resource collection we showcased some great Free Flat UI Kits. Now it’s time for another collection, this time it’s free social media icons. It’s always good to include the option when you’re creating a website the…