Даже если гриды чего-то не умеют, то это точно умеет Эрик Мейер, пускай и с хаками: пустые элементы или фоновые градиенты спешат на помощь 10 лет спустя — https://alistapart.com/article/faux-grid-tracks
Читать полностью…Сколько стоит JavaScript? Блокбастер Эдди Османи в переводе Артура Храброва на Веб-стандартах — https://medium.com/p/a51051b3fde6
Читать полностью…Встроенная валидация форм. Дейв Руперт решил сэкономить 144 КБ и написал всё сам: всего 6 строк JS для простой проверки на клиенте с обработкой ошибок — https://daverupert.com/2017/11/happier-html5-forms/
Читать полностью…Стратегические планы W3C: укрепление основы веба, создание новых возможностей, решение задач отрасли. Развёрнутый отчёт с ноябрьской встречи Экспертной комиссии — https://www.w3.org/2017/11/w3c-highlights/
Читать полностью…Draft.js, фреймворк Facebook для создания текстовых редакторов, русскоязычное руководство Михаила Шабрикова — https://medium.com/p/ea8e9102aa1
Читать полностью…Animista, генератор анимаций Аны Травас с настройками и CSS для копирования: базовые, для фоновых картинок и цветов, для входа, выхода и привлечения внимания — http://animista.net/
Читать полностью…Цена JavaScript: 170 КБ JS гораздо дороже для браузеров, чем 170 КБ JPEG и другие особенности загрузки и работы JS в свежей статье Эдди Османи — https://medium.com/p/84009f51e99e
Читать полностью…Переменные окружения env() в CSS + viewport-fit, или Как быть с рамками iPhone X. Бен Фрейн погружается в вопрос подробнее — https://benfrain.com/css-environment-variables-iphonex/
Читать полностью…Firefox в эпохе Quantum. Лин Кларк о том, как Firefox удалось ускориться и как он продолжит делать это в будущем. Конечно же, в картинках — https://hacks.mozilla.org/2017/11/entering-the-quantum-era-how-firefox-got-fast-again-and-where-its-going-to-get-faster/
Читать полностью…Генерация HTTP-запросов: Fetch или Axios.js? Джейсон Арнольд в переводе на Веб-стандартах — https://medium.com/p/41206a4c0060
Читать полностью…CSS вырос, но не стал сложнее. Эрик Мейер сравнивает размеры 2, 3 и 4 изданий «Полного руководства» и завидует тем, кто приходит во фронтенд во времена флексов и гридов http://meyerweb.com/eric/thoughts/2017/11/14/declining-complexity-in-css/
Читать полностью…Открылся приём докладов на React Amsterdam 13 апреля: два потока, больше 25 докладчиков и 1200 участников — https://react.amsterdam/
Читать полностью…Запись Я.Субботника по разработке интерфейсов в Москве 11 ноября: https://youtu.be/RWo53WDVDo8?t=88 и программа https://events.yandex.ru/events/yasubbotnik/11-November-2017/
Читать полностью…10 видео с WSD в Киеве 4 ноября https://www.youtube.com/playlist?list=PLMBnwIwFEFHcr7Ar9b6B29J-fXXOMZlOW и альбом с кучей фотографий: Вконтакте https://vk.com/album-32017543_250880171 или Фейсбук https://www.facebook.com/pg/webstandardsru/photos/?tab=album&album_id=1540828365984897
Читать полностью…Простая сетка на гридах с фолбэками на @supports, Хуэй Цзин Чэнь в переводе CSS Live http://css-live.ru/articles/verstka-prostoj-setki-s-folbekami-ispolzuyushhimi-direktivu-supports-feature-queries.html
Читать полностью…Что за lit-html? Елена Жукова разбирается: это конкурент React или просто другой вид Handlebars — https://zhukovka.github.io/js/featured/lit-html
Читать полностью…Динамические JS-импорты уже в Chrome 63 и Safari TP 24. Матиас Байненс из команды V8 про отличия статических от динамических и подходящие случаи использования — https://developers.google.com/web/updates/2017/11/dynamic-import
Читать полностью…Заглушки для картинок на SVG. Хосе Перес с обзором подходов, векторными вариантами и автоматической генерацией — https://jmperezperez.com/svg-placeholders/
Читать полностью…Система компонентов bemto-components Романа Комарова: BEM + React + styled-components = 🍱 — http://kizu.ru/bemto-components/
Читать полностью…Выпуск №95: Firefox жив! Парное программирование, дорогой JS, доступность, книги и термины, школы при компаниях, юниоры и Саша Годун в гостях — https://medium.com/p/8d352775b9e7
Читать полностью…Использование медиавыражений для учета пропорций окна браузера, Чэнь Хуэй Цзин в переводе CSS Live — http://css-live.ru/articles/primenenie-mediavyrazhenij-dlya-proporcij-okna-brauzera.html
Читать полностью…Safari TP 44: конические CSS-градиенты (пока только парсинг по спецификации), Payment Request включён по умолчанию, createImageBitmap, поддержка <menuitem> https://webkit.org/blog/8035/release-notes-for-safari-technology-preview-44/
Читать полностью…Удивительно простой стики-футер на гридах, демо Мануэля Матузовича — https://codepen.io/matuzo/pen/JOyzOj?editors=1100
Читать полностью…Live Share https://code.visualstudio.com/blogs/2017/11/15/live-share и Teletype https://blog.atom.io/2017/11/15/code-together-in-real-time-with-teletype-for-atom.html. VS Code и Atom одновременно рассказали о системах удалённого парного программирования. Live Share пока в закрытом тестировании, Teletype открыт всем желающим.
Читать полностью…Новинки Firefox 57: новый движок Stylo и множество улучшений совместимости CSS, <input> date и time на всех платформах, новые значения display для веб-манифеста и display-mode для медиавыражений, Abort API, PerformanceObserver https://developer.mozilla.org/en-US/Firefox/Releases/57
Читать полностью…Метрики загрузки страницы, что все они означают? Артём Денисов разбирается, что изменилось со времён, когда нам хватало load и DOMContentLoaded — https://medium.com/p/ff23c213164e
Читать полностью…Новое свойство overscroll-behavior позволит управлять поведением прокрутки: отменить связывание блока со страницей и даже реализовать собственное решение для pull-to-refresh, но пока только в Chrome 63 — https://developers.google.com/web/updates/2017/11/overscroll-behavior
Читать полностью…Масштабирование текста уже неактуально? Алстар Кэмпбелл развенчивает мифы про пиксели и приводит обновлённые рекомендации WCAG 2.1 по работе с текстом https://alastairc.ac/2017/11/is-text-sizing-dead/
Читать полностью…В интернете нет ни ступенек, ни пандусов — ограничений быть не должно. Алексей Любимов о работе эксперта по доступности в Яндексе и других компаниях — http://www.the-village.ru/village/business/opyt/257012-accessibility-yandex
Читать полностью…Плавильный котёл JavaScript, Дэн Абрамов о состоянии экосистемы и настройке инструментов (главной её проблеме) в переводе Фронтенд юности — https://medium.com/p/f52624a76c68
Читать полностью…