Website review css-tricks.com
CSS-Tricks - A Website About Making Websites
Generated on March 03 2026 22:37 PM
Old data? UPDATE !
The score is 53/100
SEO Content
Title
CSS-Tricks - A Website About Making Websites
Length : 44
Perfect, your title contains between 10 and 70 characters.
Description
Length : 0
Very bad. We haven't found meta description on your page. Use this free online meta tags generator to create description.
Keywords
Very bad. We haven't found meta keywords on your page. Use this free online meta tags generator to create keywords.
Og Meta Properties
Good, your page take advantage of Og Properties.
| Property | Content |
|---|---|
| locale | en_US |
| type | website |
| title | CSS-Tricks - A Website About Making Websites |
| url | https://css-tricks.com/ |
| site_name | CSS-Tricks |
| updated_time | 2026-02-10T07:42:37-07:00 |
| image | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:secure_url | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:width | 1200 |
| image:height | 628 |
| image:alt | Home |
| image:type | image/png |
Headings
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 12 | 38 | 1 | 3 | 0 |
- [H1] Popover API or Dialog API: Which to Choose?
- [H2] Popular this month
- [H2] Latest Articles
- [H2] What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
- [H2] Yet Another Way to Center an (Absolute) Element
- [H2] An Exploit … in CSS?!
- [H2] A Complete Guide to Bookmarklets
- [H2] Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
- [H2] Quick Hits
- [H2] Collections
- [H2] Fresh From the Almanac
- [H2] Latest CSS Guides
- [H2] Classic Tricks
- [H3] Trying to Make the Perfect Pie Chart in CSS
- [H3] Spiral Scrollytelling in CSS With sibling-index()
- [H3] There is No Need to Trap Focus on a Dialog Element
- [H3] Approximating contrast-color() With Other CSS Features
- [H3] Responsive Hexagon Grid Using Modern CSS
- [H3] Styling ::search-text and Other Highlight-y Pseudo-Elements
- [H3] That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece
- [H3] progress()
- [H3] abs()
- [H3] animation-range
- [H3] view-timeline-axis
- [H3] view-timeline-inset
- [H3] blur()
- [H3] superellipse()
- [H3] corner-shape
- [H3] asin()
- [H3] acos()
- [H3] cross-fade()
- [H3] CSS Color Functions
- [H3] Styling Counters in CSS
- [H3] CSS Anchor Positioning Guide
- [H3] CSS Selectors
- [H3] CSS Length Units
- [H3] CSS Container Queries
- [H3] CSS Media Queries Guide
- [H3] Cascade Layers Guide
- [H3] CSS Functions Guide
- [H3] CSS Gradients Guide
- [H3] CSS Custom Properties Guide
- [H3] Scroll Animation
- [H3] Yellow Flash
- [H3] Self-Drawing Shapes
- [H3] Scroll Shadows
- [H3] Editable Style Blocks
- [H3] Scroll Indicator
- [H3] Border Triangles
- [H3] Pin Scrolling to Bottom
- [H3] Infinite Scrolling Background Image
- [H4] Keep up to date on web dev
- [H5] DigitalOcean
- [H5] CSS-Tricks
- [H5] Social
Images
We found 50 images on this web page.
47 alt attributes are empty or missing. Add alternative text so that search engines can better understand the content of your images.
Text/HTML Ratio
Ratio : 0%
This page's ratio of text to HTML code is below 15 percent, this means that your website probably needs more text content.
Flash
Perfect, no Flash content has been detected on this page.
Iframe
Great, there are no Iframes detected on this page.
SEO Links
URL Rewrite
Good. Your links looks friendly!
Underscores in the URLs
Perfect! No underscores detected in your URLs.
In-page links
We found a total of 122 links including 1 link(s) to files
| Anchor | Type | Juice |
|---|---|---|
| Skip to main content | Internal | Passing Juice |
| accessibility | Internal | Passing Juice |
| dialog | Internal | Passing Juice |
| popover | Internal | Passing Juice |
| Popover API or Dialog API: Which to Choose? | Internal | Passing Juice |
| Zell Liew | Internal | Passing Juice |
| DigitalOcean | External | Passing Juice |
| Trying to Make the Perfect Pie Chart in CSS | Internal | Passing Juice |
| charts | Internal | Passing Juice |
| data visualization | Internal | Passing Juice |
| Juan Diego Rodríguez | Internal | Passing Juice |
| Spiral Scrollytelling in CSS With sibling-index() | Internal | Passing Juice |
| CSS functions | Internal | Passing Juice |
| GSAP | Internal | Passing Juice |
| Scroll Driven Animation | Internal | Passing Juice |
| Lee Meyer | Internal | Passing Juice |
| There is No Need to Trap Focus on a Dialog Element | Internal | Passing Juice |
| modal | Internal | Passing Juice |
| Approximating contrast-color() With Other CSS Features | Internal | Passing Juice |
| color | Internal | Passing Juice |
| color-contrast() | Internal | Passing Juice |
| relative color | Internal | Passing Juice |
| Kevin Hamer | Internal | Passing Juice |
| Responsive Hexagon Grid Using Modern CSS | Internal | Passing Juice |
| math | Internal | Passing Juice |
| shapes | Internal | Passing Juice |
| Temani Afif | Internal | Passing Juice |
| Styling ::search-text and Other Highlight-y Pseudo-Elements | Internal | Passing Juice |
| pseudo elements | Internal | Passing Juice |
| Daniel Schwarz | Internal | Passing Juice |
| That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece | Internal | Passing Juice |
| learning | Internal | Passing Juice |
| Kevine Nzapdi | Internal | Passing Juice |
| news | Internal | Passing Juice |
| What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More | Internal | Passing Juice |
| layout | Internal | Passing Juice |
| position | Internal | Passing Juice |
| Yet Another Way to Center an (Absolute) Element | Internal | Passing Juice |
| security | Internal | Passing Juice |
| An Exploit … in CSS?! | Internal | Passing Juice |
| bookmarklet | Internal | Passing Juice |
| JavaScript | Internal | Passing Juice |
| A Complete Guide to Bookmarklets | Internal | Passing Juice |
| Declan Chidlow | Internal | Passing Juice |
| images | Internal | Passing Juice |
| performance | Internal | Passing Juice |
| SVG | Internal | Passing Juice |
| Loading Smarter: SVG vs. Raster Loaders in Modern Web Design | Internal | Passing Juice |
| Mariana Beldi | Internal | Passing Juice |
| Keep browsing in the archives | Internal | Passing Juice |
| Safari TP 238 | External | Passing Juice |
| # | Internal | Passing Juice |
| Firefox 148 | External | Passing Juice |
| # | Internal | Passing Juice |
| # | Internal | Passing Juice |
| Safari TP 237 | External | Passing Juice |
| # | Internal | Passing Juice |
| More Quick Hits → | Internal | Passing Juice |
| progress() | Internal | Passing Juice |
| abs() | Internal | Passing Juice |
| Gabriel Shoyombo | Internal | Passing Juice |
| animation-range | Internal | Passing Juice |
| John Rhea | Internal | Passing Juice |
| view-timeline-axis | Internal | Passing Juice |
| view-timeline-inset | Internal | Passing Juice |
| blur() | Internal | Passing Juice |
| filter | Internal | Passing Juice |
| superellipse() | Internal | Passing Juice |
| Saleh Mubashar | Internal | Passing Juice |
| corner-shape | Internal | Passing Juice |
| asin() | Internal | Passing Juice |
| acos() | Internal | Passing Juice |
| cross-fade() | Internal | Passing Juice |
| CSS Color Functions | Internal | Passing Juice |
| Sunkanmi Fafowora | Internal | Passing Juice |
| Styling Counters in CSS | Internal | Passing Juice |
| counters | Internal | Passing Juice |
| lists | Internal | Passing Juice |
| CSS Anchor Positioning Guide | Internal | Passing Juice |
| anchor positioning | Internal | Passing Juice |
| CSS Selectors | Internal | Passing Juice |
| selectors | Internal | Passing Juice |
| Geoff Graham | Internal | Passing Juice |
| CSS Length Units | Internal | Passing Juice |
| container units | Internal | Passing Juice |
| units | Internal | Passing Juice |
| CSS Container Queries | Internal | Passing Juice |
| container-queries | Internal | Passing Juice |
| CSS Media Queries Guide | Internal | Passing Juice |
| media queries | Internal | Passing Juice |
| Andrés Galante | Internal | Passing Juice |
| Cascade Layers Guide | Internal | Passing Juice |
| cascade layers | Internal | Passing Juice |
| Miriam Suzanne | Internal | Passing Juice |
| CSS Functions Guide | Internal | Passing Juice |
| functions | Internal | Passing Juice |
| Eric Bailey | Internal | Passing Juice |
| CSS Gradients Guide | Internal | Passing Juice |
| CSS Custom Properties Guide | Internal | Passing Juice |
| custom properties | Internal | Passing Juice |
| Chris Coyier | Internal | Passing Juice |
| Scroll Animation | Internal | Passing Juice |
| Yellow Flash | Internal | Passing Juice |
| Self-Drawing Shapes | Internal | Passing Juice |
| Scroll Shadows | Internal | Passing Juice |
| Editable Style Blocks | Internal | Passing Juice |
| Scroll Indicator | Internal | Passing Juice |
| Border Triangles | Internal | Passing Juice |
| Pin Scrolling to Bottom | Internal | Passing Juice |
| Infinite Scrolling Background Image | Internal | Passing Juice |
| DigitalOcean | External | Passing Juice |
| About DO | External | Passing Juice |
| Cloudways | External | Passing Juice |
| Legal stuff | External | Passing Juice |
| Get free credit! | External | Passing Juice |
| Contact | Internal | Passing Juice |
| Write for CSS-Tricks! | Internal | Passing Juice |
| Advertise with us | Internal | Passing Juice |
| RSS Feeds | Internal | Passing Juice |
| CodePen | External | Passing Juice |
| Mastodon | External | Passing Juice |
| Bluesky | External | Passing Juice |
SEO Keywords
Keywords Cloud
multiple heading css-tricks first selecting trial pseudo-class becomes safari very
Keywords Consistency
| Keyword | Content | Title | Keywords | Description | Headings |
|---|---|---|---|---|---|
| safari | 3 |  |
|
|
|
| heading | 2 | |
|
|
 |
| css-tricks | 1 | |
|
|
|
| very | 1 | |
|
|
|
| multiple | 1 | |
|
|
|
Usability
Url
Domain : css-tricks.com
Length : 14
Favicon
Great, your website has a favicon.
Printability
We could not find a Print-Friendly CSS.
Language
Good. Your declared language is en.
Dublin Core
This page does not take advantage of Dublin Core.
Document
Doctype
HTML 5
Encoding
Perfect. Your declared charset is UTF-8.
W3C Validity
Errors : 0
Warnings : 0
Email Privacy
Great no email address has been found in plain text!
Deprecated HTML
Great! We haven't found deprecated HTML tags in your HTML.
Speed Tips
|
Excellent, your website doesn't use nested tables. |
|
Too bad, your website is using inline styles. |
|
Great, your website has few CSS files. |
|
Too bad, your website has too many JS files (more than 6). |
|
Perfect, your website takes advantage of gzip. |
Mobile
Mobile Optimization
|
Apple Icon |
|
Meta Viewport Tag |
|
Flash content |
Optimization
XML Sitemap
Great, your website has an XML sitemap.
| https://css-tricks.com/sitemap.xml |
| https://css-tricks.com/post-sitemap.xml |
| https://css-tricks.com/page-sitemap.xml |
Robots.txt
https://css-tricks.com/robots.txt
Great, your website has a robots.txt file.
Analytics
Great, your website has an analytics tool.
Google Analytics |
PageSpeed Insights
Device
Categories
Free SEO Testing Tool
Free SEO Testing Tool is a free SEO tool which provides you content analysis of the website.