# Css

* [Selectors Explained](https://hugogiraudel.github.io/selectors-explained/)
* [The Guide to Design](https://start.uxdesign.cc/)

## Grid

* [Full-Bleed Layout Using CSS Grid](https://joshwcomeau.com/css/full-bleed/)
* [Grids Part 1: To grid or not to grid](https://sarahmhigley.com/writing/grids-part1/)

## Images

* [BlurHash](https://blurha.sh/)

## Tailwind

* [tailwindcss](https://tailwindcss.com/)
* [tailwindUI](https://tailwindui.com)
* [Tailwind CSS Resources you wish you had](https://dev.to/tracycss/tailwind-css-resources-you-wish-you-had-3i18)

## Snippets

### Ellipsis

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

[Truncate String with Ellipsis](https://css-tricks.com/snippets/css/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](https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/)

## Links

* [CSS-Tricks](https://css-tricks.com/)

## Design

### Links

* [40 pro tips for writing great microcopy](https://twitter.com/antdke/status/1263130017598406657)
* [Aspect Ratio is Great](https://css-irl.info/aspect-ratio-is-great/)

### Inspiration

* [baremetrics](https://baremetrics.com/)