Как правильно загружать шрифты? Вадим Макеев про FOIT, FOUT, FOFT и Font Face Observer в HTML Шортах — https://youtu.be/MTQ9FpT3ayc?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1
Читать полностью…Вечнозелёные сайты для вечнозелёных браузеров, Рейчел Эндрю про CSS Grid, Feature Queries и Exclusions на FluentConf — https://youtu.be/3vJE3bVoF-Q
Читать полностью…Очень странные API, Майк Тейлор из команды Mozilla Web Compat на CSS Day в Амстердаме — https://vimeo.com/227704821
Читать полностью…Красивые, быстрые и надёжные веб-шрифты, Глен Маддерн с универсальным решением в бесплатном выпуске Front End Center https://youtu.be/tO01ul1WNW8
Читать полностью…Почему инженеры Reddit выбрали TypeScript, Ниранжан Рамадас с подробностями для тех, кто сомневается — https://redditblog.com/2017/06/30/why-we-chose-typescript/
Читать полностью…Как и зачем мигрировать на React, Джек Франклин из Songkick в первом видео с Front-Trends 2017 в Варшаве — https://youtu.be/QVna1-9yMuA
Читать полностью…Откройте закрытый Flash! Петиция на Гитхабе за открытие кода плеера, чтобы сохранить для истории игры и сайты — https://github.com/pakastin/open-source-flash
Читать полностью…Многоязычность на Gulp и производительная анимация переходов на матрёшке из Canvas в девятом стриме Юрия Артюха — https://youtu.be/o2MR8GDZH2s
Читать полностью…Выпуск №78: Chrome 60, Stylo, Flash 1996—2020, статистика браузеров, сброс стилей, большой текст, подсказки, порядок, новинки ES, должен ли? — https://soundcloud.com/web-standards/episode-78
Читать полностью…Новинки Chrome 60 в обзоре Пита Лепажа: Paint Timing API, контроль за загрузкой шрифтов с font-display и WebAssembly https://youtu.be/vE7JTf2_-ws
Читать полностью…Эффект «motion blur» для фотогалереи на SVG-фильтрах и CSS-анимации, демо Демиана Мути — https://codepen.io/damianmuti/pen/MvYPPa
Читать полностью…Использование CSS-переменных для анимации: Вал Хед привязывает JS, использует @ keyframes и разделяет трансформации http://valhead.com/2017/07/21/animating-with-css-variables/
Читать полностью…Stylo, новый эффективный CSS-движок для параллельных вычислений из Servo уже можно включить в Firefox Nightly — https://blog.nightly.mozilla.org/2017/07/25/stylo-is-ready-for-community-testing-on-nightly/
Читать полностью…Доступные всплывающие подказки: как их сделать по-настоящему удобными и привязать к элементам, Inclusive Components https://inclusive-components.design/tooltips-toggletips/
Читать полностью…Flash перестанет поставляться и обновляться к концу 2020, переходите на HTML5, WebGL и WebAssembly, советует Adobe — https://blogs.adobe.com/conversations/2017/07/adobe-flash-update.html
Читать полностью…Как браузеры приоритезируют запросы при загрузке и почему в этом должен разбираться каждый разработчик, Бен Шварц — https://css-tricks.com/the-critical-request/
Читать полностью…Раскладка блоков плиткой с помощью grid-auto-flow: dense, поменяйте размер окна и сравните со значением initial — https://codepen.io/Kseso/full/ZJbEMe
Читать полностью…К сборнику проблем и решений «Flexbugs» Филипа Уолтона https://github.com/philipwalton/flexbugs добавился «Gridbugs» Рейчел Эндрю https://github.com/rachelandrew/gridbugs
Читать полностью…Обзор новинок беты React 16 в свежей Пятиминутке — http://5minreact.ru/28-react-16-beta/
Читать полностью…Больше 30 самых полезных возможностей ECMAScript 2015 и 2016 в обзоре Джанишара Али — https://mindorks.com/blog/javascript-ecmascript-2015-es6-and-ecmascript-2016-es7-cheat-sheet
Читать полностью…Emotion, следующее поколение CSS-in-JS, Кай Хоенберг в переводе devSchacht — https://medium.com/p/ebe5fe3ba116
Читать полностью…Коллекция и генератор ярких линейных градиентов: копируйте CSS с фолбэком в фоновый цвет или качайте файл для Sketh https://grabient.com
Читать полностью…Почему не стоит опираться на глобальную статистику использования браузеров, Крис Койер в блоге Media Temple — http://mediatemple.net/blog/tips/browser-statistics-matter/
Читать полностью…Drinkcast, пилотный выпуск нового подкаста сообщества SPB Frontend: CSS-in-JS, Houdini, кастомные свойства, сетки, Yarn и PNPM, оперсорс, Gatsby — http://spb-frontend.ru/podcast/
Читать полностью…Отладка React, Redux и Vue.js прямо в Firefox DevTools с помощью расширений — https://hacks.mozilla.org/2017/07/debug-react-redux-firefox-add-ons/
Читать полностью…Школа Node.js в Петербурге с 18 сентября по 7 ноября в Яндекс Деньгах: участие бесплатное, после тестового задания — https://academy.yandex.ru/events/frontend/spb-2017/
Читать полностью…Chromeless, ещё одна автоматизация Chromium для тестирования и рендеринга на лету, работает локально и через прокси https://github.com/graphcool/chromeless
Читать полностью…Reset CSS или Normalize.css? Вадим Макеев в HTML Шортах о том, зачем они нужны и какой выбрать — https://youtu.be/KGYmOlNteas?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1
Читать полностью…Коллекция интересных фактов о гридах Мануэля Матузовича: -1 для start и end, псевдоэлементы в гриде, анимация — https://css-tricks.com/collection-interesting-facts-css-grid-layout/
Читать полностью…Яндекс Радар открыл статистику браузеров: 70% на Chromium, 9% WebKit, 7% Firefox, 4% IE, 2% Edge на всех платформах https://radar.metrika.yandex/browsers?device-category=1&selected_rows=Ct58LP%252CRysHuf%252CnmpVtr%252C%252Fl27zq%252C%252BjXhkh%252Ce1IAm2&chart_type=line-chart
Читать полностью…