webstandards_ru | Технологии

Telegram-канал webstandards_ru - Веб-стандарты

15764

Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru

Подписаться на канал

Веб-стандарты

Отладка скорости React 16 в Chrome Devtools. Бен Шварц объясняет нужные шаги и рекомендует сервис Calibre для автоматического мониторинга — https://medium.com/p/c90698a522ad

Читать полностью…

Веб-стандарты

Фонтастическая скорость! Моника Динкулеску с докладом про быстродействие шрифтов на Smashing Conf https://vimeo.com/241111413 и демо работы свойства font-display https://font-display.glitch.me/

Читать полностью…

Веб-стандарты

Как работает VoiceOver на iOS и как им пользоваться для тестирования доступности вашей вёрстки. Роб Додсон продолжает мини-серию про доступность на мобильных в свежем выпуске A11ycasts — https://youtu.be/bCHpdjvxBws

Читать полностью…

Веб-стандарты

Прогрессивное веб-приложение Pinterest: Эдди Османи суммирует опыт создания приложения, оптимизации JS-бандлов и использование сервис-воркеров для ускорения работы — https://medium.com/p/3bd6ed2e6154

Читать полностью…

Веб-стандарты

Shadow DOM v1 из веб-компонентов появится в Firefox 60. Олли Петтай рассказал о работе над внедрением его в Gecko https://groups.google.com/d/msg/mozilla.dev.platform/aJvUlADn-Hk/BYB52MgDBQAJ Точнее, обновлением: v0 была внедрена ещё 3 года назад за флагом https://caniuse.com/#feat=shadowdom

Читать полностью…

Веб-стандарты

Градиенты, calc и кастомные свойства: Эрик Мейер придумал как генерировать схематические блоки с диагоналями поверх существующей вёрстки по атрибутам data-wf — http://meyerweb.com/eric/thoughts/2017/11/27/generating-wireframe-boxes-with-css-and-html5/

Читать полностью…

Веб-стандарты

Выражения от элемента, пять различных реализаций: QSS, Selectory, reproCSS, EQCSS и JS-in-CSS собрал в одном твите Томми Ходжинса — https://twitter.com/innovati/status/934453395410255872

Читать полностью…

Веб-стандарты

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

Читать полностью…

Веб-стандарты

Кастомные элементы v1 из веб-компонентов появятся в Firefox 59, сначала только в ночных сборках https://groups.google.com/d/msg/mozilla.dev.platform/BI3I0U7TDw0/6-W39tXpBAAJ Впервые будут реализованы не только автономные элементы (уже есть в Blink и WebKit), но и настраиваемые встроенные https://caniuse.com/#feat=custom-elementsv1

Читать полностью…

Веб-стандарты

Оптимизация фронтенда: где вас обманывает webpack https://habr.ru/p/342686/ и как починить tree-shaking https://habr.ru/p/342964/ — Алексей Золотых в блоге Wrike на Хабре.

Читать полностью…

Веб-стандарты

Новинки DevTools Chrome 63 в обзоре Кейси Баскеса: одновременные подключения для удалённой отладки, обновлённый интерфейс редактора, тестовые уведомления и события фоновой синхронизации для сервис-воркеров, новые метрики в аудите — https://youtu.be/Eyw_mwbABIQ

Читать полностью…

Веб-стандарты

Новый синтаксис фрагментов в React v16.2.0 позволяет размечать их как <> или <Fragment>, не используя лишние HTML-элементы. Поддержка скоро в Create React App, уже в бете Babel v7 и последних версиях TypeScript, Flow, Prettier и ESLint https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html

Читать полностью…

Веб-стандарты

Гибкое переполнение без медиавыражений и JavaScript. Роман Комаров рассказывает, как изменять или ограничивать содержимое просто на флексах — http://kizu.ru/en/blog/flexible-overflow/

Читать полностью…

Веб-стандарты

Node Hero, книга RisingStack про Node.js в 13 главах: один большой MD-файл, ePub или отдельные главы на Медиуме в переводе devSchacht — https://medium.com/p/6a07ef8d822d

Читать полностью…

Веб-стандарты

RND.JS #4 в Ростове-на-Дону пройдёт 9 декабря: Сергей Иванов расскажет про утечки памяти в JS, Сергей Бережной — про лучшие практики — https://vk.com/rndjs

Читать полностью…

Веб-стандарты

Всё, что вам нужно знать о 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

Читать полностью…
Подписаться на канал