Выпуск №56: Chrome, Base64, WebKit, ES-модули в браузере, Node.js и Webpack, спокойный UI, книга с рыбами, CSS-переменные и Сергей Господарец в гостях — https://soundcloud.com/web-standards/episode-56

Пять тенденций в вебе, которые будут развиваться в этом году:

1. Подъём прогрессивных веб-приложений.
2. Стабильность и гибкость веб-стека.
3. Функциональное программирование в вебе.
4. Новые подходы к работе с данными в веб-приложениях.
5. Разработка и проектирование для искусственного интеллекта.

https://www.oreilly.com/ideas/5-web-trends-for-2017

Похищение дома на CSS 👽 https://codepen.io/robertamesbury/pen/GrpLbX

А у нас сегодня праздник — пятилетие Академии 🎈🎈🎈

https://htmlacademy.ru/blog/169-our-five-years

К нам присоединилась Маша и сейчас она сама всё расскажет.

https://htmlacademy.ru/blog/167-not-plasticine

Примеры навигации адаптивных сайтов, сделанных с подходом «сначала мобильные».

Разбор восьми удачных решений для меню с комментариями UX-проектировщика.

https://justuxdesign.com/blog/8-awesome-examples-of-mobile-navigation-on-responsive-websites

Выпуск №57: Safari TP24, браузеры в 2017, кастомные свойства, make great again, новый HTML-заголовок, нервный опенсорс, W3C против WHATWG — https://soundcloud.com/web-standards/episode-57

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

https://css-tricks.com/lets-look-50-interesting-css-properties-values/

Что считать удобной навигацией на сайте — спорный момент, но есть несколько правил, которых стоит придерживаться в этом году всем:

— Приоритетность и последовательность.
— Предсказуемость.
— Отсутствие глубокой вложенности.
— Адаптивность.

https://www.uxbooth.com/articles/the-rules-for-modern-navigation/

Зачем нужно оптимизировать фронтенд?

— Ускорение загрузки проекта для пользователей.
— Ранжирование проекта в поисковиках.
— Показать пример другим разработчикам.

Пошаговое руководство для оптимизации фронтенда под браузеры.

https://hackernoon.com/optimising-the-front-end-for-the-browser-f2f51a29c572

Перевод: https://habrahabr.ru/company/badoo/blog/322988/

Шестнадцатый поток интенсива «Базовый HTML и CSS» стал первым выпуском в этом году.

Как это было:

— 260 успешно свёрстанных проектов.
— 57 наставников получили максимальную оценку. Прошлогодний рекорд побит.
— Флексбоксы с курса «Продвинутый HTML и CSS» добрались и сюда.
— Бонусная лекция о доступности от Вадима Макеева.
— И, конечно, отзывы очевидцев.

https://htmlacademy.ru/blog/171-online-intensive-html-css

Опыт построения единой CSS-архитектуры для нескольких сайтов при помощи SASS.

https://medium.com/elad/css-architecture-for-multiple-websites-with-sass-7e923fc53f7a

Способы создания непрямоугольной шапки сайта на чистом CSS.

https://codepen.io/ahmadnassri/post/non-rectangular-headers-part-1

Выпуск №58: Firefox 52, Firefox OS, гриды, кастомные свойства, прогрессивное улучшение CSS, метрики шрифта, PWA, Гитхаб, собеседование на бумажке — https://soundcloud.com/web-standards/episode-58

Идея для нестандартной навигации: отображение прогресса прочитанного материала для пунктов меню.

https://lab.hakim.se/progress-nav/