Разрушители JS-мифов. Руководство по ускорению, которое поможет использовать возможности языка и не терять в скорости: от работы с массивами до внутренностей V8 — https://mythbusters.js.org/
Читать полностью…Минимально полезный набор метатегов для соцсетей. Стоян Стефанов разобрался и советует — http://www.phpied.com/minimum-viable-sharing-meta-tags/
Читать полностью…В чём разница между React и Vue? Джон Ханна в переводе на Хабре предсказывает Vue второе место по популярности в конце 2018 и предлагает понять его лучше, чтобы быть готовым https://habr.ru/p/345488/
Читать полностью…Новогодняя битва HTML Academy — хороший повод попробовать себя во фронтенде: на каникулах в битве двух команд по закрученному сюжету откроются платные курсы по HTML, CSS, SVG и JavaScript — https://htmlacademy.ru/special/newyear/2018
Читать полностью…Как сделать веб-приложение, работающее в офлайне. Адам Ракис на CSS Tricks: подготовка https://css-tricks.com/making-your-web-app-work-offline-part-1/ и реализация https://css-tricks.com/making-web-app-work-offline-part-2-implementation/
Читать полностью…Вариативные шрифты: миллионы сочетаний за меньшую цену, Лоренс Пенни демонстрирует возможности и подсказывает, как начать использовать новые шрифты на 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
Читать полностью…Пишем плагин для Parcel. Максим Карелов рассказывает на Хабре, как расширить набор ассетов для сборщика без конфига на примере Pug — https://habr.ru/p/344858/
Читать полностью…Стили для компонентов на типизированном CSS. Брюс Лоусон с введением в новую библиотеку Stylable на примере React — https://24ways.org/2017/styling-components-typed-css-with-stylable/
Читать полностью…Ещё есть время, чтобы успеть связать новогодний свитер: Sweaterify Марико Косаки https://kosamari.github.io/sweaterify/ и Knit-a-Stitch Моники Динкулеску https://meowni.ca/knit-a-stitch/ вам помогут.
Читать полностью…Внутреннее устройство и оптимизация бандла Webpack. Расшифровка доклада Алексея Иванова из Злых марсиан с HolyJS Piter 2017 — https://habr.ru/p/342842/
Читать полностью…К доступности через семантическую разметку, Лора Калбэг объясняет, зачем заморачиваться, на 24ways — https://24ways.org/2017/accessibility-through-semantic-html/
Читать полностью…Сервис-воркеры, инструкция по применению: пять рецептов Андрея Михайлова для разных задач в блоге 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/
Читать полностью…