Мета закинута
Автор не відписував в цілі 9 років 2 месяця 24 дня
Пройти все оставшиеся темы на HTML-academy
по одной теме в день всего месяц нужен
Критерій завершення
Пройдены все оставшиеся темы. Доказательство - скриншот
-
Селекторы
-
Знакомство с формами
-
Наследование и каскадирование
-
Блочная модель документа
-
Оформление текста с помощью CSS
-
Промежуточные испытания
-
Сетки
-
Фоны
-
Мастерская: создаём меню
-
Мастерская: декоративные элементы
-
Завершающие испытания
-
Знакомство с HTML5
-
Формы и HTML5
-
Формы и HTML5
-
Селекторы. Часть 2
-
Селекторы. Часть 3
-
Линейные градиенты
-
Двумерные трансформации
-
Мастерская: декоративные эффекты на HTML5 и CSS3
-
Оформление текста с помощью CSS. Часть 2
-
Анимация
-
Плавные переходы
-
Таблицы на CSS
-
Рамки и фоны, часть 2
-
Кекстаграм: Начало. CSS-фильтры
-
Кекстаграм: Эпилог. JavaScript
-
Флексбокс, часть 1
-
Флексбокс, часть 2
-
Препроцессоры. Знакомство с LESS
-
Примеси в LESS
Щоденник мети
Формы закончила. Перехожу к теме "Наследование и каскадирование"
Последнее время пошла тенденция не использовать в проектах каскадирование и идентификаторы потому что каскадирование помимо всех его плюсов легко и абсолютно неявным образом ломает верстку (в больших проектах невозможно проследить цепочку наследования), а идентификаторы не позволяют использовать <div id="menu"> два раза на одной и той же странице. Это, например, тот же БЭМ, который не пользуется ни тем, ни другим. Сейчас все готовятся к применению чего-то похожего на веб-компоненты - то есть например компонент с классом top-menu содержит кнопки типа top-menu-button. Для этой связки используются отдельные классы стилей и js. Все это можно сколько угодно раз использовать на скольких угодно страницах, не боясь того, что еще какое-нибудь menu сделает у кнопок зеленый фон. Яндекс придумал их сам. Спецификация веб-компонентов уже присутствует. Правда она несколько сложнее, чем я описала - там еще настраиваемые атрибуты, темплейты, теневой дом и проч. Продвинутые браузеры уже их поддерживают. Есть библиотеки, которые используют нечто подобное (полимер, кажется)... Я уже читала о них на javascript.ru - там блочок из нескольких статей. Идея мне очень нравится, но активно применять ее еще рано. Я еще поиграюсь с ними подробнее в рамках HTML5...
Марго, :)) Я даже специально это делала, чтобы прочувствовать разницу :)) Это тоже опыт - в следующий раз ты легко будешь видеть слабые места в коде и тебе не нужно будет читать даже хабр, чтобы знать где и что изменить, чтобы не породить кучу каких-то новых проблем... Это только одна из причин, в силу которой я считаю, что с практики начинать лучше, чем с теории... Кстати, как раз на подобного рода вопросы интернет отвечает не так уж и легко... В учебниках ты точно ничего такого не прочтешь, там только железобетонные свойства из спеки, которые работают в IE6 (преувеличила, конечно, но это где-то так и есть).
