Skip to content

Blog

Browse through our blog page filled with updated information and the latest tips to help you achieve your goals.


How to use Linear-Gradient in CSS

How to use Linear-Gradient in CSS

The CSS linear-gradient function creates an image that consists of a progressive transition between...
How to use background-size in CSS

How to use background-size in CSS

The CSS background-size property sets the size of the background image of the element. Images can be...
How to use :nth-child in CSS

How to use :nth-child in CSS

The :nth-child pseudo-class allows to select one and more elements based on their source...
How to style a checkbox using CSS

How to style a checkbox using CSS

In this post I’l show you exactly how to make awesome checkboxes with just CSS. <div> ...
Preview UI changes with Ruby on Rails variants

Preview UI changes with Ruby on Rails variants

When implementing new design for a live application we usually don’t want our users to see an...
Placeholder Image

How to vertically center an element without Flex

How vertically center with Flex you can view Vertical align with a full screen across Tailwind...
Generating random strings with Ruby

Generating random strings with Ruby

When you need to generate a random alphanumeric string of a specified length in ruby you have a...
How to horizontally center an element without Flex

How to horizontally center an element without Flex

Centered elements with Flex it is very easy to style, what about not use Flex? <div...
Change input’s placeholder color with CSS

Change input’s placeholder color with CSS

Most modern browsers support the simple pseudo-element: ::placeholder { color: #9400d3; } ...
Vertical align with a full screen across Tailwind CSS

Vertical align with a full screen across Tailwind CSS

How can vertically align an element with Tailwind CSS by Flex? Justify-Center and...