Главная 30 Любопытным 30 7 полезных ресурсов для тех, кто изучает CSS

7 полезных ресурсов для тех, кто изучает CSS

7 полезных ресурсов для тех, кто изучает CSS

Каскадные таблицы стилей делают скучный HTML привлекательным. Лайфхакер подобрал русскоязычные и англоязычные сайты, а также веб-энциклопедии, которые помогут лучше понять CSS.

Консорциум Всемирной паутины (World Wide Web Consortium, W3C) рекомендовал технологию CSS (Cascading Style Sheets) в 1996 году. С тех пор веб-разработчики используют каскадные таблицы стилей для создания уникального оформления сайтов.

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

Установите расширение Web Developer для Chrome или дополнение Disable CSS для Firefox, чтобы полюбоваться любимыми сайтами без каскадных таблиц стилей.

Изменения будут разительными, хотя и не всегда. Например, новостной агрегатор Drudge Report почти не изменится: он прост как дважды два. Тем не менее ежемесячно ресурс просматривают свыше 150 миллионов раз.

Где научиться тонкостям CSS

1. HTMLbook

Будем последовательны и начнём с крепкой теоретической базы. За ней обратимся к Владу Мержевичу, автору книг и веб-разработчику, который поддерживает несколько качественных ресурсов о вёрстке и стилизации веб-страниц.

На HTMLbook вы найдёте понятный самоучитель и ответы на популярные вопросы о каскадных таблицах стилей. Здесь же представлены обучающие статьи об актуальной третьей спецификации CSS.

2. WebReference

WebReference предлагает алфавитный справочник по CSS. Каждое свойство имеет краткое описание, синтаксис и живой пример. Не стесняйтесь задавать вопросы — авторы проекта выходят на связь и охотно обсуждают детали.

3. CSS Reference

В дополнение к русскоязычным самоучителям добавим зарубежные сайты. Некоторым студентам с их помощью проще вникать в профессию и принимать её терминологию. Поэтому всё внимание на CSS Reference. На сайте нет ничего лишнего: свойства CSS, пояснения и действие. Из приятных мелочей отметим быстрый поиск и копирование свойства в буфер обмена по щелчку мыши.

4. CSS Design Awards

Обучение — дело долгое и порой скучное. Неплохо бы найти мотивацию, чтобы она помогала в трудные минуты. Вдохновляться будем у других веб-дизайнеров, а точнее на сайте CSS Design Awards. Здесь каждый день представляют качественный проект, который служит образцом того, к чему стоит стремиться. Многие из победителей действительно удивляют. Не забывайте заглядывать и голосовать за понравившихся номинантов.

5. CSS Zen Garden

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

Загрузите эталонный HTML, добавьте своё оформление и отправьте всё это обратно. Возможно, ваш подход окажется самым лучшим. К слову, можно скачать чужой вариант и посмотреть, как же он реализован.

Понятное дело, что вам захочется применить нечто эдакое, что привлечёт всеобщее внимание. Не знаем, есть ли такое на CSSPlay, но десятки и сотни любопытных приёмов там точно завалялись.

Скачать код напрямую не получится. Вам придётся залезть в меню разработчиков — такова политика местной партии. При этом подавляющее большинство CSS-стилей можно использовать без разрешения автора.

7. CSS Lint

Зачем нам чужое, если у самих руки прямо растут? Так ли оно на самом деле покажет CSS Lint. Помимо базовой проверки синтаксиса CSS, веб-сервис выполняет проверку на соответствие правилам, которые влияют на скорость загрузки страниц. На выходе получаем хороший, милый для браузеров CSS-код.

А какие ресурсы о каскадных таблицах стилей можете посоветовать вы?

О admin

x

Check Also

Находки AliExpress: антистресс-игрушка, точилка для ножей и спортивные часы

Находки AliExpress: антистресс-игрушка, точилка для ножей и спортивные часы Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: мусорное ведро, мини-дрель и жующая копилка

Находки AliExpress: мусорное ведро, мини-дрель и жующая копилка Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: фотосканер, гамак и спортивные часы

Находки AliExpress: фотосканер, гамак и спортивные часы Самое необычное, забавное и дешёвое, что Лайфхакер нашёл ...

Находки AliExpress: антистресс-игрушка, форма для шашлыка и селфи-вспышка

Находки AliExpress: антистресс-игрушка, форма для шашлыка и селфи-вспышка Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: триммер, беспроводные наушники и коврик для мышки

Находки AliExpress: триммер, беспроводные наушники и коврик для мышки Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: гироскутер, внешний аккумулятор и ножницы для пиццы

Находки AliExpress: гироскутер, внешний аккумулятор и ножницы для пиццы Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: ночник-зарядка, гамак для кота, семечкокол

Находки AliExpress: ночник-зарядка, гамак для кота, семечкокол Самое необычное, забавное и дешёвое, что мы нашли ...

Находки AliExpress: пельменница, колонки с подсветкой и крутой гамак

Находки AliExpress: пельменница, колонки с подсветкой и крутой гамак Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: замок для чемодана, метеостанция и ремешки для Xiaomi Mi Band 2

Находки AliExpress: замок для чемодана, метеостанция и ремешки для Xiaomi Mi Band 2 Самое необычное, ...

Находки AliExpress: накладные наушники с дисплеем, антистресс-игрушка и пароочиститель

Находки AliExpress: накладные наушники с дисплеем, антистресс-игрушка и пароочиститель Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: робот-пылесос, термометр и набор для выживания

Находки AliExpress: робот-пылесос, термометр и набор для выживания Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: удобная бутылка для воды, ночник и IP-камера

Находки AliExpress: удобная бутылка для воды, ночник и IP-камера Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: USB-вентилятор, мини-сейф и стильные часы

Находки AliExpress: USB-вентилятор, мини-сейф и стильные часы Самое необычное, забавное и дешёвое, что Лайфхакер нашёл ...

Находки AliExpress: розетка с пультом, Кольцо Всевластия, чашки в виде клавиш Ctrl, Alt и Del

Находки AliExpress: розетка с пультом, Кольцо Всевластия, чашки в виде клавиш Ctrl, Alt и Del ...

Находки AliExpress: комплект медиаторов, устройство для чистки граната и мультитул

Находки AliExpress: комплект медиаторов, устройство для чистки граната и мультитул Самое необычное, забавное и дешёвое, ...

Находки AliExpress: игровая консоль, пакетики для чая и теннисная сетка

Находки AliExpress: игровая консоль, пакетики для чая и теннисная сетка Самое необычное, забавное и дешёвое, ...

Находки AliExpress: автомобильный душ, игрушка-антистресс и точилка для овощей

Находки AliExpress: автомобильный душ, игрушка-антистресс и точилка для овощей Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: квадрокоптер, набор для покера и MP3-плеер

Находки AliExpress: квадрокоптер, набор для покера и MP3-плеер Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: крутые колонки, вертикальная мышка и форма для льда

Находки AliExpress: крутые колонки, вертикальная мышка и форма для льда Самое необычное, забавное и дешёвое, ...

Находки AliExpress: триммер для бороды, рюкзак, проектор и подставка для ноутбука

Находки AliExpress: триммер для бороды, рюкзак, проектор и подставка для ноутбука Самое необычное, забавное и ...

Находки AliExpress: геймпад, световой меч и заводной робот

Находки AliExpress: геймпад, световой меч и заводной робот Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: подставка для чипсов, смарт-часы и беспроводная колонка

Находки AliExpress: подставка для чипсов, смарт-часы и беспроводная колонка Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: свитер с оленями, кабель для зарядки и органайзер

Находки AliExpress: свитер с оленями, кабель для зарядки и органайзер Самое необычное, забавное и дешёвое, ...

Находки AliExpress: временное тату, подставка для ноутбука и клавиатура

Находки AliExpress: временное тату, подставка для ноутбука и клавиатура Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: держатель для смартфона, укулеле, GSM-сигнализация

Находки AliExpress: держатель для смартфона, укулеле, GSM-сигнализация Самое необычное, забавное и дешёвое, что Лайфхакер нашёл ...

Находки AliExpress: фильтр для воды, лазерный стоп-сигнал, новогодние формочки

Находки AliExpress: фильтр для воды, лазерный стоп-сигнал, новогодние формочки Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: кухонный термометр, вездеход и супергеройский бумажник

Находки AliExpress: кухонный термометр, вездеход и супергеройский бумажник Самое необычное, забавное и дешёвое, что Лайфхакер ...

AliExpress: 50 крутых вещей дешевле 250 рублей

AliExpress: 50 крутых вещей дешевле 250 рублей Лайфхакер собрал полезные товары для дома, спорта и ...

Находки AliExpress: маслорез, светодиодная подсветка и вертикальная мышка

Находки AliExpress: маслорез, светодиодная подсветка и вертикальная мышка Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: комплект раций, вакуумный упаковщик и microUSB-эндоскоп

Находки AliExpress: комплект раций, вакуумный упаковщик и microUSB-эндоскоп Самое необычное, забавное и дешёвое, что Лайфхакер ...

Находки AliExpress: подушка для ванны, Bluetooth-приёмник и копилка с пандой

Находки AliExpress: подушка для ванны, Bluetooth-приёмник и копилка с пандой Самое необычное, забавное и дешёвое, ...

Находки AliExpress: котокружка, светящиеся краски и монопод

Находки AliExpress: котокружка, светящиеся краски и монопод Самое необычное, забавное и дешёвое, что мы нашли ...

Находки AliExpress: водомёт, дезодорант для обуви и домашние тапочки

Находки AliExpress: водомёт, дезодорант для обуви и домашние тапочки Самое необычное, забавное и дешёвое, что ...

Находки AliExpress: термометр для мяса, витой AUX-кабель и триммер для носа

Находки AliExpress: термометр для мяса, витой AUX-кабель и триммер для носа Самое необычное, забавное и ...

Находки AliExpress: бэткружка, черная зубная паста и трехметровый microUSB

Находки AliExpress: бэткружка, черная зубная паста и трехметровый microUSB Самое необычное, забавное и дешёвое, что ...

Рейтинг@Mail.ru