HEX-цвета в CSS: от физики до синтаксиса, Дейв Гэш срывает покровы и делает знакомое понятным — https://medium.com/p/51c712179982
Читать полностью…Новинки Firefox 55 для разработчиков в обзоре Марата Таналина — http://tanalin.com/blog/2017/08/firefox-55/
Читать полностью…Удаляем этот страшный :focus, но и оставляем его, Дэвид Гилбертсон пытается определить навигацию табом — https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2
Читать полностью…Виталий Харисов с опытом разработки выдачи Яндекса в Телеграме: по-русски /channel/webo_ru и по-английски /channel/webo_en
Читать полностью…Переключатели на кнопках: доступные с клавиатуры и в ARIA, настройки в кастомных свойствах, демо Стаса Мельникова — https://codepen.io/melnik909/pen/JJzrBG
Читать полностью…10 советов для улучшения доступности ваших интерфейсов: цвет, масштабирование, лейблы, титры, семантика, роли — https://aerolab.co/blog/web-accessibility/
Читать полностью…Сервис-воркеры появились в объекте navigator WebKit Nightly, но пока возвращают только null — https://twitter.com/jaffathecake/status/895272929587597312
Читать полностью…Бета Samsung Internet 6.2 доступна для всех с Android 5 и старше: WebVR, Web Bluetooth, WebGL 2 за флагом и гриды https://medium.com/p/6199b6743cb9
Читать полностью…A/B-тестирование вместо экспертных мнений, Зоуи Гилленуотер о непрекращающихся экспериментах Booking на Front-Trends https://youtu.be/ykUkpkD7szc
Читать полностью…Новинки Firefox 55 в официальном списке изменений: transform-box, text-justify, ::cue, WebVR 1.1, rest из ES и др. https://developer.mozilla.org/en-US/Firefox/Releases/55
Читать полностью…Создание фотореалистичной 3D-графики в вебе на WebGL и Three.js, Энгин Арслан на CSS-Tricks — https://css-tricks.com/creating-photorealistic-3d-graphics-web
Читать полностью…Руководство по флексам и гридам для дизайнеров, Джон Яблонски о возможностях новых систем раскладок — https://medium.com/p/cec6e7e45736
Читать полностью…Быстродействие отрисовки: от пикселей, быстрого DOM и CSS до WebGL, Мартин Сплитт на Front-Trends 2017 — https://youtu.be/BfMWAIc0xSU
Читать полностью…JPNG.svg, генератор JPEG с полупрозрачностью в SVG-контейнере из PNG, работает в <img> или фоном, IE9 и Safari 9+ https://codepen.io/shshaw/full/LVKEdv
Читать полностью…Доступные таблицы на SVG, Леони Уотсон добавляет смысла в оформительскую разметку с помощью ARIA — https://tink.uk/accessible-svg-tables/
Читать полностью…Удивительно сложное свойство font-size, Маниш Горегаокар внедрял его в Stylo, новый движок стилей Firefox https://manishearth.github.io/blog/2017/08/10/font-size-an-unexpectedly-complex-css-property/
Читать полностью…Safari Technology Preview 37: Beacon API, elementsFromPoint, finally в промисах, опциональный catch — https://webkit.org/blog/7862/release-notes-for-safari-technology-preview-release-37/
Читать полностью…Подписывайтесь на наш календарь событий по фронтенду, https://web-standards.ru/calendar.ics и присылайте пулреквесты с новыми https://github.com/web-standards-ru/calendar
Читать полностью…Утилитарные классы и разделение ответственности, Адам Ватан приходит в выводах к атомарному CSS — https://adamwathan.me/css-utility-classes-and-separation-of-concerns/
Читать полностью…CSS Grid Highlighter, расширение для Chrome, которое подсвечивает части гридов на манер инспектора Firefox — https://github.com/ademilter/chrome-css-grid-highlighter
Читать полностью…Можно ли думать о скорости загрузки и работы интерфейса на этапе дизайна? Мустафа и Эдди в Designer vs. Developer — https://youtu.be/551nfxay-M4
Читать полностью…Нужно ли фронтендеру знать алгоритмы и паттерны проектирования? Игорь Алексеенко в HTML Шортах — https://youtu.be/e2nW8Lq4zho?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1
Читать полностью…Базовые возможности гридов для старой реализации в IE10, Фарли Рейнольдс расширяет совместимость с Sass-миксинами — https://css-tricks.com/browser-compatibility-css-grid-layouts-simple-sass-mixins/
Читать полностью…Рейчел Эндрю об изменениях в спецификации гридов и продолжении работы над мультиколонками — https://rachelandrew.co.uk/archives/2017/08/08/changes-to-the-grid-spec-and-taking-on-multi-column-layout/
Читать полностью…Возможности CSS-анимаций для улучшения интерфейса, Бенджамин де Кок с историей лендингов Stripe: гриды, 3D, скорость https://stripe.com/blog/connect-front-end-experience
Читать полностью…О, да! Async/await, Тьяго Феррейро с коротким введением в промисы и обзором асинхронности в JavaScript — https://medium.com/p/f54e5a079fc1
Читать полностью…Intersection Observer приходит в Firefox, Дэн Кэллахан о новом API, который уже есть в Chrome и Edge — https://hacks.mozilla.org/2017/08/intersection-observer-comes-to-firefox/
Читать полностью…Shoelace.css, стартовый набор для вёрстки по мотивам Bootstrap: от кнопок до сеток, настройка кастомными свойствами https://shoelace.style/
Читать полностью…Вёрстка реальных проектов на гридах уже сегодня, Мортен Рэнд-Хедриксен в переводе CSS Live — http://css-live.ru/articles/vyorstka-realnyx-proektov-na-gridax-css-grid-layout-uzhe-sejchas.html
Читать полностью…Управление фокусом в одностраничных приложениях, Роб Додсон разбирает пример в свежем A11ycasts — https://youtu.be/srLRSQg6Jgg
Читать полностью…