Size: a a a

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

2020 June 17
Веб-стандарты
Auto Layout в Figma. Как «Злые марсиане» создают динамические дизайн-компоненты, которые можно растягивать, наполнять и менять местами. С примерами и исходным макетом — https://evilmartians.com/chronicles/figma-auto-layout-practical-tips-for-dynamic-designs
источник
2020 June 18
Веб-стандарты
Всё, что вы не хотели знать про сайд-эффекты. Серджио Гомес рассказывает, как помогать сборщикам разруливать зависимости между модулями и эффективно использовать тришейкинг — https://sgom.es/posts/2020-06-15-everything-you-never-wanted-to-know-about-side-effects/
источник
Веб-стандарты
Bootstrap 5: больше не зависит от jQuery, не поддерживает Internet Explorer, использует кастомные свойства, имеет обновлённый внешний вид. Марк Отто об этих и других изменениях альфа-версии мажорного обновления в блоге Bootstrap — https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
источник
Веб-стандарты
Приёмы для сложных CSS-иллюстраций. Джи Томпкинс советует, на что нужно обращать внимание при рисовании сложных вещей на чистом CSS — https://css-tricks.com/advice-for-complex-css-illustrations/
источник
2020 June 19
Веб-стандарты
React Marathon 2.0 пройдёт с 22 июня по 19 июля в Телеграме. Участников ждёт четыре недели уроков и заданий по React, код-ревью с поддержкой в чате от ментора и свой проект в финале. Первая неделя бесплатная — https://bit.ly/react_marathon
источник
Веб-стандарты
Анатомия пуш-уведомлений. Ли Манро разбирает плашку уведомления в разных браузерах и в разных системах на части и делится шаблоном для Figma для проектирования их внешнего вида — https://onesignal.com/blog/push-notification-design-anatomy/
источник
Веб-стандарты
Пусть ваш PWA ведёт себя как нативное приложение. Томас Штайнер на примере приложения Apple Podcasts показывает API, которые позволяют сократить дистанцию между нативными возможностями и возможностями веб-платформы — https://web.dev/app-like-pwas/
источник
Веб-стандарты
Sorted CSS Colors. Инструмент Мустафы Энеса со списком именованных цветов в CSS, сгруппированных по оттенкам и отсортированных по яркости и насыщенности — https://enes.in/sorted-colors/
источник
2020 June 22
Веб-стандарты
Шпаргалка по гридам. Юлия Бухвалова соединила документацию с интерактивными примерами для лучшего понимания — https://yoksel.github.io/grid-cheatsheet/
источник
Веб-стандарты
UI Design Daily. Еженедельно пополняющаяся коллекция бесплатных шаблонов для Sketch, Photoshop, Figma, AdobeXD и InVision Studio с различными элементами интерфейсов — https://uidesigndaily.com/
источник
Веб-стандарты
Как я закрыл трёхлетний issue в TypeScript. Алекс Козак рассказывает, как внести вклад в разработку TypeScript на примере правки генерируемых тайпингов — https://habr.com/p/507522/
источник
2020 June 23
Веб-стандарты
Новинки Safari 14 в ближайших релизах macOS и iOS: WebP, веб-расширения, HTTP/3, отказ от Flash, BigInt, logical assignment и публичные поля классов, кастомные EventTarget, расширенный image-set в CSS, псевдоселекторы :is() и :where(), image-orientation https://developer.apple.com/documentation/safari-release-notes/safari-14-beta-release-notes
источник
Веб-стандарты
Перестаньте добавлять инструкции для скринридеров. Адриан Розелли показывает, как скринридеры работают со стандартными тегами и aria-атрибутами в HTML и почему лишние инструкции и описания могут мешать пользователям — https://adrianroselli.com/2019/10/stop-giving-control-hints-to-screen-readers.html
источник
Веб-стандарты
В поиске баланса между нативным и кастомным селектом. Сандрина Перейра создаёт гибридный компонент с кастомной стилизацией <select> только для курсора и с нативным внешним видом во всех остальных случаях — https://css-tricks.com/striking-a-balance-between-native-and-custom-select-elements/
источник
Веб-стандарты
Выпуск №235: Евангелист Safari, Bootstrap 5, content-visibility, гриды, чекбоксы, forms, API для PWA. Слушайте на Ютубе https://youtu.be/3QExB7SK5bY, читайте на Медиуме https://medium.com/p/7673629b7d01
источник
Веб-стандарты
00:00:27 События
00:06:27 Евангелист Safari
00:11:30 Альфа Bootstrap 5
00:23:09 Content-visibility
00:34:53 Справочник по гридам
00:41:43 Доступные чекбоксы правильно
00:50:14 Атрибут forms
00:56:39 Обзор API для PWA
источник
2020 June 24
Веб-стандарты
Как опенсорс изменил мою жизнь. Мини-фильм про Макса Стойбера, создателя react-boilerplate и styled-components. История о том, как желание решить общую проблему повлияло на его карьеру — https://youtu.be/ifq3xhik8tE
источник
Веб-стандарты
Сторонние браузеры (Chrome, Firefox, Edge и другие) на iOS и iPadOS можно будет установить по умолчанию и в них заработают сервис-воркеры. При этом, они продолжат работать на встроенном движке WebKit. Обновление мобильных ОС Apple запланировано на сентябрь https://twitter.com/tomayac/status/1275682098570027008
источник
Веб-стандарты
Дата и время в JavaScript. Команда Igalia рассказывает о спецификации Temporal API, задача которого значительно облегчить работу со временем и решить проблемы объекта Date — https://blogs.igalia.com/compilers/2020/06/23/dates-and-times-in-javascript/
источник
2020 June 25
Веб-стандарты
Рендеринг шрифта в разных браузерах. Стефани Стимак экспериментально разбирается, как браузеры обрабатывают font-weight: bold, если шрифт с полужирным начертанием не загружается — https://blog.stephaniestimac.com/posts/2020/06/browser-fonts/
источник