228. DevTools, сайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг
5 мая 2020
— Вадим Макеев
— Никита Дубко
— Ольга Алексашенко
00:00:49 Новинки DevTools
00:21:45 Сайт Веб-стандартов
00:27:37 Выделение текста
00:34:23 Пиксели против ремов
00:47:00 Атомарный CSS-in-JS
01:01:35 Автоматизация рефакторинга
Слушайте свежие эпизоды в
Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly93ZWItc3RhbmRhcmRzLnJ1L3BvZGNhc3QvZmVlZC8
Apple Podcasts — https://itunes.apple.com/podcast/id1080500016
CastBox — https://castbox.fm/channel/id1177814
Pocket Casts — https://pca.st/moFp
Overcast — https://overcast.fm/itunes1080500016
ВКонтакте — https://vk.com/podcasts-32017543
Яндекс.Музыке — https://music.yandex.ru/album/6245956
Spotify — https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV
YouTube — https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
SoundCloud — https://soundcloud.com/web-standards
или подписывайтесь на RSS — https://web-standards.ru/podcast/feed/
Читайте новости в
Твиттере — https://twitter.com/webstandards_ru
ВКонтакте — https://vk.com/webstandards_ru
Фейсбуке — https://www.facebook.com/webstandardsru
Телеграме — https://t.me/webstandards_ru
Поддержите нас
на Патреоне — https://www.patreon.com/webstandards_ru
или переводом
на Яндекс.Деньги — https://money.yandex.ru/to/41001119329753
или PayPal — https://www.paypal.me/pepelsbey
Обсуждайте в Слаке — http://slack.web-standards.ru/
Новинки DevTools
Chrome: It’s almost here. CSS grid tooling! — https://twitter.com/ChromeDevTools/status/1255481965995851782
Edge: Coming soon. CSS Grid tooling! — https://twitter.com/EdgeDevTools/status/1255503886925922310
Masonry Grids in Firefox Nightly behind a flag — https://twitter.com/MiriSuzanne/status/1255567501359853570
Обсуждение спецификации Masonry layout — https://github.com/w3c/csswg-drafts/issues/4650
A demo of new CSS to accomplish a Masonry-style layout — https://codepen.io/jensimmons/full/QWjqbJj
Compatibility panel in Firefox based on MDN data — https://twitter.com/patrickbrosset/status/1255809865420869633
Proposal for container queries — https://github.com/dbaron/container-queries-implementability
Can I Include — https://caninclude.glitch.me/
Сайт Веб-стандартов
Сайт Веб-стандартов — https://web-standards.ru/
Ишьи в репозитории сайта — https://github.com/web-standards-ru/web-standards.ru/issues
Выделение текста
Using CSS to Control Text Selection — https://codersblock.com/blog/using-css-to-control-text-selection/
Selection in CSS — https://ishadeed.com/article/selection-in-css/
Пиксели против ремов
Accessible Font Sizing, Explained — https://css-tricks.com/accessible-font-sizing-explained/
Ишья про единицы измерения — https://github.com/web-standards-ru/web-standards.ru/issues/13
Атомарный CSS-in-JS
Atomic CSS-in-JS — https://sebastienlorber.com/atomic-css-in-js
Автоматизация рефакторинга
Рефактори как будто никто не видит — https://nikitakirsanov.com/ru/blog/refactor-as-no-one-is-watching/