Blog

Webdev

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

4 Ways to Create a Triangle in Tailwind CSS

4 Ways to Create a Triangle in Tailwind CSS

Learn 4 methods to create CSS triangles in Tailwind CSS using borders - up, down, left, and right. Copy-paste utility classes with live examples.
Custom templates for Rails scaffolding

Custom templates for Rails scaffolding

Rails has a very handy tool for rapid development called scaffolding. Often programmers ignore it, because some things have to be written by hand anyway.
How to make vertically scrollable in CSS

How to make vertically scrollable in CSS

In order for the scroll to appear, you need to limit its height by adding height or max-height properties.
Data migrations with Rails

Data migrations with Rails

Data migration is a common part of working with databases, and Ruby on Rails developers have many tools at their disposal.
How to use Ruby on Rails Concerns

How to use Ruby on Rails Concerns

A Rails concern is a module that extends the ActiveSupport::Concern module.
How to make truncate text in CSS

How to make truncate text in CSS

CSS has no truncate property. How to clip overflowing text with text-overflow: ellipsis, and what each property in the recipe is doing.
Create a Triangle in Pure CSS - No JavaScript

Create a Triangle in Pure CSS - No JavaScript

Draw triangles in CSS using only the border trick - no images, no JS. Step-by-step code for up, down, left, and right arrows you can copy today.
What is the difference between joins and includes in Rails ActiveRecord?

What is the difference between joins and includes in Rails ActiveRecord?

The main difference is that when using includes the eager loading is used.
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 two or more colors along a straight line.
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.

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