CSS

CSS url()

The use cases of url() in CSS are huge, here are most of the properties the url() function can be included as a value: background, background-image, list-style, list-style-image, content, cursor,

Michael Gearon

CSS :focus-within pseduo-class

The :focus-within pseudo-class is a CSS Level 4 selector that is supported by Firefox, Chrome, Safari as well as other browsers apart from Internet Explorer and Edge 18 or less.

Michael Gearon

CSS custom properties for cascading variables

Preprocessors like Less and Sass have helped over the past few years to keep development CSS codebases simple, organised and maintainable. One of the most used features in preprocessors is

Michael Gearon

CSS Borders

The border property allows you to specify how the border of the box representing an element should look. The border module consists of the following properties, border-color, border-style and border-width.

Michael Gearon

CSS Padding and Margin

The most two popular CSS properties are margin and padding, they are used for spacing-out elements. Simply put the padding is the space inside something whilst the margin is the

Michael Gearon

CSS Font Smoothing in Webkit and Firefox

Using font smoothing can turn a horrible typeface to a beautiful one. The Webkit and Firefox browsers make the fonts look slightly thicker, using just two lines of CSS we

Michael Gearon

Pseudo Class

A pseudo-class starts with a colon (:),it is similar to a class in HTML, but it’s not specified explicitly in the markup. When creating a pseudo-class there can not being

Michael Gearon

Hiding Elements using CSS

We have plenty of options at our disposal at hiding elements with CSS. In this post we will explore the options we have and more importantly the pros and cons

Michael Gearon

So now what?

Let's chat, and get things going