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