Size: a a a

Веб-стандарты

2020 October 15
Веб-стандарты
MDN запустила опрос для оценки потребностей веб-разработчиков. Результаты опроса окажут влияние на приоритеты развития веб-платформы. Опрос переведён на русский — https://www.surveygizmo.com/s3/5897636/Mozilla?sglocale=ru

Результаты опроса за прошлый год (PDF) https://mdn-web-dna.s3-us-west-2.amazonaws.com/MDN-Web-DNA-Report-2019.pdf
источник
Веб-стандарты
Новинки npm v7.0.0, который выйдет вместе с Node.js 15: воркспейсы, автоматическая установка peer-зависимостей, package-lock v2 и поддержка yarn.lock — https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/
источник
2020 October 16
Веб-стандарты
10 современных однострочных раскладок на CSS: центрирование, адаптация, стики-футер, святой грааль, 12-колоночник, карточки, соотношение сторон и другое. Юна Кравец в переводе на Хабре — https://habr.com/p/522880/
источник
Веб-стандарты
JavaScript для новичков. Серия из 51 коротких видео с введением в ключевые особенности языка на канале Microsoft Developer — https://www.youtube.com/playlist?list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2
источник
Веб-стандарты
Улучшение логических свойств с новыми сокращениями. Адам Аргайл и Ориол Бруфау про свойства вида margin-block и margin-inline, inset вместо top, right, bottom, left и дальнейшие улучшения с помощью ключевого слова logical или режима flow-mode — https://web.dev/logical-property-shorthands/
источник
2020 October 19
Веб-стандарты
Выпуск №252: Опрос MDN, Igalia, npm 7, React vs WordPress, уже Webpack 5, Rome — инструмент будущего. В гостях Антон Кастрицкий. Слушайте на Ютубе https://youtu.be/v1RzZEYJmBk, читайте на Медиуме https://medium.com/p/60c655b89d3d
источник
Веб-стандарты
00:01:33 События
00:04:27 Опрос MDN
00:12:05 Открытые приоритеты Igalia
00:15:28 Новинки Npm 7
00:27:08 React vs WordPress
00:35:27 Уже Webpack 5
00:43:48 Что такое Rome
00:56:04 Инструмент будущего
источник
Веб-стандарты
Node.js для новичков. Серия из 26 коротких видео рассматривает практические сценарии использования платформы для быстрого старта на канале
Microsoft Developer — https://www.youtube.com/playlist?list=PLlrxD0HtieHje-_287YJKhY8tDeSItwtg
источник
Веб-стандарты
Попрощайтесь с кэшированием между сайтами и доменами. Стефан Джудис про новый подход к кэшированию, который появится в Chrome 86 и, вслед за Safari (2013), окончательно закроет вопрос переиспользования сторонних ресурсов для лучшей приватности — https://www.stefanjudis.com/notes/say-goodbye-to-resource-caching-across-sites-and-domains/
источник
2020 October 20
Веб-стандарты
Стартовал опрос State of CSS 2020 об актуальных тенденциях и будущих трендах стилей для веба: от единиц измерения до CSS-in-JS. Опрос переведён на русский — https://survey.stateofjs.com/survey/state-of-css/2020
источник
Веб-стандарты
Быстрая доставка приложений с PRPL. Эдди Османи рассказывает о паттерне структурирования прогрессивных веб-приложений, направленном на производительность их запуска — https://addyosmani.com/blog/the-prpl-pattern/
источник
Веб-стандарты
Face ID и Touch ID для веба. Джиуэн Тан в блоге WebKit объясняет, как дать пользователю дополнительные способы аутентификации в веб-приложениях, которые уже работают в экосистеме Apple — https://webkit.org/blog/11312/meet-face-id-and-touch-id-for-the-web/
источник
2020 October 21
Веб-стандарты
Функции min(), max() и clamp(). Юна Кравец при помощи демо показывает, как можно полезно использовать логические CSS-функции для привычных задач вёрстки — https://web.dev/min-max-clamp/
источник
Веб-стандарты
Псевдоклассы :valid и :invalid. Михаэль Шарналь про способы стилизации полей форм, которые используют встроенную браузерную валидацию на основе атрибутов — https://funwithforms.com/posts/valid-invalid-pseudo-classes/
источник
Веб-стандарты
Новинки беты Chrome 87: отладка WebAuthn, управление PTZ-камерами, сокращения для логических CSS-свойств, перезапись свойств подключаемых шрифтов, группа CSS-свойств text-decoration-* для настройки подчёркивания, обновлённый JS-движок V8 и многое другое — https://blog.chromium.org/2020/10/chrome-87-beta-webauthn-in-devtools.html
источник
2020 October 22
Веб-стандарты
Настройка Webpack 5 с нуля. Таня Расчия рассказывает, как использовать Webpack для сборки JavaScript, изображений, шрифтов и стилей, а также как запускать сервер для разработки.

Перевод на Хабре https://habr.com/p/524260/
Авторский бойлерплейт https://github.com/taniarascia/webpack-boilerplate
источник
Веб-стандарты
Движок, который смог: как Chromium удалось захватить 90% рынка браузеров. Глава из книги «The History of the Web» Джея Хоффмана.

Перевод на Хабре https://habr.com/p/518416/
Книга на Leanpub https://leanpub.com/webhistory/
источник
Веб-стандарты
Я.Субботник по разработке интерфейсов пройдёт онлайн 21 ноября. В программе пять докладов про дизайн-системы, переиспользуемые компоненты, быстрый код на React и TypeScript, строгий TypeScript и Data Science на JS-модулях — https://yandex.ru/promo/events/generated/yasubbotnik/21-nov-2020/
источник
2020 October 23
Веб-стандарты
Как я структурирую CSS. Маттиас Отт делится своим способом организации стилей в проекте, в переводе на Хабре — https://habr.com/p/523884/
источник
Веб-стандарты
Продвинутый React в формате марафона. Зар Захаров запускает 4-недельный курс для тех, кто уже пишет на React, но хочет совершенствоваться. В программе: Webpack, TypeScript, Jest и Enzyme, API и Axios, SSR, хуки и архитектура. Подробности в чат-боте — https://mnlp.cc/mini?domain=codementor&id=63
источник