CSS
::after и ::before
Выложил на webref.ru новое руководство по использованию псевдоэлементов ::after и ::before. Описано, как с их помощью вставлять иконки, делать нумерацию, выводить текст, треугольники, тень и др.
Руководство для среднего уровня подготовки, настоятельно требуется знакомство с позиционированием элементов.
Самоучитель CSS
Обновил мобильное интерактивное приложение для изучения CSS под Андроид. Вставил раздел про псевдоэлементы, а также добавил несколько улучшений. Само приложение не доделано, поэтому находится в статусе бета-версии. Скачивайте, изучайте, пишите отзывы.
Профессиональный HTML и CSS, уровень 1
Реклама
Получить старт в профессии верстальщика можно за 5 недель.
С 26 февраля — 4 апреля 2018 года пройдёт онлайн-интенсив «Профессиональный HTML и CSS, уровень 1». В программе: флексбоксы, семантичная разметка, векторная графика, доступность и лучшие практики. Курс рассчитан на новичков и желающих систематизировать базовые знания.
Вас ждёт много практики, лекции ведут четыре опытных преподавателя: Александр Першин, Алексей Симоненко, Вадим Макеева и Виталий Зюзин. С работой над проектом помогает личный наставник — практикующий разработчик.
Через месяц вы сможете:
- решать типовые задачи верстальщика;
- использовать необходимые инструменты для работы;
- начать карьеру с портфолио.
Если загрузка не позволяет окунуться в интенсивное обучение или для вас комфортнее работать в размеренном темпе, то возможно участие в интенсиве с продлёнными сроками: с 26 февраля по 2 мая 2018 года.
Справочник CSS
В предверии нового года обновил справочник CSS под Android. Он платный, стоит 30 рублей и если вы его уже покупали, то обновление прилетит автоматически. Остальным рекомендую купить и поддержать тем самым сайт, к тому же после праздников цена на справочник вырастет.
Основы CSS
Кардинально переделал мобильное приложение для Андроида «Основы CSS» с уроками от Джереми Томаса. Добавил собственную систему тестов, последовательное прохождение, вставил кучу новых уроков, включая раздел про Sass. Проходить всем!
Позиционирование элементов
Добавил новый учебный курс, посвящённый свойству position, в котором подробно рассказано о значениях static, relative, absolute, fixed и sticky, а также их комбинациям. Курс, как обычно, содержит вопросы для самопроверки, всякие задания, а в конце можно пройти проверочный тест. Впрочем, никто не запрещает пройти его и в начале.
Курс не для новичков, сперва изучите HTML и CSS. А для тех, кто уже это всё освоил и хочет научиться верстать.
Блочные и строчные элементы
На webref.ru появился новый небольшой курс Блочные и строчные элементы. Рассказывается про блочные, строчные и строчно-блочные элементы с примерами их использования. В каждом уроке есть вопросы для проверки, в конце можно проверить знания через систему тестирования.
Курс не для новичков, предполагается, что вы уже знакомы с HTML и CSS.
Позиционирование в CSS
Новый учебный курс от Джереми Томаса, посвящённый позиционированию элементов. Курс ориентирован на тех, кто уже прошёл предыдущие темы и освоил HTML и CSS.
Как обычно, каждый урок сопровождается интерактивными заданиями для закрепления материала, в конце приводится проверка знаний в виде тестовых вопросов.
Блочная модель
Очередной учебный курс от Джереми Томаса, где рассказывается о блочной модели элемента. Как обычно, в конце курса небольшой тест для проверки знаний, в конце каждого урока интерактивные задания на закрепление материала.
Курс «Текст в CSS»
Следующий учебный курс от Джереми Томаса для тех, кто хочет узнать чуть больше о CSS. Посвящён свойствам шрифта и текста. Как обычно, каждый урок сопровождается интерактивными заданиями для закрепления материала, в конце проверочный тест.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.