Blog

Webdev

49 posts tagged webdev — the same founder-tested patterns, filtered.

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 order.
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.
Preview UI changes with Ruby on Rails variants

Preview UI changes with Ruby on Rails variants

Here's one of the simplest ways to do it without introducing complex feature switching mechanisms.
Placeholder Image

How to vertically center an element without Flex

Outer element to be displayed as a table and the inner element to be displayed as a table-cell which can then be vertically centered.
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 couple of options.
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?
Change input's placeholder color with CSS

Change input's placeholder color with CSS

How to change the color of an input's placeholder text in CSS with the ::placeholder pseudo-element.
Tailwind CSS Vertical Center - Full Screen Flexbox

Tailwind CSS Vertical Center - Full Screen Flexbox

Vertically and horizontally center any element in Tailwind CSS using flex, h-screen, and justify-center. Quick copy-paste snippet included.
How to get & build full URLs in Rails

How to get & build full URLs in Rails

There are some cases when you want to get a current request absolute URL.

Reading this because something is going wrong?

A free code audit gives you a written assessment of your codebase in plain English.

Get a Free Code Audit

Rated 4.8/5 on Clutch · you keep the write-up either way