cssreference.io

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- для тех, кому нужно быстро собрать сайт без лишних усилий.

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

            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

SEO на странице

Контент и UX