CSS
HTML и CSS на примерах
Обновил мобильное приложение под Android в виде книжки для изучения HTML и CSS — HTML и CSS на примерах.
Теперь по всем темам сделаны интерактивные задания для тренировки и закрепления навыков (почти 150 штук). Задания простые и с автоматической проверкой.
Устанавливайте сами и советуйте друзьям.
Селекторы CSS
Сделал видеокурс, посвящённый стилевым селекторам, в виде эксперимента. В дальнейшем планируется выложить видеоуроки на сайт и добавить к ним интерактивные задания.
Руководство по флексам
Добавил новое руководство по флексбоксам от Йена Диксона. В руководстве рассмотрено, как создать флексбоксы, как с их помощью сделать адаптивный макет, выравнивать элементы и многое другое.
Практика по CSS
На webref.ru обновился раздел с практическими задачами по HTML и CSS. Это более 160 задач по разным темам с набором кода в заданных полях и автоматической проверкой правильности выполнения. Результат тоже сразу показывается. Задачи будут дополняться, пишите какие темы вас интересуют.
Учебник по CSS
Обновил Учебник по CSS — это приложение под Андроид для изучения каскадных стилей. Около 10 тем по селекторам и их комбинациям, псевдоэлементам, псевдоклассам и др.
Введение в CSS Shapes
Оригинал: tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/
Перевод: Влад Мержевич
CSS Shapes позволяет создавать интересные и уникальные макеты, определяя геометрические фигуры, изображения и градиенты, вокруг которых может обтекать текстовое содержимое.
Прижатый подвал, 5 способов
Оригинал: css-tricks.com/couple-takes-sticky-footer
Перевод: Влад Мержевич
Краткая история, если хотите.
Смысл прижатого подвала заключается в том, что он «прилипает» к нижней части окна браузера. Но не всегда; если на странице достаточно содержимого, чтобы сдвинуть подвал вниз, то это будет сделано. Если содержимого на странице мало, тогда подвал прижмётся к нижней части окна браузера.
Справочник CSS
Многие деревенские парни, у которых в деревне проблемы с Интернетом, давно просили меня обновить локальный справочник CSS, чтобы изучать веб-технологии в любой ситуации. К сожалению, мой любимый формат CHM, который замечательно подходит для всякого рода справочников, безнадёжно устарел и вместо этого делаю справочник в виде набора HTML-файлов. Для просмотра нужен любой современный браузер и он у вас есть, раз вы это читаете.
В новой версии больше свойств, значений и примеров. Все примеры, кстати, можно смотреть сразу в браузере, естественно, со все всеми картинками, стилями и эффектами.
Для тех, кто уже покупал справочник, ничего делать не надо, обновление должно было прийти по почте.
Вот форма сразу для оплаты. Справочник стоит 59 рублей, считайте это вложением в новые уроки и книги по веб-технологиям.
CSS Playground
Выпустил небольшое приложение под Андроид для наглядного ознакомления с возможностями CSS. Выбираете стилевое свойство, меняете его значение и тут же видите результат в действии. Всё это можно опробовать в справочнике 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. А для тех, кто уже это всё освоил и хочет научиться верстать.