15216
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Frontend Conf в Москве пройдёт 6–7 июня в Кампусе Сколково в рамках фестиваля РИТ: программы пока нет, открыт приём докладов, билеты в предпродаже 16 000 ₽ — http://frontendconf.ru/
Читать полностью…
Выпуск №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/
Читать полностью…
Всё, что вам нужно знать о CSS-in-JS. Индрек Ласн рассказывает о компонентном подходе для написания стилей и сравнивает библиотеки в переводе CSS Live — http://css-live.ru/articles/vsyo-chto-vam-nuzhno-znat-o-css-in-js.html
Читать полностью…
Новинки 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
Читать полностью…