# CSS-Tricks

- **Website:** <https://css-tricks.com>
- **Primary alias:** `css-tricks.com`
- **Employees:** 2+
- **Location:** Thatcham, Berkshire, United Kingdom

## Description

CSS-Tricks is an online learning resource for front-end designers and developers, helping readers around the world understand web code and the tools used to build for the web. Established in 2007, the site focuses on HTML, CSS, JavaScript, and related topics, with practical explanations of emerging features as well as established techniques.

Its editorial content includes articles, in-depth guides, quick updates, curated links, and collections of examples and techniques. The CSS Almanac documents properties, selectors, rules, and functions, while the guides explore subjects such as Flexbox, Grid, CSS selectors, color functions, and container queries. Readers can also find code snippets and classic tricks covering layouts, animations, scrolling, and visual effects. Coverage extends to web accessibility, WordPress, browser developments, and front-end APIs, offering useful context for people building and styling websites.

CSS-Tricks also provides a newsletter, archives, RSS feeds, and social channels for following new material. The site invites contributions and advertising inquiries, and is powered by DigitalOcean.

## Industries

- 🍿 Arts and Entertainment

## Links

- [twitter](https://twitter.com/css)
- [linkedin](https://linkedin.com/company/css-tricks-dot-com)

## Logos & icons

- logo _(primary)_ — PNG, SVG — [download](https://cdn.brandfetch.io/idFaSp3LW0/w/820/h/820/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1790364531539)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idFaSp3LW0/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790364531677)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Monza | #af002d | dark |
| Straw | #d7ba7d | light |
| Lochinvar | #319197 | accent |

## Fonts

- inter — asset _(google)_
- SFMono-Regular — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idFaSp3LW0/w/1500/h/500/idjxf5Ufmp.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790364531801)

---

_Source: <https://brandfetch.com/css-tricks.com>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._