Вариативные шрифты: миллионы сочетаний за меньшую цену, Лоренс Пенни демонстрирует возможности и подсказывает, как начать использовать новые шрифты на dotCSS в Париже — https://www.dotconferences.com/2017/11/laurence-penney-variable-fonts Поиграйте сами на Axis-Praxis https://www.axis-praxis.org/
Читать полностью…Юбилейный новогодний RadioJS №50: итоги года, фронтенд в 2017 и в 2018, безбашенные браузеры, веб-ассембли, битва фреймворков, опенсорс и многое другое, в гостях Виталий Слободин — https://radiojs.ru/2017/12/radiojs-50/
Читать полностью…Спросите у Яндекса про интерфейсы: 26 декабря в 14:00 (UTC+3) Сергей Бережной, Андрей Морозов и Тамерлан Локьяев расскажут, как должен выглядеть удобный сайт и приложение, как создаются сервисы в Яндексе и как попасть в ШРИ — https://yandex.ru/promo/stream/askyandex
Читать полностью…Результаты опроса WebAIM пользователей скринридеров: версии, браузеры, ОС, демография, география, предпочтения, способы навигации — https://webaim.org/projects/screenreadersurvey7/
Читать полностью…Вы можете себе это позволить? Бюджет производительности в реальном мире. Алекс Расселл в переводе на Хабре — https://habr.ru/p/345212/
Читать полностью…Chrome Canary — это место куда комитят код. Марико Косака объясняет в одной картинке, почему не стоит ожидать стабильности от ночных сборок и как эта система работает в других браузерах — https://twitter.com/kosamari/status/943870706261069824
Читать полностью…Почему разработчикам стоит подумать об интерактивности. Филип Уолтон про важную метрику загрузки TTI и как её правильно понимать — https://philipwalton.com/articles/why-web-developers-need-to-care-about-interactivity/
Читать полностью…Современный компонентный фронтенд на Rails безо всяких фреймворков. Андрей Барнов и
Алексей Плуталов в блоге Злых марсиан: раз https://evilmartians.com/chronicles/evil-front-part-1, два https://evilmartians.com/chronicles/evil-front-part-2, три https://evilmartians.com/chronicles/evil-front-part-3.
Сервис-воркеры в Safari! А также атрибут <img decoding>, выравнивание для позиционированных элементов гридов и другое в свежей сборке Technology Preview 46 — https://webkit.org/blog/8042/release-notes-for-safari-technology-preview-46/
Читать полностью…Гриды в продакшене. Бенджамин де Кок про опыт Stripe на dotCSS в Париже: видео https://www.dotconferences.com/2017/11/benjamin-de-cock-css-grid-in-production и уже известная статья https://stripe.com/blog/connect-front-end-experience
Читать полностью…Шпаргалка по флексам Шона Файорито, если вы вдруг забыли нужное свойство https://www.sketchingwithcss.com/samplechapter/cheatsheet.html и его книга «Sketching with CSS» для дизайнеров, которые не боятся кода https://www.sketchingwithcss.com/
Читать полностью…Советы Люка Вроблевски по дизайну и разработке интерфейсов на канале Intel Software: навигация, сообщения об ошибках, формы, диалоги, кроссплатформенность и другое. Плейлист из 26 коротких видео — https://www.youtube.com/playlist?list=PLg-UKERBljNy2Yem3RJkYL1V70dpzkysC
Читать полностью…Автоматизированная корректировка отступов в верстке на основании типографических стилей и текстовых метрик, Василий Молохов анализирует шрифты и строит систему — https://habr.ru/p/344984/
Читать полностью…Открылась регистрация на WSD в Москве 3 февраля: пока первая партия мест, вторая откроется 8 января https://wsd.events/2018/02/03/ Мы продолжаем принимать заявки на доклады в отдельной форме https://docs.google.com/forms/d/e/1FAIpQLSdEAzqBoUqtTwMFDPOoONzZ0RN-cxpf1HF4hurhTLAumXuvfA/viewform Остались вопросы? Пишите: wst@web-standards.ru.
Читать полностью…Что выбирало JS-сообщество в 2017 году? Результаты опроса State of JavaScript: от библиотек, синтаксиса JS до CSS, бэкенда, тестирования и инструментов — https://stateofjs.com/2017/flavors/results
Читать полностью…Сервис-воркеры, инструкция по применению: пять рецептов Андрея Михайлова для разных задач в блоге 2ГИС на Хабре — https://habr.ru/p/345552/
Читать полностью…Оптимизация производительности фронтенда, расшифровка доклада Игоря Алексеенко с Frontend Conf 2017 в Москве — https://habr.ru/p/345498/
Читать полностью…Опыт создания прогрессивного веб-приложения Tinder: 2,8 МБ против 30 МБ нативного, разделение JS-кода, оптимизация загрузки, сервис-воркеры и пуш-уведомления. Рассказывает Эдди Османи — https://medium.com/p/78919d98ece0
Читать полностью…Юбилейный выпуск №100: зачем события, промокод на YGLF Kyiv, что изменилось за 2 года, сервис-воркеры везде, замороженный UA, фронтенд в 2017 году, новые форматы новостей, кому молодых фронтендеров? Слушайте прямо здесь, на Медиуме https://medium.com/p/a73e30bb3380 или на Ютубе https://youtu.be/ez63U-DNQw4
Читать полностью…Детектор возможностей PWA. Простое веб-приложение Томаса Штайнера помогает понять, что уже работает в браузерах, а что ещё нужно подождать — https://tomayac.github.io/pwa-feature-detector/
Читать полностью…Веб-типографика и раскладка: прошлое, настоящее и будущее. Видео и расшифровка дискуссии Джен Симмонс, Джеффри Зельдмана и Роджера Блэка на ALA — https://alistapart.com/event/web-typography-layout-past-present-future
Читать полностью…Что дальше в CSS? Неофициальный список Джонатана Нила с новинками CSS и этапами их внедрения: от безумных идей до стандартов. Теперь с примерами кода и браузерной поддержкой — https://jonathantneal.github.io/css-db/
Читать полностью…Фронтенд в 2017 году. Самое важное в обзоре Келана Кутера: фреймворки, ECMAScript, WebAssembly, пакетные менеджеры, стили, бандлеры, TypeScript, управление состояниями, GraphQL и другое — https://medium.com/p/4548d085977f
Читать полностью…15 CSS-in-JS решений для React в обзоре Конроя Уитни. Немного о каждом: возраст, звёзды на Гитхабе, описание и возможности — https://alligator.io/react/css-in-js-roundup-styling-react-components/
Читать полностью…Сервис-воркеры уже в Edge! А также Push, Notification и Cache API — всё включено по умолчанию в свежей Windows Insider Preview. Подробности и примеры совместного использования в официальном блоге — https://blogs.windows.com/msedgedev/2017/12/19/service-workers-going-beyond-page/
Читать полностью…Как GitLab переехал с PhantomJS на безголовый Chrome для тестирования, подробное объяснение с примерами — https://about.gitlab.com/2017/12/19/moving-to-headless-chrome/
Читать полностью…Про Parcel по-русски: Виктор Шостак перевёл официальную документацию быстрого сборщика без настроек — https://ru.parceljs.org/
Читать полностью…Медиавыражения 4 уровня в CSS, Флориан Ривоал на dotCSS в Париже: видео https://www.dotconferences.com/2017/11/florian-rivoal-media-queries-4 и слайды https://florian.rivoal.net/talks/mq4
Читать полностью…Бета Chrome 64 и V8, поддержка опенсорса, что не так с CSS, что не так с классами в JS, HTML 5.2 и WHATWG и Андрей Мелихов в гостях.
Читать полностью…Docusaurus, удобные сайты с документацией для опенсорса от Facebook на основе Markdown и React, с версионированием, локализацией и поиском — https://docusaurus.io/
Читать полностью…