С момента появления интернета до сегодняшнего дня наше представление о том, как должны быть расположены блоки на странице, постоянно изменялось.

Продолжительное время сайты стремились к идентичности структуры: двенадцать колонок, симметричная сетка, проверенные формы и привычный пользователю вид.

Но сейчас появилось много инструментов и возможностей, которые позволяют находить нам индивидуальные решения и создавать уникальные сайты.

Автор предлагает разрушить несколько мифов о разметке, оттягивающих наступление прекрасного будущего.

https://www.creativebloq.com/features/6-web-layout-myths-busted

Интересное использование CSS-анимации для элементов форм без стилизации:


— Радиокнопок. https://720kb.github.io/radiobox.css/


— Чекбоксов. https://720kb.github.io/checkbox.css/


— Группы элементов. https://720kb.github.io/checked.css/

Анимированная открытка к Хеллоуину на CSS.

https://codepen.io/wbobeirne/pen/YyaBeo

Идёт запись на курс «Базовый HTML и CSS». Курс пройдёт с 16 января по 22 февраля. До 4 ноября минимальная цена — https://goo.gl/fslCsE.

Спецификация HTML 5.1 стала сегодня рекомендацией — https://www.w3.org/TR/html51/

Свели все страницы про наставников в одну общую. Теперь вы в одном месте можете посмотреть, что такое наставничество на наших интенсивах и чем отличаются требования к наставникам.

И да, мы ищем наставников на все наши интенсивы. Всегда. Даём учеников, платим деньги.

https://htmlacademy.ru/tutors

Инструмент для создания линейных и радиальных градиентов на CSS.


https://www.colinkeany.com/blend/

40-й выпуск «Веб-стандартов»: Chromium 54, Safari TP16, Mozilla, Servo и разработка движков, таблицы, Node.js 7, стандарты и полифилы, border-image, Дейв Шей про режимы смешивания — https://soundcloud.com/web-standards/episode-40

Анимированная иконка прокрутки на чистом CSS.

https://codepen.io/marctannous/pen/ogLMxy

Пару недель назад мы обновили профиль, а теперь рассказываем что к чему.
https://htmlacademy.ru/blog/131-new-profile-2

Автор статьи предлагает рассмотреть подход, при котором адаптивные компоненты в CSS создаются в относительных единицах: %, em и rem. Изменяя при этом не только размер шрифта, но и значения других свойств: отступов, теней и закруглений рамок.

Много практических примеров для разных компонентов, включая решение для страницы сайта целиком.

41-й выпуск «Веб-стандартов»: HTML 5.1, async, вариативные шрифты, календарик, опасные API, WebAssembly, JS-шаблоны, Webpack, position: sticky, графика, Stack Overflow, тесты и игрушки — https://soundcloud.com/web-standards/episode-41

Даниэль Рейс, наблюдая за коллегами, собрал интересные способы отладки с использованием различных методов в объекте console.