Looking for our Logo?

Stay tuned for fresh Css Ninja news and articles

Let's build a brand context menu

When I first discovered this, I immediately thought that's a fantastic UX and wanted to do the same for Css Ninja. Why not learn how you can do it for your own website?

Bulma grid with an alpine JS loop

Alpine.js is a simplistic and lightweight javascript framework that offers the reactive and declarative nature of big frameworks like Vue or React at a much lower cost.

Simple loader with Bulma

Using loaders is quite a common thing when you have to build websites and applications. They a re a great help in making users wait while the page content is still loading, often represented by a spinning shape...

Working with CSS ellipsis

Css ellipsis behaves the same way as when you are enumerating things and ending prematurely your enumeration using the "etc..." particle. In other words, CSS ellipsis is a tool that you can...

Facebook Placeholders

A while ago, the great and (not always) glorious Facebook introduced content placeholders that appear to users while the page content is still being loaded, yielding a fantastic user experience.

Checkbox Madness

Checkboxes are a common html element that is used everyday by designers and developers when working on a website or on an app project. Let's see how we can use it to create something else.

Code a material raised button

Today we are going to make a nice looking like button inspired from the Google material design guidelines. It will be a very quick tutorial in wich we will use only CSS.

Let's make a Like button

There are many cool like animations and interactions on the social web, like on Twitter and many others. What if we made our own CSS like button ? That shouldn't be to hard. Alright let's dive in !

Coding fixed Sidebars in a breeze

Sidebars often made frontend developers struggle, as they easily break when you start adding more and more content and effects. Let's see how to build some clean sidebars, without any plugin.

Code an avatar card

Nowadays, who doesn't like to build card components. I guess no one does. For our first code series, we are going to build a card component with an absolutely positioned fancy avatar.