Български | Català | Deutsche | Hrvatski | Čeština | Dansk | Nederlandse | English | Eesti keel | Français | Ελληνικά | Magyar | Italiano | Latviski | Norsk | Polski | Português | Română | Русский | Српски | Slovenský | Slovenščina | Español | Svenska | Türkçe | 汉语 | 日本語 |
C

cssreference.io

Registered

CSS Reference - бесплатный визуальный гид по CSS без лишних заморочекНашелся настоящий клад для тех, кто хочет понять CSS без головной боли? Да, именно так. Сайт CSS Reference...

Page analyze update date: 2025/09/24 04:25:13
Last whois update date: 2026/03/16 16:44:18
Domain Status
Registered
Paid till
03.11.2026
Available from
03.12.2026

Website Description

📝

CSS Reference - бесплатный визуальный гид по CSS без лишних заморочек

Нашелся настоящий клад для тех, кто хочет понять CSS без головной боли? Да, именно так. Сайт CSS Reference- это то самое место, где можно изучать свойства каскадных таблиц стилей не через скучные мануалы, а живыми примерами. Просто открываете страницу, смотрите на анимацию, пробуете под себя - и сразу видно, как работает codeflex-directioncode, или зачем нужна codebackground-sizecode. Никаких сложностей, только практика.

Сайт выглядит аккуратно. Много картинок, движуха, чёткие описания. Каждый параметр - с наглядным примером. Хотите узнать про codebox-shadowcode? Он покажет, как тень падает, как меняется при изменении значений. А если интересен codetransitioncode - там всё будет плавно двигаться, будто по щелчку.

Особенно радует, что сайт полностью бесплатный. Ни подписок, ни платных разделов. Постоянно обновляется, добавляет новое. Было бы здорово, если бы авторы держали это в порядке ещё лет двадцать, но пока - всё работает нормально. И да, они просят отключить блокировщики рекламы. Это не каприз, а способ существовать. Так что, если вам нравится ресурс - уберите фильтры хотя бы на 10 секунд.

Что вообще внутри?

  • Анимации:все ключевые параметры - codeanimation-durationcode, codetiming-functioncode, и прочее. Всё с видео-примерами.
  • Фоновые свойства:codebackground-imagecode, coderepeatcode, codepositioncode - разбираются подробно.
  • Модель коробки:codepaddingcode, codemargincode, codebordercode, codebox-sizingcode. Тут даже codemin-heightcode и codemax-widthcode объяснены наглядно.
  • Позиционирование:codeabsolutecode, coderelativecode, codefixedcode - понятно, как работает каждый тип.
  • Flexbox и Grid:тут полно примеров по выравниванию, распределению пространства, гибким контейнерам.
  • Типографика:шрифты, интервалы, отступы, обтекание текста - всё в одном месте.

И да, совсем недавно появился книжка - emCSS in 44 minutesem. Один из авторов, видимо, решил не просто дать ссылку, а сделать что-то более полное. Судя по названию, за час можно ухватить основы. Не знаю, насколько это реально, но уже интересно.

Сестринский проект и соседи

У сайта есть брат - HTML Reference. Пока он не так активен, но если кто-то хочет разобраться с тегами, то там тоже можно найти кое-что полезное. А ещё советуют попробовать фреймворк Bulma- для тех, кому нужно быстро собрать сайт без лишних усилий.

Если честно, ресурс кажется очень живым. Нет ощущения, что это заглушка или временная страница. Домен работает, содержание актуально, оформление не пахнет хостинговым шаблоном. Наоборот - чувствуется личная забота. И даже при том, что нет телефонов, почт или официального юрлица, впечатление такое, будто за этим стоит человек, который сам сталкивается с тем же, чем занимается.

Часто задаваемые вопросы (FAQ)

А сайт действительно бесплатный?

Да да, всё бесплатно, всегда будет быть, говорится прямо - free and always will be, никто ничего не продаёт, никаких подписок. Только знания и картинки.

Почему просит отключить блокировщик рекламы?

Они сами пишут: Please whitelist us in your ad blocker. Thank you! Это их способ выжить. Без доходов из рекламы сайт может просто исчезнуть.

Можно ли использовать этот сайт как учебник?

Конечно можно. Особенно если ты любишь учиться на примерах. Там не просто текст, а движение, изменения, наглядность. Лучше, чем мануалы.

Что за книга CSS in 44 minutes?

Это новинка, упомянутая на главной странице. Даже не знаю, сколько там страниц, но название подсказывает, что кратко и по делу. Попробовать стоит.

Какие ещё есть проекты от создателей?

Есть HTML Reference - сестринский ресурс. И ещё советуют попробовать фреймворк Bulma для быстрого верстки сайтов. Не обязательное, но интересное предложение.

SEO Score
45.21%
66
Score achieved
146
Maximum score

Main Information

ℹ️
Title: CSS Reference - A free visual guide to CSS
Description: CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
Keywords: empty
Page Encoding: utf-8
Page Filesize: 53 KB

Server Information

🖥️
IP: 172.67.186.95
Location: ,,,,,,
Encoding: utf-8

Whois Information

📄
domain_name: cssreference.io
domain_id: REDACTED
update_date: 2025-11-18T11:23:46Z
update_time: 1763465026
creation_date: 2016-11-03T00:48:57Z
creation_time: 1478134137

Whois Raw Data

📋
            Domain Name: cssreference.io
Registry Domain ID: REDACTED
Registrar WHOIS Server: whois.gandi.net
Registrar URL: https://www.gandi.net
Updated Date: 2025-11-18T11:23:46Z
Creation Date: 2016-11-03T00:48:57Z
Registry Expiry Date: 2026-11-03T00:48:57Z
Registrar: Gandi SAS
Registrar IANA ID: 81
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +33.170377661
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Registry Registrant ID: REDACTED
Registrant Name: REDACTED
Registrant Organization: Jeremy Thomas
Registrant Street: REDACTED
Registrant City: REDACTED
Registrant State/Province: GL
Registrant Postal Code: REDACTED
Registrant Country: GB
Registrant Phone: REDACTED
Registrant Phone Ext: REDACTED
Registrant Fax: REDACTED
Registrant Fax Ext: REDACTED
Registrant Email: REDACTED
Registry Admin ID: REDACTED
Admin Name: REDACTED
Admin Organization: REDACTED
Admin Street: REDACTED
Admin City: REDACTED
Admin State/Province: REDACTED
Admin Postal Code: REDACTED
Admin Country: REDACTED
Admin Phone: REDACTED
Admin Phone Ext: REDACTED
Admin Fax: REDACTED
Admin Fax Ext: REDACTED
Admin Email: REDACTED
Registry Tech ID: REDACTED
Tech Name: REDACTED
Tech Organization: REDACTED
Tech Street: REDACTED
Tech City: REDACTED
Tech State/Province: REDACTED
Tech Postal Code: REDACTED
Tech Country: REDACTED
Tech Phone: REDACTED
Tech Phone Ext: REDACTED
Tech Fax: REDACTED
Tech Fax Ext: REDACTED
Tech Email: REDACTED
Name Server: iris.ns.cloudflare.com
Name Server: bayan.ns.cloudflare.com
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://icann.org/wicf/
>>> Last update of WHOIS database: 2026-03-16T16:44:18Z

SEO Audit

🔍

Technical SEO

✓
Response Code
HTTP/2 200
Status 200 OK - page loads correctly.
✓
Character Encoding
Page: utf-8, Header: utf-8
Character encoding consistent between HTML and headers.
✓
Page Size
54674 bytes
Page size acceptable for fast loading.
✓
Resources
0 total
Optimal number of resources.
✓
Hreflang Tags
hreflang tags
Add hreflang tags if you have multilingual content.
!
Robots.txt
Missing
Add robots.txt file to control search engine crawling.
!
Sitemap
Not found
Add sitemap.xml and reference it in robots.txt.
!
HTTPS
No
Switch to HTTPS for security and SEO benefits.
✓
Compression
gzip
Gzip or Zstd compression enabled for faster loading.
✓
Caching
max-age=600
Cache-control headers properly set.
!
Page Speed
Unknown
Load time not measured.

On-Page SEO

✓
Title
CSS Reference - A free visual guide to CSS
Good title length (30-60 characters).
✓
Meta Description
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. Lenght:143
Good meta description length (100-160 characters).
!
H1 Heading
0 found - ""
Add exactly one H1 heading with primary keywords.
!
Word Count
Content very short. Aim for at least 500 words for better SEO.
!
Canonical Tag
Add canonical tag to prevent duplicate content issues.
✓
Duplicate Meta
[]
No duplicate meta tags found.
✓
Keywords
empty
Meta keywords set (note: not used by major search engines).

Content and UX

!
Language
Add lang attribute to tag for accessibility and SEO.
✓
Images
0 total, 0 missing ALT
All images have proper ALT text.
!
Viewport
Add viewport meta tag for mobile responsiveness.
!
Open Graph
Missing: og:title, og:description, og:image, og:url
Add missing OpenGraph tags for social media sharing: og:title, og:description, og:image, og:url
!
Structured Data
JSON-LD scripts
Add structured data (JSON-LD) for rich snippets and better SEO.

Positions in Google

Search Phrases - Google

🔍
Position Phrase Page Snippet
9css top/property/top/
9left 0 right 0/positioning/
11font weight bold/property/font-weight/
15align items center/property/align-items/
18bottom css/property/bottom/
19justify content css/property/justify-content/
24transform/property/transform/
28gap css/property/grid-gap/
28css left/property/left/
29style content css/property/content/

Additional Services

💎