Выпуск №96: Firefox 58 и совместимость браузеров, JS-модули, React + BEM, карьера, For Web, паблики, Smashing Magazine и Андрей Романов из Авито в гостях — https://medium.com/p/1614a456044b
Читать полностью…Доступные веб-приложения на React и TypeScript с помощью A11y.js, Даниэль Ющик пошагово реализует диалоговое окно, начиная с creat-react-app — https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/
Читать полностью…Перевод и локализация в вебе, Ире Адеринокун про атрибуты lang, hreflang, translate и направление письма — https://bitsofco.de/localisation-and-translation/
Читать полностью…Турбо-страницы Яндекса (что-то вроде AMP и Instant Articles на основе RSS) теперь доступны не только в Новостях, но и в Дзене и в результатах поиска — https://yandex.ru/blog/company/turbo
Читать полностью…Справочник по SVG Александра Васильева: практические и справочные статьи по встроенным элементам, поведение вьюпорта и вьюбокса, примеры анимации — https://svg-art.ru/
Читать полностью…Открылся приём докладов на CSSconf EU 1 июня https://2018.cssconf.eu/call-for-speakers/ и JSConf EU 2–3 июня https://2018.jsconf.eu/call-for-speakers/ в Берлине. Заявки принимаются до 1 января.
Читать полностью…Даже если гриды чего-то не умеют, то это точно умеет Эрик Мейер, пускай и с хаками: пустые элементы или фоновые градиенты спешат на помощь 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/
Читать полностью…Новинки Firefox 58 Developer Edition: инспектор CSS-фигур для элементов с clip-path, font-display, calc() везде, где нужно, группировка вызовов библиотек отдельно от вашего кода, поддержка FLAC, развитие API WebExtension — https://hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/
Читать полностью…Новый черновик CSS Scrollbars L1 стандартизирует оформление полос прокрутки по мотивам старинной реализации в IE — https://drafts.csswg.org/css-scrollbars-1/. А Берт Бос передаёт привет из 2001 года — https://www.w3.org/Style/Examples/007/scrollbars.en.html
Читать полностью…Как работает TalkBack на Android. Роб Додсон об основах навигации по интерфейсам со встроенным помощником доступности в свежем выпуске A11ycasts — https://youtu.be/0Zpzl4EKCco
Читать полностью…Доступная карусель. Хейдон Пикеринг собирает понятный и простой в использовании компонент — https://inclusive-components.design/a-content-slider/
Читать полностью…Про SVG, минификацию, Gzip и Brotli. Антон Хлыновский пишет SVG так, чтобы его было проще сжимать — https://medium.com/p/21cd26a5d007
Читать полностью…Новый Smashing Magazine! Спустя два года редизайна: подписка Smashing Membership, Smashing TV, переезд с WordPress на Netlify (теперь без бэкенда), много красного и котов — https://www.smashingmagazine.com/
Читать полностью…Что за 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 открыт всем желающим.
Читать полностью…