Адаптивная ширина видео. Крис Койер делится приёмами, при помощи которых можно динамически менять размеры видео-контейнера с сохранением пропорций — https://css-tricks.com/fluid-width-video/
Size: a a a
2020 March 12
Живая отладка Node.js приложений в терминале. Советы по тому, как отловить ошибки в серверном коде прямо на продакшене — https://medium.com/p/cd5b58f883e1
2020 March 13
Новинки Firefox 74 в обзоре Марата Таналина: кастомизация оформления text-decoration и outline-style, optional chaining в JavaScript, поддержка Feature-Policy, отключение TLS 1.0/1.1 и другое — https://tanalin.com/blog/2020/03/firefox-74/
Единицы измерения вьюпорта. Ахмад Шадид разбирается, как работают vw, vh, vmin и vmax и для чего их полезно применять в вёрстке — https://ishadeed.com/article/viewport-units/
Новый подкаст про CSS: The CSS Podcast. Юна Кравец и Адам Аргайл погружаются в особенности технологии и объясняют сложные вещи простыми словами — https://pod.link/thecsspodcast
Полное руководство по data-атрибутам в HTML. Крис Койер показывает, как хранить полезную информацию в HTML и использовать её для стилизации или в JavaScript, в переводе на Хабре — https://habr.com/p/490626/
2020 March 17
GitHub договорился с npm о поглощении. В планах компании вложиться в инфраструктуру и продолжить работу над инструментами. Платные приватные реестры переедут в систему GitHub Packages в этом году, а npm останется открытой основной JS-экосистемы — https://github.blog/2020-03-16-npm-is-joining-github/
Простая анимация на чистом CSS. Саша Смыгина в блоге HTML Academy сначала рисует, а потом плавно выращивает листья на дереве. Пошаговый разбор https://htmlacademy.ru/blog/boost/frontend/pure-css-tree и финальное демо https://codepen.io/sasha-sm/pen/VwLMQdK
Выпуск №221: Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js. В гостях Наташа Теплухина. Слушайте на Ютубе https://youtu.be/CcThxJzQuQg, читайте на Медиуме https://medium.com/p/f1e1bf37b0b2
2020 March 18
Вышел официальный мобильный клиент GitHub для Android и iOS. Среди возможностей: ишью, пулреквесты, код-ревью, уведомления и обязательная тёмная тема — https://github.com/mobile
Google Play https://play.google.com/store/apps/details?id=com.github.android
App Store https://apps.apple.com/app/id1477376905
Google Play https://play.google.com/store/apps/details?id=com.github.android
App Store https://apps.apple.com/app/id1477376905
2020 March 19
Tver.io JavaScript Meetup пройдёт онлайн уже сегодня вечером в 18:30 (GMT+3): переизобретение асинхроности, собственный рендерер на React Reconciler, Wasm 101 и ML для фронтендеров. Программа и трансляция.
Возможности проекта FUGU. Марико Косака и Пит Лепаж обсуждают API веба, приближающие его к нативным платформам:
Web Share API
Web Share Target API
Contact Picker API
File System API и другие
1. Стандарты и фолбэки
2. Уже готовы?
Web Share API
Web Share Target API
Contact Picker API
File System API и другие
1. Стандарты и фолбэки
2. Уже готовы?
Разбираемся в Node.js. Хьюго Жиродель помогает новичкам понять основы работы node и npm: основные термины и жаргон, установка и использование зависимостей — https://hugogiraudel.com/2020/03/14/making-sense-out-of-node/
CSS X. Соавтор CSS Берт Бос высказался в блоге W3C о планах добавить CSS версию для популяризации. Подробный экскурс в историю языка, причины разделения на модули и (сомнительная) ценность общего версионирования — https://www.w3.org/blog/2020/03/css-x/
2020 March 20
Основы HTML, видеокурс Евгения Ковальчука из 15 частей: основы языка, новые теги, валидация, семантика и доступность — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFtHHg0amAgocYP-kZypbY7
Фиксированные заголовки таблиц. Адриан Розелли создаёт вертикальные и горизонтальные заголовки, которые «прилипают» к вьюпорту во время прокрутки, с помощью position: sticky и <table> для лучшей доступности — https://adrianroselli.com/2020/01/fixed-table-headers.html
2020 March 23
«Не закрывайте теги!» Илья Стрельцын отвечает на нашумевший твит Таба Аткинса подробным разбором, на что может повлиять незакрытый тег в HTML — https://css-live.ru/verstka/do-not-close-tags.html