Size: a a a

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

2020 April 13
Веб-стандарты
Выпуск №225: The F-Word, новинки браузеров, AVIF, WebStorm 2020.1, PostCSS 8.0, CSS-нудизм и тёмные темы. Слушайте на Ютубе https://youtu.be/sRkIGSGRz6A, читайте во ВКонтакте https://vk.com/@webstandards_ru-225
источник
Веб-стандарты
00:00:24 Подкасты
00:06:08 События
00:07:42 Новинки браузеров
00:22:00 Формат изображений AVIF
00:30:52 Релиз WebStorm 2020.1
00:40:28 Планы на PostCSS 8.0
00:48:48 CSS-нудизм и дефолты
00:57:25 Тёмные темы
источник
Веб-стандарты
Техники работы с картинками в вебе. Ахмад Шадид делится приёмами работы с фоновыми, контентными и декоративными изображениями на страницах — https://ishadeed.com/article/image-techniques/
источник
2020 April 14
Веб-стандарты
PostCSS 8.0 на подходе. Андрей Ситник анонсирует изменения в мажорном обновлении постпроцессора — https://evilmartians.com/chronicles/postcss-8-is-coming-here-is-what-it-brings
источник
Веб-стандарты
Создание шкалы на React. Амелия Уоттенбергер создаёт компонент шкалы для измерений, соединяя SVG и React, с интерактивным объяснением каждого шага — https://wattenberger.com/blog/gauge
источник
Веб-стандарты
Улучшенное оформление тёмных тем по умолчанию. Томас Штайнер показывает, как соединить CSS-свойство color-scheme, <meta name="color-scheme"> и пользовательские настройки для улучшения оформления по умолчанию — https://web.dev/color-scheme/
источник
2020 April 15
Веб-стандарты
Отложенные Push-уведомления. Нико Мартин показывает, как в сервис-воркере добавить отложенную нотификацию и обработать нажатие на всплывающее уведомление — https://css-tricks.com/creating-scheduled-push-notifications/
источник
Веб-стандарты
Веб-анимации в Safari 13.1. Антуан Квинт рассказывает про Web Animations API, его взаимодействии с анимациями и переходами в CSS и об инструментах отладки анимаций в Safari — https://webkit.org/blog/10266/web-animations-in-safari-13-1/
источник
Веб-стандарты
Забудьте про RGB и HEX. Алекс Козак объясняет, почему для разработки удобнее использовать формат HSL и какое у цветовых форматов будущее — https://habr.com/p/496768/
источник
2020 April 16
Веб-стандарты
Как правильно написать alt-текст. Николай Шабалин рассматривает примеры, когда альтернативный текст нужен, когда не нужен и как сделать его полезным — https://htmlacademy.ru/blog/boost/frontend/alt-text?utm_source=tg_web_standards&utm_medium=special&utm_campaign=alt_text_16042020
источник
Веб-стандарты
32 видео докладов FrontendConf 2019: React Native, шрифты, вёрстка писем, гриды, типы данных в CSS, WebRTC, TypeScript, PWA, софт-скилы и другие — https://www.youtube.com/playlist?list=PLknJ4Vr6efQHldqCyBU5gpi7KPJEMbj4H
источник
Веб-стандарты
GitHub открыл бесплатное создание приватных репозиториев с неограниченным количеством соавторов и дал до двух тысяч бесплатных минут в месяц доступа к GitHub Actions — https://help.github.com/en/github/getting-started-with-github/faq-about-changes-to-githubs-plans
источник
Веб-стандарты
Поддержка Touch в JavaScript. Андрей Бегунов рассказывает, как организовать поддержку touch-режима на устройствах вроде планшетов с клавиатурами или ноутбуков с экранами multi-touch — https://habr.com/p/497416/
источник
2020 April 17
Веб-стандарты
Интересные CSS-находки в новом дизайне Facebook. Ахмад Шадид делится необычными приёмами, которые он нашёл при помощи DevTools в коде редизайна социальной сети, в переводе на Хабре — https://habr.com/p/496958/
источник
Веб-стандарты
Front-end Bookmarks. Мануэль Матузович собирает коллекцию статей и докладов про HTML, CSS и JS, сгруппированных по элементам, атрибутам, свойствам, селекторам, методам и выражениям — https://www.frontendbookmarks.com/
источник
Веб-стандарты
Дизайн кнопки. Тарас Бакусевич разбирает «анатомию» кнопки и делится советами, как должны выглядеть и вести себя кнопки на странице — https://uxdesign.cc/button-design-user-interface-components-series-85243b6736c7
источник
2020 April 20
Веб-стандарты
Отступы в CSS. Ахмад Шадид показывает различные приёмы работы с margin, padding и gap в вёрстке с объяснениями — https://ishadeed.com/article/spacing-in-css/
источник
Веб-стандарты
CSS для интернационализации. Хуэй Цзин Чэнь рассказывает, как в CSS можно полезно использовать знание о языке посетителя сайта и адаптировать под это раскладку — https://www.chenhuijing.com/blog/css-for-i18n/
источник
Веб-стандарты
8 наиболее распространенных структур данных на примере JavaScript. Кингсли Тан объясняет, как работают стек, очередь, списки, коллекции, хеш-таблицы, деревья и графы, в переводе на Хабре — https://habr.com/p/497476/
источник
2020 April 21
Веб-стандарты
Собираем лучший мобильный инпут. Алекс Голачек собрала стенд, на котором можно экспериментировать с атрибутами инпутов и видеть, как изменится клавиатура у пользователя при изменении атрибутов — https://better-mobile-inputs.netlify.app/
источник