Category: CSS

You always want the most exciting and helpful posts about CSS in your inbox?

Then do it like over 100 other Programming Maniacs and subscribe to our free newsletter!

Cascading Style Sheet or short CSS is fundamental for the design of websites and web applications. While a few years ago one wrote “only normal” CSS, now it looks clearly different. Due to countless frameworks, constant adjustments of the rules and new devices, CSS can quickly become more complicated than one would like.

To counteract this, here are some helpful and creative CSS articles to help you with your challenge. Maybe I can inspire you with one or the other article.

Programming Reading Position Indicator (CSS & JavaScript)

The Reading Position Indicator is a bar on your website that shows how much the visitor has already read of your content – and you can program it yourself so easily.

10 awesome CSS Hamburger Menus

Responsive web design has long been standard on the web. Almost every website has a navigation menu, which is often realized by a hamburger menu. A collection of the best CSS hamburger menus (+ icons & animations) can be found here!

30 inspiring loading animations (CSS and JavaScript)

The use of loading animations is ideal for bridging waiting times on websites and in web applications. Here you will find a selection of the most creative and inspiring loading animations!

25 great 404 Page Templates – with Animations!

If you call up a page that does not (no longer) exist, you are redirected to 404 pages. But that’s not bad, because 404 pages can work wonders with a little creativity, so that visitors don’t leave your site.

10 oddly satisfying CSS Animations

Sometimes after a long, exhausting day it is enough to look at something beautiful. Therefore “satisfying” videos or pictures are very good. You can see in this article that this is also possible with CSS and JavaScript!

8 CSS tricks you should know as a web developer

CSS belongs to a website like the sun belongs to summer. There are many things you should consider or in another way improve and optimize. I will tell you my CSS tricks!

Programming JavaScript Equalizer

Simply as a design element or functional, this equalizer is a real eye-catcher! Here I explain to you how you can program this equalizer yourself with pure JavaScript.

Program your own WYSIWYG editor – with HTML, CSS & JavaScript

Are you annoyed by missing or unnecessary functions in WYSIWYG editors? No problem! Here I show you how to create your own fully functional WYSIWYG editor with HTML, CSS and JavaScript.

Programming interactive (rotatable) 3D cube

You move your cell phone and the cube turns? Yes! That’s exactly what we’re programming today. With the help of the devices alignment via JavaScript.

20 pretty CSS Menu Inspirations

A good user flow contributes enormously to a successful website. The content, positioning and appearance should therefore be well thought out. Here you will find some inspirations for your own navigation menu!

Hide annoying Google reCAPTCHA v3 Badge

The Google reCAPTCHA has already been encountered by most people on a website. In the new version (v3), Google now shows a fade-in at the bottom right corner. That’s not very nice, so I’ll show you here how you can remove this fade-in with a little CSS.

50 cool CSS Buttons – with Animations!

Buttons are not only good for usability, but also an extremely important design element for your website. For this reason, here is a collection of the best CSS buttons!