Кастомные свойства в CSS: зачем они нужны и как работают?

Текстовый выпуск.

https://habrahabr.ru/company/htmlacademy/blog/337292/

Уже пробовали использовать кастомные свойства?

Выжду, когда работать начнут везде. – 60
👍👍👍👍👍👍👍 71%

Ага. – 13
👍👍 15%

Ну ещё чего мне не хватало! – 11
👍 13%

👥 84 people voted so far.

Выпуск №87: зачем вообще Edge, новинки Safari, бета Chrome 62, кому нужен CoffeeScript 2, идеи для DevTools — https://medium.com/p/7182df5dcca1

Напоминаем, что до конца сентября ещё можно успеть:

— Пройти бесплатно курс «Анимация» — https://htmlacademy.ru/courses/80

— Оформить годовую подписку на курсы со скидкой 39% — https://htmlacademy.ru/pricing

Сглаженная, красивая веб-анимация и быстрый интерфейс.

Что нужно учесть, чтобы добиться этого?

https://blog.algolia.com/performant-web-animations/

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

Команда Chrome Data Saver делится результатами своих экспериментов с предзагрузкой.

https://medium.com/reloading/a-link-rel-preload-analysis-from-the-chrome-data-saver-team-5edf54b08715

Адаптируем текст на фоновом изображении для маленьких экранов.

Автор предлагает рассмотреть способы, при которых текст остаётся читаемым, несмотря на изменения разрешения.

https://medium.com/@zackkrida/building-better-backgrounds-e8dad55943c

Что выбрать для программирования фронтенда: нативный JavaScript или TypeScript?

Разбираемся зачем нужны языки и компиляторы, какие есть плюсы и минусы.

https://htmlacademy.ru/shorts/20

Задавайте вопросы на странице — https://htmlacademy.ru/shorts или в комментариях к видео. На самые интересные мы ответим в следующих выпусках.

Открыта запись на интенсив «Продвинутый HTML и CSS», который пройдёт с 15 января по 21 февраля. До 6 октября можно успеть записаться по минимальной цене.

https://goo.gl/SQCXVX

Была полностью обновлена программа: больше векторной графики, полный переход на флексы, переработаны и актуализированы лекции и материалы.

Процесс работы построен аналогично тому, как это происходит в крупных компаниях. Вы научитесь использовать систему контроля версий Гитхаб: делать форки, ветки, пулреквесты, а также работать по методологии БЭМ, освоите препроцессоры, адаптивность и автоматизацию.

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

Вас ждёт 5 недель активной и плодотворной работы: 20 часов живых вебинаров, 4 адаптивных макета дизайна и консультации с личным наставником, во время которых он проведёт ревью кода и поделится секретами мастерства.

Отзыв одного из участников предыдущего потока:

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

https://goo.gl/SQCXVX

В HTML шесть уровней заголовков: от h1 до h6.

Разбираемся зачем их столько и не проще ли использовать div с классом?

https://habrahabr.ru/company/htmlacademy/blog/338818/

🤔

Только логическая разметка, только хардкор! – 91
👍👍👍👍👍👍👍 86%

Столько уровней мне не нужно, хватит и одного. – 9
👍 8%

А в чём с div то проблема? – 6
▫️ 6%

👥 106 people voted so far.

Сентябрь вот-вот сгорит, но до 1 октября ещё можно успеть:

— Пройти бесплатно курс «Анимация» — https://htmlacademy.ru/courses/80

— Оформить годовую подписку на курсы со скидкой 39% — https://htmlacademy.ru/pricing

Выпуск №88: лицензии и DRM, чудеса SVG и border-image, оптимизация графики, Шорты и JS-типизация, доступные диалоги https://medium.com/p/8a886505ebd8

Нативный JavaScript или TypeScript, а может CoffeeScript? Выбираем язык для фронтенда.

Текстовая версия выпуска.

https://habrahabr.ru/company/htmlacademy/blog/338914/

CSS-анимация: пирамида в пустыне ☀️

https://codepen.io/Pandamalefico/pen/ayRYEN