Visual Studio Online — облачное окружение, позволяющее вести разработку как в браузере, так и в привычных инструментах от Microsoft. Публичное превью — https://online.visualstudio.com/
Size: a a a
2019 November 11
Встречайте Spectrum CSS — опенсорс-версию дизайн-системы компании Adobe с множеством готовых веб-компонентов — https://opensource.adobe.com/spectrum-css/
Выпуск №203: Готовность к Edge, WebKit 2020, доступность и закон, проверка доступности, WeakMap и GC. Ссылки на Медиуме https://medium.com/p/b04e8845bef9 или на Ютубе https://youtu.be/R0zaDLx6Cs0
Первые доклады в программе Web Standards Days в Минске 7 декабря и вторая партия мест для регистрации — https://wsd.events/2019/12/07/
2019 November 12
Прямая трансляция второго дня Chrome Dev Summit в Сан-Франциско начнётся сегодня в 21:00 (GMT+3). В программе всё самое важное про веб-платформу и технологии Google для веба.
Видео: https://youtu.be/kkuzdrd4lxc
Программа: https://developer.chrome.com/devsummit/schedule/
Видео: https://youtu.be/kkuzdrd4lxc
Программа: https://developer.chrome.com/devsummit/schedule/
Веб для маленьких экранов на watchOS. Мехди Мерах разбирается в особенностях вёрстки под Apple Watch, в современных моделях которых уже есть свой WebKit-браузер — https://dev.to/meduzen/watchos-the-wrist-and-the-web-bbj
Пишем асинхронный код в современном JavaScript. Джеремайас Меничелли разбирает историю способов написания эффективного и читаемого кода для асинхронных операций — https://www.smashingmagazine.com/2019/10/asynchronous-tasks-modern-javascript/
Анимация для фронтендеров — новый курс HTML Academy. В программе: линейная и покадровая анимация, анимация CSS и SVG, Canvas, WebGL и шейдеры, 3D в браузере и будущее анимации в браузере. Курс проходит в асинхронном формате, записаться на него можно в любой момент и заниматься в удобном темпе под присмотром наставника — https://tml.io/8uuu7
2019 November 13
Компоненты-агностики в Angular. Александр Инкин собирает компоненты, которым не нужно знать о модели данных и итоговом внешнем виде, на примере табов и комбо-бокса — https://habr.com/p/473108/
Внедрение дизайн-системы внутри ваших веб-компонентов при помощи конструируемых таблиц стилей. Бенджамин Фаррелл делится способом изолировать стили внутри веб-компонента, оставляя возможность управлять их внешним видом извне — https://medium.com/p/dd24649261e
Результаты большого исследования веба от HTTP Archive. Часть 1, JavaScript: размеры бандлов, подключаемые библиотеки, использование новых API, оптимизации загрузки страницы и другое — https://almanac.httparchive.org/en/2019/javascript
Доступные стилизованные элементы формы. Скотт Охара делится библиотекой a11y_styled_form_controls, в которой с соблюдением требований доступности реализованы основные элементы форм — https://scottaohara.github.io/a11y_styled_form_controls/
2019 November 14
Избавляемся от эффекта рваных краёв в градиентах. Мэнди Майкл делится простым лайфхаком, как сделать переходы между цветами в CSS-градиентах плавными — https://medium.com/p/f485cc7401f5
Создаём максимально недоступный сайт с идеальной оценкой Lighthouse. Мануэль Матузович доказывает, что нельзя полагаться только на автоматическое измерение доступности, в переводе на Хабре — https://habr.com/p/455016/
Результаты большого исследования веба от HTTP Archive. Часть 2, CSS: цвета, единицы измерения, селекторы, разметка, анимации, шрифты, медиа-выражения и многое другое — https://almanac.httparchive.org/en/2019/css
Новый способ разбиения строки в CSS в стиле терминала. Хавьер Фернандез объясняет поведение свойства white-space: break-spaces и показывает, где оно может быть полезным — https://blogs.igalia.com/jfernandez/2019/06/10/a-new-terminal-style-line-breaking-with-css-text/
Мажорное обновление популярной библиотеки создания анимаций GSAP 3 получило более 50 новых фичей: плагин анимации по пути движения, ключевые кадры, расширяемость эффектов, синтаксис ES6-модулей и другие — https://greensock.com/3/
2019 November 15
Всё, что нужно для начала работы с Vue.js. Дэн Вега предлагает разные способы быстрого погружения в изучение фреймворка в переводе на Хабре — https://habr.com/p/458324/
Результаты большого исследования веба от HTTP Archive. Часть 2, разметка: самые частые элементы, использование устаревших элементов, сломанная разметка, теги аналитики и другое — https://almanac.httparchive.org/en/2019/markup