CSS

Оригинал: tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/
Перевод: Влад Мержевич

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

Оригинал: css-tricks.com/couple-takes-sticky-footer
Перевод: Влад Мержевич

Краткая история, если хотите.

Смысл прижатого подвала заключается в том, что он «прилипает» к нижней части окна браузера. Но не всегда; если на странице достаточно содержимого, чтобы сдвинуть подвал вниз, то это будет сделано. Если содержимого на странице мало, тогда подвал прижмётся к нижней части окна браузера.

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

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

Для тех, кто уже покупал справочник, ничего делать не надо, обновление должно было прийти по почте.

Вот форма сразу для оплаты. Справочник стоит 59 рублей, считайте это вложением в новые уроки и книги по веб-технологиям.

Прямая ссылка для покупки

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

Теперь по всем темам сделаны интерактивные задания для тренировки и закрепления навыков (почти 150 штук). Задания простые и с автоматической проверкой.

Устанавливайте сами и советуйте друзьям.

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

Выложил на webref.ru новое руководство по использованию псевдоэлементов ::after и ::before. Описано, как с их помощью вставлять иконки, делать нумерацию, выводить текст, треугольники, тень и др.

Руководство для среднего уровня подготовки, настоятельно требуется знакомство с позиционированием элементов.

Обновил мобильное интерактивное приложение для изучения CSS под Андроид. Вставил раздел про псевдоэлементы, а также добавил несколько улучшений. Само приложение не доделано, поэтому находится в статусе бета-версии. Скачивайте, изучайте, пишите отзывы.

Реклама

Получить старт в профессии верстальщика можно за 5 недель.

С 26 февраля — 4 апреля 2018 года пройдёт онлайн-интенсив «Профессиональный HTML и CSS, уровень 1». В программе: флексбоксы, семантичная разметка, векторная графика, доступность и лучшие практики. Курс рассчитан на новичков и желающих систематизировать базовые знания.

Вас ждёт много практики, лекции ведут четыре опытных преподавателя: Александр Першин, Алексей Симоненко, Вадим Макеева и Виталий Зюзин. С работой над проектом помогает личный наставник — практикующий разработчик.

Через месяц вы сможете:

• решать типовые задачи верстальщика;
• использовать необходимые инструменты для работы;
• начать карьеру с портфолио.

Если загрузка не позволяет окунуться в интенсивное обучение или для вас комфортнее работать в размеренном темпе, то возможно участие в интенсиве с продлёнными сроками: с 26 февраля по 2 мая 2018 года.

В предверии нового года обновил справочник CSS под Android. Он платный, стоит 30 рублей и если вы его уже покупали, то обновление прилетит автоматически. Остальным рекомендую купить и поддержать тем самым сайт, к тому же после праздников цена на справочник вырастет.

Кардинально переделал мобильное приложение для Андроида «Основы CSS» с уроками от Джереми Томаса. Добавил собственную систему тестов, последовательное прохождение, вставил кучу новых уроков, включая раздел про Sass. Проходить всем!

Добавил новый учебный курс, посвящённый свойству position, в котором подробно рассказано о значениях static, relative, absolute, fixed и sticky, а также их комбинациям. Курс, как обычно, содержит вопросы для самопроверки, всякие задания, а в конце можно пройти проверочный тест. Впрочем, никто не запрещает пройти его и в начале.

Курс не для новичков, сперва изучите HTML и CSS. А для тех, кто уже это всё освоил и хочет научиться верстать.

На webref.ru появился новый небольшой курс Блочные и строчные элементы. Рассказывается про блочные, строчные и строчно-блочные элементы с примерами их использования. В каждом уроке есть вопросы для проверки, в конце можно проверить знания через систему тестирования.

Курс не для новичков, предполагается, что вы уже знакомы с HTML и CSS.

Новый учебный курс от Джереми Томаса, посвящённый позиционированию элементов. Курс ориентирован на тех, кто уже прошёл предыдущие темы и освоил HTML и CSS.

Как обычно, каждый урок сопровождается интерактивными заданиями для закрепления материала, в конце приводится проверка знаний в виде тестовых вопросов.

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

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