Выбираем вопрос пятницы:

Где Вадим берёт футболки и есть ли там ещё? – 156
👍👍👍👍👍👍👍 74%

О чём будет новый выпуск HTML Шортов? – 38
👍👍 18%

Почему вымерли динозавры? – 18
👍 8%

👥 212 people voted so far.

Выпуск №82: Safari, Stylo, PWA и Android, Polymer 3.0, читайте Шорты, React или CSS, шрифты, новичкам, RadioJS — https://medium.com/p/289291315b36

Железная дорога с паровозом из эмодзи 🚂 🚃 🚃 🚃 🚃.

https://codepen.io/jkantner/pen/yoyqZz

Управление размерами в SVG.

Чтобы научиться максимально использовать возможности SVG, разберёмся как это работает.

http://css.yoksel.ru/svg-sizes/

Бодрое утро c CSS ☕️.

https://codepen.io/agathaco/pen/bRxYxL

Задача подключить фавиконку выглядит лёгкой.

Но если начать разбираться, сделать это правильно и красиво для разных браузеров — целый квест.

https://www.youtube.com/watch?v=iG9WF8VpogY&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

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

— How We Got the Favicon — http://thehistoryoftheweb.com/how-we-got-the-favicon/
— Everything you always wanted to know about touch icons — https://mathiasbynens.be/notes/touch-icons
— HTML5: link type icon — https://w3c.github.io/html/links.html#element-statedef-link-icon
— Custom tiles for IE11 — https://msdn.microsoft.com/en-us/library/dn455106.aspx
— Виджета сайта для Яндекс Браузера — https://tech.yandex.ru/browser/tableau/doc/dg/concepts/create-widget-docpage/
— Web App Manifest — https://www.w3.org/TR/appmanifest/
— Real Favicon Generator — https://realfavicongenerator.net/favicon_compatibility

Близится 1 сентября, а мы напоминаем про «Личный кабинет учителя» — отличную возможность познакомить школьников и студентов с веб-разработкой.

Почему вёрстку стоит изучать в школе?

— Ей проще заинтересовать учеников, так как начать несложно.
— Результат видно сразу: ввёл код, обновил браузер – магия.
— Для обучения не требуется специальных программ, только текстовый редактор и браузер.
— Знание HTML и CSS пригодится в будущем, независимо от выбранной профессии.

Мы предлагаем учебным заведениям программу на год из 50 курсов, включая эпичный курс «Великий Кексби» — https://htmlacademy.ru/program.

В личном кабинете учителя можно:

— Приглашать учеников и управлять доступом к курсам.
— Отслеживать прогресс каждого.

Доступ к бесплатным курсам неограничен, а также учебное заведение получает 30 годовых доступов к платным курсам ежегодно.

Чтобы завести личный кабинет, достаточно оставить заявку на странице — https://htmlacademy.ru/for_schools

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

Если вам удобнее читать HTML Шорты, а не смотреть.

Как правильно и красиво подключить фавиконку.

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

Система проектирования, руководство по стилю или библиотека шаблонов.

Есть ли разница, что использовать при разработке проекта?

https://product-unicorn.com/design-systems-style-guides-all-those-libraries-what-the-hell-is-the-difference-4c2741193fdc

Красочные тробберы на CSS.

https://codepen.io/slyka85/full/QvBQPb/

За последние семь лет появлялось много фреймворков для разработки веб-интерфейсов. Некоторые из них повлияли на то, как мы сейчас создаём веб-приложения, а какие-то давно забыты.

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

Как следует рассуждать, выбирая фронтенд-фреймворк в 2017 году?

https://medium.com/this-dot-labs/building-modern-web-applications-in-2017-791d2ef2e341

HTML Шорты в текстовом формате для тех, кому удобнее читать.

Раньше оборачивать ссылкой блочные элементы спецификация запрещала, а что сейчас?

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

Перевернули календарь, посмотрели на дату и поняли, что время пришло.

Весь сентябрь, пока он не сгорел:

— Курс «Анимация» можно проходить бесплатно — https://htmlacademy.ru/courses/80/run/7

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

Выпуск №83: браузер без головы, многопоточный JS, Edge, оптимизация загрузки, фавиконки в Шортах, нужен веб-мастер — https://medium.com/p/a342d2fc251f

Улыбнитесь, вас снимает камера ... на CSS 📸 .

https://codepen.io/cassidoo/pen/QMZmNV