Перевели статью о том, как проектировать, создавать и анимировать SVG.

Особенности SVG позволяют разместить его внутри <div> в HTML-коде. Это даёт возможность использовать на нём стилизацию, анимацию или даже JavaScript.

Таким образом, можно реализовать множество идей.

https://htmlacademy.ru/blog/127-a-guide-to-svg-on-web

Сердитые птицы на чистом CSS.

https://codepen.io/rachel_web/pen/JKzrav

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

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

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

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

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