Ник Бабич в блоге Adobe рассказывает о проектирование форм.

Делаем их эффективными и удобными в использовании.

 https://blogs.adobe.com/creativecloud/designing-more-efficient-forms-structure-inputs-labels-and-actions/

Москва, 2 сентября в DI Telegraph пройдёт Moscow Frontend Conference.
 
Это большая конференция для фронтенд-разработчиков: восемь интересных докладов, обмен опытом и общение с коллегами.
 
Вадим расскажет о бесчеловечных интерфейсах, как они получаются и что разработчикам стоит поменять в подходе, чтобы пользователям было удобно и приятно пользоваться проектами.
 
Присоединяйтесь, участие бесплатное.
 
Регистрация открывается сегодня в 14:00 — https://frontconf.moscow/

Манкипатчинг — изменение кода по ходу выполнения программы.

Сегодня разберём стоит ли ими пользоваться и чем полифилы отличаются от понифилов.

https://www.youtube.com/watch?v=_1zIZhtZYek&index=1&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

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

— Please rename ASAP — https://github.com/jonathantneal/document-promises/issues/4
— Monkey Patching — https://davidwalsh.name/monkey-patching
— Zone.js или как Dart спас Angular — https://habrahabr.ru/company/wrike/blog/310422/

CSS-анимация письма.

https://codepen.io/jakegilesphillips/pen/MveNLe

Всплывающие подписи полей формы, конечно, могут сэкономить место и добавить динамики.

Но, есть минимум девять причин не использовать их.

https://medium.com/simple-human/floating-labels-are-a-bad-idea-82edb64220f6

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

Разбираемся, манкипатчинг добро или зло?

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

Вертикальное центрирование текста с переменной высотой.

Простое решение с помощью флексбоксов.

https://webdesign.tutsplus.com/tutorials/how-to-create-perfectly-centered-text-with-flexbox--cms-27989

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

Где Вадим берёт футболки и есть ли там ещё? – 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, разберёмся как это работает.

https://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 — https://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

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