8. Адаптивная типографика, инлайнить ли шрифты, обновления браузеров, голый CSS, React

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:21 События 00:02:10 Единицы измерения шрифта 00:18:07 Инлайнить ли шрифты 00:23:19 Новинки браузеров 00:36:36 Голый CSS на отступах 00:42:10 Лево и право для CSS-свойств 00:45:00 Критика React 00:55:36 Опрос Stack Overflow События • PiterCSS https://pitercss.timepad.ru/event/298243/ • CodeFest http://2016.codefest.ru/ • Видео с WSD https://youtu.be/z21fMpPQirA?list=PLMBnwIwFEFHcwI0FrJSbq8s7VtYwE0LvA • WSD в Питере https://wsd.events/ Единицы измерения шрифта • Адаптивная типографика на единицах вьюпорта http://zellwk.com/blog/viewport-based-typography/ • Что использовать в медиавыражениях: пиксели, емы, ремы? http://zellwk.com/blog/media-query-units/ • Сайт Dev.Opera https://github.com/operasoftware/devopera • Sass MQ https://github.com/sass-mq/sass-mq • Миксин ремы-пиксели https://gist.github.com/anonymous/ce7c5287e1e20619d8aa Инлайнить ли шрифты • Антипаттерн для веб-шрифтов: Data URI http://css-live.ru/articles/antipattern-dlya-veb-shriftov-data-uri.html • Homebrew web font tools https://github.com/bramstein/homebrew-webfonttools Новинки браузеров • Новинки Chrome 49 и Opera 36 https://dev.opera.com/blog/opera-36/ • Поддержка расширений в тестовой версии Edge https://blogs.windows.com/msedgedev/2016/03/17/preview-extensions/ • Обзор новинок Firefox Developer 47 https://hacks.mozilla.org/2016/03/developer-edition-47-user-agent-emulation-popup-debugging-and-more/ • Браузерный движок нового поколения Servo http://venturebeat.com/2016/03/16/mozilla-will-release-the-first-tech-demo-of-servo-its-next-generation-browser-engine-in-june/ • Browser HTML https://github.com/browserhtml/browserhtml Голый CSS на отступах • SugarSS https://github.com/postcss/sugarss#readme • За что я люблю CoffeeScript http://simonenko.su/8725324958/for-what-i-love-coffeescript • Emmet http://emmet.io/ • Hayaku http://hayakubundle.com/ • CSSComb http://csscomb.com/ Лево и право для CSS-свойств • Флексбокс вполне логичен https://paulrobertlloyd.com/2016/03/logical_flexbox • postcss-bidirection https://github.com/gasolin/postcss-bidirection • RTLCSS https://github.com/MohammadYounes/rtlcss Критика React • На освоение React мне потребовалась всего неделя http://css-live.ru/articles/na-osvoenie-react-mne-potrebovalas-vsego-nedelya-a-chem-vy-xuzhe.html • Polymer https://www.polymer-project.org/ • Презентация на React https://github.com/FormidableLabs/spectacle • Сайт PostCSS https://github.com/postcss/postcss.org Опрос Stack Overflow • Developer Survey 2016 http://stackoverflow.com/research/developer-survey-2016 • NotePad++ https://notepad-plus-plus.org/ Читайте новости • Telegram https://t.me/webstandards_ru • X https://x.com/webstandards_ru • VK https://vk.com/webstandards_ru • Facebook https://www.facebook.com/webstandardsru/ • Mastodon https://mastodon.social/@webstandards_ru • Bluesky https://bsky.app/profile/web-standards.ru • LinkedIn https://www.linkedin.com/company/web-standards-ru/