Веб-стандарты. Страница 94
14489
@webstandards_ru
Ежедневные новости фронтенда от «Веб-стандартов»
-
Веб-стандарты
Эффекты с SVG-фильтрами: создание текстуры с помощью <feTurbulence>. Сара Суайдан продолжает серию статей на Codrops — https://tympanus.net/codrops/2019/02/19/svg-filter-effects-creating-texture-with-feturbulence/ 
-
Веб-стандарты
Не умничайте с элементами форм. Брэд Фрост про модальные окна, скрытые поля и магические ссылки, которые мешают менеджерам паролей и привычкам пользователей. В переводе на Хабре — https://habr.com/p/440948/ 
-
Веб-стандарты
Приоритеты загрузки JavaScript в Chrome. Эдди Османи свёл все случаи в одну таблицу: от <script> в <head> до <script defer> в конце <body> — https://addyosmani.com/blog/script-priorities/ 
-
Реклама
-
Веб-стандарты
Кастомные чекбоксы правильно. Вадим Макеев рассказывает о способах оформления чекбоксов, которые доступны с клавиатуры и для скринридеров: картинками, инлайновыми картинками, стилями, совместимо и инлайновым SVG — https://youtu.be/E6kLaaQFctU 
-
Веб-стандарты
Типы полей форм из HTML5: где они сейчас? Дрю Маклиллан про восемь типов полей и их поддержку в браузерах: поиск, телефон, ссылка, почта, число, диапазон, цвет и дата — https://www.smashingmagazine.com/2019/01/html5-input-types/ 
-
Веб-стандарты
Архитектурные решения для разных типов приложений. Джейсон Миллер (автор Preact из Google) рассматривает 12 типов (от соцсетей до лёгких игр) и предлагает наиболее эффективную архитектуру для каждого — https://jasonformat.com/application-holotypes/ 
-
Веб-стандарты
Imagemin для сжатия картинок. Практикум Кейти Хемпениус по сжатию картинок с помощью Imagemin в Grunt, Gulp и Webpack с плагинами для обработки и экспорта форматов от GIF до SVG и WebP — https://web.dev/fast/use-imagemin-to-compress-images 
-
Веб-стандарты
Инклюзивные компоненты: список дел. Хейдон Пикеринг про разметку классического интерфейса для TodoMVC, которая сделает его доступным и удобным. В переводе на «Веб-стандартах» — https://medium.com/p/40a324436b3e 
-
Веб-стандарты
Выпуск №161: Chrome 73 и CSS 2019, SVG, таблицы, гриды и кнопки, будущее Фоторамы и Артём Поликарпов в гостях. Ссылки на Медиуме https://medium.com/p/2a243ce8546d или на Ютубе https://youtu.be/7FuUojUdl0w 
-
Веб-стандарты
API Intersection Observer v1 появится в Safari, анонс с примерами использования в блоге WebKit https://webkit.org/blog/8582/intersectionobserver-in-webkit/, а в Chrome уже планируют улучшенную версию API v2, которая позволит точнее проверять реальную видимость объектов https://developers.google.com/web/updates/2019/02/intersectionobserver-v2 
-
Веб-стандарты
Puppeteer — мой новый сервер для разработки. Эрик Бидельман рассказывает, как команда https://web.dev придумала не разворачивать весь проект локально, а забирать живой сайт и подменять контент локально для простого редактирования статей — https://ericbidelman.com/posts/2019/02/pptrstagingserver 
-
Веб-стандарты
Состояние CSS 2019. Новый опрос от создателей «Состояния JS»: технологии, инструменты, окружение, ресурсы, мнения и ваш портрет. Опрос https://stateofcss.com/ и анонс https://medium.com/p/e1e4268df64d 
-
Веб-стандарты
«А давайте перепишем шапку MDN на React?», или «React против веб-компонентов». Предложение Дэвина Флэнагана из Mozilla превратилось в интересную дискуссию — https://github.com/mdn/sprints/issues/967 
-
Веб-стандарты
Где подходит TypeScript и какой ценой даётся внедрение? Два перевода на Хабре: «Цена TypeScript» Эрика Элиотта https://habr.com/p/437464/ и «TypeScript в PayPal» Кента Доддса https://habr.com/p/437986/ 
-
Веб-стандарты
Как сделать интерактивные элементы удобнее на мобильных. Советы Ире Адеринокун по расположению и разметке — https://bitsofco.de/tips-for-making-interactive-elements-accessible-on-mobile-devices/ 
-
Реклама
-
Веб-стандарты
Эффекты с SVG-фильтрами: подстраиваем изображение под текстуру поверхности с помощью <feDisplacementMap>. Сара Суайдан продолжает серию статей на Codrops — https://tympanus.net/codrops/2019/02/12/svg-filter-effects-conforming-text-to-surface-texture-with-fedisplacementmap/ 
-
Веб-стандарты
Интерфейсы будущего: инлайновый SVG. Хейдон Пикеринг разбирается в возможностях SVG на примере бургерной кнопки меню, которая превращается в крестик, в коротком юмористическом видео — https://youtu.be/1CDTw_UpQoQ 
-
Веб-стандарты
Подходы к адаптации таблиц в вебе. Хуэй Дзинь Чэнь с вариантами прокрутки, разбиения на части, постраничной навигации и поиска — https://www.smashingmagazine.com/2019/01/table-design-patterns-web/ 