Css

• Selectors Explained

• The Guide to Design

Grid

• Full-Bleed Layout Using CSS Grid

• Grids Part 1: To grid or not to grid

Images

• BlurHash

Tailwind

• tailwindcss

• tailwindUI

• Tailwind CSS Resources you wish you had

Snippets

Ellipsis

.text-ellipsis {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Truncate String with Ellipsis

Position fixed center

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

How To Center an Object Exactly In The Center

Links

• CSS-Tricks

Design

Links

• 40 pro tips for writing great microcopy

• Aspect Ratio is Great

Inspiration

• baremetrics