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

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Слава Олиянчук Темы 00:00:00 Интро 00:00:53 События 00:01:02 Флексбокс — кандидат в рекомендации 00:06:19 Определение article 00:09:12 Висячая пунктуация 00:13:47 Обновился CSSO 00:18:37 Быстродействие 00:26:17 HTTP/2 00:32:37 Блютус в вебе 00:34:18 Про SVG по-русски 00:37:26 БЭМ и шаблонизация 00:48:22 Шаблонизатор BEM-XJST 01:00:20 Завершение: ваши предложения События • PiterCSS №2 https://pitercss.timepad.ru/event/298243/ 22 марта Флексбокс — кандидат в рекомендации • Флексбоксы готовы! http://css-live.ru/vecssti-s-polej/fleksboksy-gotovy.html • Полифил Flexibility https://github.com/jonathantneal/flexibility • Будущее механизмов раскладки https://youtu.be/ZEd7bEqe6iI Определение article • Rewrite of the article element definition http://stevefaulkner.github.io/article/ Висячая пунктуация • Висячая пунктуация в WebKit https://twitter.com/grorgwork/status/705546895528034305 • Gosh Hang It! https://github.com/liamdanger/gosh-hang-it • Типограф Муравьёва http://mdash.ru/ Обновился CSSO • CSSO 1.6.0 release https://github.com/css/csso/releases/tag/v1.6.0 Быстродействие • Preload: What Is It Good For? https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/ HTTP/2 • HTTP/2: готовимся к переходу https://habrahabr.ru/company/selectel/blog/278167/ • Не гзипом единым, видео с Я.Субботника https://youtu.be/n3gtj7veL3I?t=17670 • Твиттер Frontend Performance https://twitter.com/perfception Блютус в вебе • An introduction to the Web Bluetooth API https://dev.opera.com/articles/web-bluetooth-intro/ Про SVG по-русски • SVG в вебе. Практическое руководство https://svgontheweb.com/ru/ БЭМ и шаблонизация Про шаблонизатор BEM-XJST • Видео доклада про BEM-XJST https://youtu.be/n3gtj7veL3I?t=21268 • Репозиторий проекта https://github.com/bem/bem-xjst Завершение: ваши предложения Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:18 События 00:01:58 Кризис ожирения сайтов 00:07:47 Реклама 00:30:39 Новинки браузеров 00:35:16 Background Sync 00:36:45 Статус Grid Layout в Blink 00:38:57 Любовное письмо к jQuery 00:42:02 Давайте полегче с JavaScript 00:48:32 HTML: что дальше? 00:51:20 Оформление поломанных картинок 00:55:42 WTF Opera Mini?! 00:56:48 Полифил для object-fit на SVG 00:58:11 Зовём Андрея Ситника События • День рождения SPB Frontend https://vk.com/spb_frontend_birthday_150316 • OdessaJS https://twitter.com/OdessaJS/status/706957901395415040 • Текстовые трансляции с конференций, дополнение к @webstandards_ru https://twitter.com/webstandards_up • Логи трансляций https://github.com/web-standards/web-standards-up Кризис ожирения сайтов • Кризис ожирения сайтов https://habrahabr.ru/post/278655/ Реклама • Вышел браузер Opera со встроенным блокировщиком рекламы https://geektimes.ru/post/272404/ • A Never-Ending Story On Ad-Blockers https://www.smashingmagazine.com/2016/03/never-ending-story-ad-blockers/ Новинки браузеров • Firefox 45 http://tanalin.com/blog/2016/03/firefox-45/ • Chrome 49 https://youtu.be/GNP-_ncY3ZA Background Sync • Introducing Background Sync https://developers.google.com/web/updates/2015/12/background-sync Статус Grid Layout в Blink • CSS Grid Layout. Current Status and Future Plans https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/y221wJxoh84/qU_el0JRAwAJ Любовное письмо к jQuery • Любовное письмо к jQuery http://css-live.ru/articles/lyubovnoe-pismo-k-jquery.html Давайте полегче с JavaScript • Maybe we could tone down the JavaScript https://eev.ee/blog/2016/03/06/maybe-we-could-tone-down-the-javascript/ HTML, что дальше? • HTML: What’s Next? https://www.w3.org/blog/2016/03/html-whats-next/ Оформление поломанных картинок • Styling Broken Images https://bitsofco.de/styling-broken-images/ • Generated and Replaced Content https://www.w3.org/TR/css3-content/ • Pseudo-Elements https://drafts.csswg.org/css-pseudo-4/ WTF Opera Mini?! • Opera Mini Tips http://operamini.tips/ Полифил для object-fit на SVG • Object-fit polyfill http://codepen.io/jonneal/pen/EKPONK Зовём Андрея Ситника Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Андрей Ситник Темы 00:00:00 Интро 00:00:09 Андрей Ситник 00:00:20 События 00:00:27 Кто же новый IE? 00:11:33 Npm-гейт 00:27:49 Проблемы npm 00:33:25 «Мой» опенсорс 00:39:05 Агрессивный маркетинг PostCSS 01:01:51 Сахарный CSS 01:04:51 Это была шутка! Андрей Ситник • Твиттер https://twitter.com/andrey_sitnik • Злые марсиане https://evilmartians.com/ События • CodeFest http://2016.codefest.ru/ • DUMP http://dump-conf.ru/ • Стачка http://nastachku.ru/ Кто же новый IE? • Apple is bad news for the future of the Web https://medium.com/p/6027b000b0c4 • Никита Васильев http://n12v.com/ • The Chrome Distortion: how Chrome negatively alters our expectations https://blog.runspired.com/2016/03/25/the-chrome-distortion-chrome-alters-our-expectations-in-highly-negative-ways/ Npm-гейт • I’ve Just Liberated My Modules https://medium.com/p/9045c06be67c • A discussion about the breaking of the Internet https://medium.com/p/3d4d2a83aa4d • Kik, left-pad, and npm http://blog.npmjs.org/post/141577284765/kik-left-pad-and-npm • Пакет left-pad https://www.npmjs.com/package/left-pad • How to not break the internet with this one weird trick https://medium.com/p/e3e2d57fee28 Проблемы npm • Using Release It! https://medium.com/p/60b96515c073 • Массив files в package.json https://docs.npmjs.com/files/package.json#files «Мой» опенсорс • There is no “my” in open source https://medium.com/p/c3e5555390fa Агрессивный маркетинг PostCSS • #СитникХватит https://twitter.com/search?q=%23%D1%81%D0%B8%D1%82%D0%BD%D0%B8%D0%BA%D1%85%D0%B2%D0%B0%D1%82%D0%B8%D1%82 • postcss-sorting https://github.com/hudochenkov/postcss-sorting • stylelint http://stylelint.io/ • Modular CSS preprocessing with rework http://tjholowaychuk.tumblr.com/post/44267035203/modular-css-preprocessing-with-rework • rtlcss https://github.com/MohammadYounes/rtlcss • uncss https://github.com/giakki/uncss • postcss-inline-svg https://github.com/TrySound/postcss-inline-svg • cssnext http://cssnext.io/ • precss https://github.com/jonathantneal/precss • postcss-import https://github.com/postcss/postcss-import • postcss-easy-import https://github.com/trysound/postcss-easy-import Сахарный CSS • SugarSS https://github.com/postcss/sugarss Это была шутка! • Прогрессивное улучшение меня расстраивает https://medium.com/p/7084fa62d967 Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:12 События 00:01:30 Bash на Windows 00:08:15 Новая тестовая сборка Safari 00:17:00 Оценка задач фронтендера 00:31:49 Определение тормозов на лету 00:36:41 Селекторы для системных элементов 00:39:25 Нужны ли препроцессоры 00:47:11 Что появится в ES2016 00:52:40 Новости про новости События • DUMP http://dump-conf.ru/ • Стачка http://nastachku.ru/ Bash на Windows • Running Bash on Ubuntu on Windows! https://channel9.msdn.com/Events/Build/2016/P488 • The Ubuntu Userspace for Windows Developers http://blog.dustinkirkland.com/2016/03/ubuntu-on-windows.html Новая тестовая сборка Safari • Introducing Safari Technology Preview https://webkit.org/blog/6017/introducing-safari-technology-preview/ • Add WebKit prefixes for Grid Layout https://github.com/postcss/autoprefixer/issues/633 Оценка задач фронтендера • Перевод http://frontender.info/estimating-a-front-end-web-dev-job/ Определение тормозов на лету • Performance measurements through requestAnimationFrame http://www.quirksmode.org/blog/archives/2016/03/rafp_a_proposal.html Селекторы для системных элементов • Styling native components, a proposal https://lists.w3.org/Archives/Public/www-style/2016Mar/0310.html Нужны ли препроцессоры • Why I don’t use CSS preprocessors http://www.456bereastreet.com/archive/201603/why_i_dont_use_css_preprocessors/ Что появится в ES2016 • Список того, что появится в ES2016 http://frontender.info/ecmascript-2016/ Новости про новости • Завели Телеграм https://telegram.me/webstandards_ru • Убиваем Google+ https://plus.google.com/+Web-standardsRu/posts Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Олег Мохов Темы 00:00:00 Интро 00:00:30 События 00:01:10 Как сделать конференцию 00:18:09 Путь разработчика 00:26:23 Релизы CSSO 2.0 и Grunt 1.0 00:30:30 Анонсы с Веб-саммита Edge 00:38:46 Экспериментальный браузер Tofino 00:39:32 Эмоджи, нет, эмодзи События • SPB Frontend №13 https://new.vk.com/spb_frontend_meetup_130416 • Frontend Party https://events.yandex.ru/events/meetings/29-april-2016/ Как сделать конференцию • Доклад Олега с Субботника https://events.yandex.ru/lib/talks/3347/ • DUMP http://dump-conf.ru/ • FrontTalks http://fronttalks.ru/ • Fronteers https://fronteers.nl/congres • OrenJS https://vk.com/orenjs • FrontendFellows https://frontendfellows.timepad.ru/events/ Путь разработчика • Frontend Dev: хороший, плохой, злой https://medium.com/p/865b640d5d18 Релизы CSSO 2.0 и Grunt 1.0 • 2.0.0 Drop legacy API and new AST format https://github.com/css/csso/releases/tag/v2.0.0 • Grunt 1.0.0 Released http://gruntjs.com/blog/2016-04-04-grunt-1.0.0-released Анонсы с Веб-саммита Edge • My Top Takeaways From the 2016 Edge Web Summit https://www.aaron-gustafson.com/notebook/my-top-takeaways-from-the-edge-web-summit-2016/ • EdgeHTML issue tracker https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/ • Global CSS Property Usage https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/ • API Catalog https://developer.microsoft.com/en-us/microsoft-edge/platform/catalog/ • Microsoft Edge Web Summit 2016 https://channel9.msdn.com/Events/WebPlatformSummit/edgesummit2016 Экспериментальный браузер Tofino • Browsers, Innovators Dilemma, and Project Tofino https://medium.com/p/ef634c6164f0 Эмоджи, нет, эмодзи • Emoji: how do you get from U+1F355 to …? http://meowni.ca/posts/emoji-emoji-emoji/ • Investigating the Potential for Miscommunication Using Emoji http://grouplens.org/blog/investigating-the-potential-for-miscommunication-using-emoji/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:17 Регрессионное тестирование 00:07:38 Фолбэк для флекса 00:14:18 Директива @apply, миксины в CSS 00:26:30 Прогрессивные веб-приложения 00:44:25 Версии CSS 00:51:15 Кому нужна семантика? События • Прошла FDConf в Минске http://fdconf.by/ • Стачка в Ульяновске 22—23 апреля http://nastachku.ru/ • PiterCSS №3 26 апреля https://pitercss.timepad.ru/event/318387/ • MoscowJS 28 апреля http://moscowjs.ru/ • Frontend Party в Питере 29 апреля https://events.yandex.ru/events/meetings/29-april-2016/ • HolyJS в Питере 5 июня http://holyjs.ru/ Регрессионное тестирование • Автоматизация регрессионного тестирования CSS http://prgssr.ru/development/avtomatizaciya-regressionnogo-testirovaniya-css-2016.html • Doing nothing for visual regression testing https://sc5.io/posts/visual-regression-testing/ Фолбэк для флекса • Почти полное руководство по флексбоксу без самого флексбокса https://habr.ru/p/281254/ • Инлайновый контекст форматирования http://css-live.ru/articles/obzor-inlajnovyj-kontekst-formatirovaniya.html • Мечты и реальность. Прощай CSS3, здравствуй IE6 https://youtu.be/-iW-W-9lj-I Директива @apply, миксины в CSS • CSS @apply Rule, спека https://tabatkins.github.io/specs/css-apply-rule/ • postcss-apply https://github.com/pascalduez/postcss-apply • cssnext http://cssnext.io/ • CSS @apply rule (native CSS mixins) https://blog.gospodarets.com/css_apply_rule Прогрессивные веб-приложения • PWA Rocks https://pwa.rocks/ • PWA List на Гитхабе https://github.com/operasoftware/pwa-list • Web App Manifest https://w3c.github.io/manifest/ • Service Workers replacing AppCache: a sledgehammer to crack a nut https://medium.com/p/5db6f473cc9b • CSS Houdini https://wiki.css-houdini.org/ Версии CSS • CSS 2.2 https://www.w3.org/TR/2016/WD-CSS22-20160412/ • CSS Snapshot https://www.w3.org/TR/CSS/ Кому нужна семантика? Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:01:57 Браузерные новости 00:14:18 Методологии CSS 00:21:15 Stylelint и CSSX 00:36:41 Параллакс 00:43:05 Booking сделал PWA 00:44:02 Доступное содержимое 00:55:13 Что слушаете? События • Стачка в Ульяновске http://nastachku.ru/ • PiterCSS №3 26 апреля https://pitercss.timepad.ru/event/318387/ • MoscowJS 28 апреля http://moscowjs.ru/ • HolyJS в Питере 5 июня http://holyjs.ru/ Браузерные новости • Project SpiderNode https://ehsanakhgari.org/blog/2016-04-20/project-spidernode • Embed Everything! https://medium.com/p/9aeff6911da0 • Free VPN integrated in Opera for better online privacy http://www.opera.com/blogs/desktop/2016/04/free-vpn-integrated-opera-for-windows-mac/ • Opera is doubling the server capacity after the built-in VPN launch http://www.opera.com/blogs/news/2016/04/opera-doubling-server-capacity-vpn/ Методологии CSS • MaintainableCSS http://maintainablecss.com/ • Микрометодология вёрстки OPOR http://nano.sapegin.ru/all/opor-methodology Stylelint и CSSX • Stylelint https://css-tricks.com/stylelint/ • CSSComb http://csscomb.com/ • Finally, CSS In JavaScript! Meet CSSX https://www.smashingmagazine.com/2016/04/finally-css-javascript-meet-cssx/ • На освоение React мне потребовалась всего неделя, а чем вы хуже? http://css-live.ru/articles/na-osvoenie-react-mne-potrebovalas-vsego-nedelya-a-chem-vy-xuzhe.html Параллакс • Diving In: Parallax https://youtu.be/lmZd7KlkJvc?list=PL08jItIqOb2r4k_v0WwIjwWptv5BTsBK1 Booking сделал PWA • Progressive Web Apps with Service Workers http://blog.booking.com/progressive-web-apps-with-service-workers.html Доступное содержимое • Aesthetics of the invisible https://francescoschwarz.de/en/blog/aesthetics-of-the-invisible/ • Thus Spoke HTML https://www.paciellogroup.com/blog/2015/10/thus-spoke-html/ • ARIA, Accessibility APIs and coding like you give a damn! https://vimeo.com/134451991 Что слушаете? • Аэростат https://itunes.apple.com/ru/podcast/aerostat/id1069719490 • Frontflip Podcast http://frontflip.me/ • RadioJS https://radiojs.ru/ • Радио-Т https://radio-t.com/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:27 Node.js 6 00:23:26 Новые методы DOM 00:24:56 Иконки, графика и чистый CSS 00:40:37 Жизнь и смерть в опенсорсе 00:45:42 Эксперименты и префиксы 00:49:49 Firefox как новый IE, в хорошем смысле События • PiterCSS №3 https://pitercss.timepad.ru/event/318387/ • Frontflip http://frontflip.me/ • Текстовые трансляции https://twitter.com/webstandards_up • FrontendConf в Москве 30—31 мая и 1 июня http://frontendconf.ru/ • HolyJS в Питере 5 июня http://holyjs.ru/ • Видео с FrontTalks https://www.youtube.com/playlist?list=PLRdS-n5seLRoWZm8I5onZqU9m8HB_hg1S Node.js 6 • Node v6.0.0 https://nodejs.org/en/blog/release/v6.0.0/ • Node.js ES2015 Support http://node.green/ • ES6 in Node v6 https://www.redfin.com/blog/2016/04/es6-in-node-v6.html • Chrome Canary 100% ES6 https://twitter.com/webstandards_ru/status/725278335677374464 • ES6, ES7, and beyond http://v8project.blogspot.ru/2016/04/es6-es7-and-beyond.html Новые методы DOM • Методы DOM prepend, append, before, after и replaceWith https://twitter.com/webstandards_ru/status/726018227948630017 Иконки, графика и чистый CSS • Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG https://sarasoueidan.com/blog/icon-fonts-to-svg/ • Working with Images in Stylesheets with PostCSS https://css-tricks.com/images-in-postcss/ • Why I don’t use CSS preprocessors http://www.456bereastreet.com/archive/201603/why_i_dont_use_css_preprocessors/ • Borschik https://github.com/borschik/borschik Жизнь и смерть в опенсорсе • Is CSScomb.js dead? https://github.com/csscomb/csscomb.js/issues/461 • CSScomb: Sorting CSS Properties, The Better Way https://www.smashingmagazine.com/2012/10/csscomb-tool-sort-css-properties/ Эксперименты и префиксы • Updating Our Prefixing Policy https://webkit.org/blog/6131/updating-our-prefixing-policy/ • Префиксы. Зачем и как правильно https://youtu.be/s0JDCEQDXI4 Firefox как новый IE, в хорошем смысле Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:15 События 00:09:33 Новинки Chrome и Opera 00:15:02 Блокировщики рекламы это честно? 00:24:29 Pointer Events в Chrome 00:33:40 Ещё раз про гриды 00:36:14 Универсальные расширения 00:42:34 Веб-компоненты ещё живы? 00:55:35 CSS-модули «ни о чём» События • Webdev Talks&Works http://t-n-w.ru/ • СПЕЦИА http://specia.pro/ • Frontend Conf http://frontendconf.ru/ • CSSconf Nordic http://cssconf.no/ • Web Rebels https://www.webrebels.org/ • ScotlandCSS http://scotlandcss.com/ • ScotlandJS http://scotlandjs.com/ • HolyJS http://holyjs.ru/ • HTML Special и CSS Day http://cssday.nl/2016 • CSSconf Budapest http://cssconfbp.rocks/ • JSConf Budapest http://jsconfbp.com/ • PWA Dev Summit https://events.withgoogle.com/pwa-save-the-date/ • Текстовые трансляции https://twitter.com/webstandards_up • Архив трансляций https://github.com/web-standards/web-standards-up Новинки Chrome и Opera • What’s new in Chromium 50 and Opera 37 https://dev.opera.com/blog/opera-37/ Блокировщики рекламы это честно? • Native ad blocker and video pop out ready in Opera http://www.opera.com/blogs/desktop/2016/05/ad-blocker-opera-for-windows-mac-free/ • Free ad blocker right in new Opera Mini for Android http://www.opera.com/blogs/mobile/2016/05/free-ad-blocker-new-opera-mini-for-android/ Pointer Events в Chrome • Chrome Status: Pointer Events https://www.chromestatus.com/feature/4504699138998272 • «Карточный домик» Романа Дворнова https://youtu.be/dQoz5KZUH2M • Apple Meta Viewport https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html • W3C Touch Events https://www.w3.org/TR/touch-events/ • Шутка про IE6 или ES6 https://twitter.com/marcosc/status/728779835468746752 Ещё раз про гриды • Гриды в WebKit без префиксов https://bugs.webkit.org/show_bug.cgi?id=157137 • Можно вообще всё. Раскладка по гриду https://youtu.be/JoRVUILXLxU • OdessaJS 2016 http://odessajs.org/ Универсальные расширения • WebExtensions in Firefox 48 https://blog.mozilla.org/addons/2016/04/29/webextensions-in-firefox-48/ • For a Better Extensions Ecosystem https://dev.opera.com/blog/better-extensions-ecosystem/ • Core API Proposal https://lists.w3.org/Archives/Public/public-browserext/2016May/0000.html Веб-компоненты ещё живы? • Web Components and Model Driven Views, Alex Russell https://vimeo.com/33430613 • Polymer https://www.polymer-project.org/ • Are We Componentized Yet? http://jonrimmer.github.io/are-we-componentized-yet/ • How GitHub is using Web Components in production http://webcomponents.org/articles/interview-with-joshua-peek/ CSS-модули «ни о чём» • Что такое CSS-модули и зачем они нам? http://frontender.info/css-modules-part-1-need/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:15 События 00:03:39 Как браузеры экономят батарейку 00:16:50 Оптимизация графики 00:33:44 Прозрачность в HEX-цветах 00:43:06 !important можно, если нужно 00:48:27 Фантомные страхи и адаптивные таблицы 00:52:06 Полифил через юзер-агент События • Лог трансляции с CSSConf в Будапеште https://github.com/web-standards/web-standards-up/blob/master/2016-05-11_cssconfbudapest.md • WSD в Екатеринбурге 25 июня https://wsd.events/2016/06/25/ • FrontendFellows в Перми 27 мая https://frontendfellows.timepad.ru/event/299132/ • FrontendFellows в Астане 29 июля https://frontendfellows.timepad.ru/event/328848/ • Rolling Scopes Summer Summit в Минске 4 июня https://minsk.rollingscopes.com/ • Видео с PiterCSS №3 https://youtu.be/24EZOgySNRI?list=PLMBnwIwFEFHeDVHZJw7Y5WWVkAb1O_OwC Как браузеры экономят батарейку • Introducing power saving mode in Opera https://www.opera.com/blogs/desktop/2016/05/introducing-power-saving-mode/ Оптимизация графики • Reducing JPG File size https://medium.com/p/e5b27df3257c • ImageAlpha https://pngmini.com/ • Can I Use: WebP http://caniuse.com/webp • APNG https://wiki.mozilla.org/APNG_Specification • MozJPEG https://github.com/mozilla/mozjpeg Прозрачность в HEX-цветах • RGBA и RRGGBBAA в Firefox 49 http://codepen.io/malyw/pen/wGNOrd?editors=1100 • Color in Opera 10 — HSL, RGB and Alpha Transparency https://dev.opera.com/articles/hsl-rgb-and-alpha-transparency/ !important можно, если нужно • The Importance of !important: Forcing Immutability in CSS http://csswizardry.com/2016/05/the-importance-of-important/ • Likely https://github.com/ilyabirman/Likely Фантомные страхи и адаптивные таблицы • CSS only Responsive Tables http://dbushell.com/2016/03/04/css-only-responsive-tables/ • Accessible, Simple, Responsive Tables https://css-tricks.com/accessible-simple-responsive-tables/ Полифил через юзер-агент • Polyfill.io https://cdn.polyfill.io/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:04:01 Семантика и БЭМ 00:29:40 CSS для новичков 00:32:09 Контроль версий и клиенты 00:45:51 JS-модули в Edge! 00:51:42 Google I/O События • PiterCSS №4 24 мая https://pitercss.timepad.ru/event/331983 • WSD в Екатеринбурге 25 июня https://wsd.events/2016/06/25 • Frontend Union Conf в Вильнюсе 27 августа http://frontend-union.co • HolyJS 5 июня http://holyjs.ru Семантика и БЭМ • Осмысленный CSS: описывайте стилями свою логику http://css-live.ru/articles/osmyslennyj-css-opisyvajte-stilyami-svoyu-logiku.html • Бэмантика: пишите осмысленные стили без повторов http://css-live.ru/articles/bemantika-pishite-osmyslennye-stili-bez-povtorov.html • More Meaningful CSS http://snook.ca/archives/html_and_css/more-meaningful-css • Семантика или смерть https://events.yandex.ru/lib/talks/1520 • MIND, библиотека доступных элементов интерфейса eBay http://ianmcburnie.github.io/mindpatterns CSS для новичков • Магия CSS https://webref.ru/layout/magic-of-css • Отладка CSS http://css-live.ru/articles/otladka-css.html Контроль версий и клиенты • GitKraken https://gitkraken.com • Tower https://git-tower.com • GitHub Desktop https://desktop.github.com • GitBox http://gitboxapp.com • GitUp http://gitup.co • Термины Гита и Гитхаба https://github.com/web-standards/dictionary/blob/master/git.md JS-модули в Edge! • Previewing ES6 Modules and more from ES2015, ES2016 and beyond https://blogs.windows.com/msedgedev/2016/05/17/es6-modules-and-beyond/ • ES-модули в Firefox https://twitter.com/jlongster/status/732645925978550272 Google I/O • Страница события https://events.google.com/io2016 • Веб и Chrome на Google I/O https://youtube.com/playlist?list=PLNYkxOF6rcIDz1TzmmMRBC-kd8zPRTQIP • Autofill: What web devs should know, but don’t http://blog.cloudfour.com/autofill-what-web-devs-should-know-but-dont • Progressive Web Apps https://developers.google.com/web/progressive-web-apps • Accelerated Mobile Pages https://ampproject.org • Комикс xkcd https://xkcd.com/1367 Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:34 Статьи для новичков 00:06:38 Reset против Normalize 00:13:29 JS для начинающих 00:15:33 Дилетанты и профессионалы 00:25:20 Зачем разбираться в SVG 00:29:25 Атомарный CSS 00:37:45 Программирование на CSS 00:49:60 Сервис-воркеры в Safari События • Frontend Conf http://frontendconf.ru/ • ScotlandJS http://scotlandjs.com/ • ScotlandCSS http://scotlandcss.com/ • HolyJS 5 июня http://holyjs.ru/ • Встреча с докладчиками https://vk.com/spb_frontend_meetup_160530 • Fronteers https://fronteers.nl/congres/2016 Статьи для новичков • От нуля до героя фронтенда, часть 2 https://medium.com/p/25f19e56eb29 • Хорошие и плохие CSS-практики для начинающих https://medium.com/p/619289ce8bae • Михаил Дубаков https://www.ozon.ru/person/1099694/ • Бесплатный курс Академии по SVG https://htmlacademy.ru/courses/130 Reset против Normalize • Reset.css http://meyerweb.com/eric/tools/css/reset/ • Normalize.css https://necolas.github.io/normalize.css/ • Sublime Autoprefixer https://github.com/sindresorhus/sublime-autoprefixer • Atom Autoprefixer https://github.com/sindresorhus/atom-autoprefixer JS для начинающих Дилетанты и профессионалы • jQuery и Bootstrap: расставляем точки над «i» http://frontender.info/whats-wrong-with-jquery-and-bootstrap/ • Мобильный Твиттер https://mobile.twitter.com/ • UnCSS https://github.com/giakki/uncss Зачем разбираться в SVG • Бесплатный курс Академии по SVG https://htmlacademy.ru/courses/130 Атомарный CSS • Universal.css https://github.com/marmelab/universal.css#readme • OrnaJS http://ornaorg.github.io/ • Cutestrap https://www.cutestrap.com/ • Flex Layout Attribute http://progressivered.com/fla/ • Material Design Lite https://getmdl.io/ Программирование на CSS • CSS When/Else Rules https://tabatkins.github.io/specs/css-when-else/ Сервис-воркеры в Safari • Safari TP5 https://webkit.org/blog/6415/release-notes-for-safari-technology-preview-5/ • Service Workers 101 https://github.com/delapuente/service-workers-101#readme • Сервис-воркеры в Edge https://developer.microsoft.com/en-us/microsoft-edge/platform/status/serviceworker • Джейк Арчибальд https://twitter.com/jaffathecake • Тимоти Хэтчер https://twitter.com/xeenon • Bringing seamless checkouts to the mobile web https://youtu.be/yelPlCVZLEE • Payment Request API https://w3c.github.io/browser-payment-api/specs/paymentrequest.html Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:06:40 Семантика CSS и HTML 00:22:00 Содержимое в CSS 00:31:46 Полезное для SVG 00:38:46 Веб и приложения События • HolyJS http://holyjs.ru/ • Антихайп, Андрей Листочкин https://youtu.be/xPFRUM_oDKA • Лог со ScotlandCSS https://github.com/web-standards/web-standards-up/blob/master/2016-06-01_scotlandcss.md • Лог со ScotlandJS №1 https://github.com/web-standards/web-standards-up/blob/master/2016-06-02_scotlandjs.md • Лог со ScotlandJS №2 https://github.com/web-standards/web-standards-up/blob/master/2016-06-03_scotlandjs.md • HTML Special и CSS Day http://cssday.nl/ • WSD в Екатеринбурге https://wsd.events/2016/06/25/ Семантика CSS и HTML • Семантический CSS http://css-live.ru/articles/semanticheskij-css.html • Понимание семантики http://css-live.ru/articles/ponimanie-semantiki.html • Слова в CSS-классах https://github.com/yoksel/common-words • Managing CSS Projects with ITCSS https://youtu.be/1OKZOV-iLj4 • BEML https://github.com/zenwalker/node-beml Содержимое в CSS • CSS Generated Content https://www.w3.org/TR/css-content-3/ • Модуль генерируемого контента CSS3 обновился спустя 13 лет http://css-live.ru/vecssti-s-polej/modul-generiruemogo-kontenta-css3-obnovilsya-spustya-13-let.html Полезное для SVG • SVG Crowbar https://nytimes.github.io/svg-crowbar/ • SVGO compression https://github.com/BohemianCoding/svgo-compressor Веб и приложения • State of the gap https://remysharp.com/2016/05/28/state-of-the-gap • Регрессивные веб-приложения http://css-live.ru/articles/regressivnye-veb-prilozheniya.html • Instant Articles https://instantarticles.fb.com/ • Why is Instagram not a website (yet)? https://soledadpenades.com/2016/05/17/why-is-instagram-not-a-website-yet/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Дмитрий Барановский Темы 00:00:00 Интро 00:00:13 События 00:06:10 Релизы недели 00:17:06 Практический CSS 00:23:01 Типографика на SVG 00:25:38 Чёртов открытый веб 00:39:49 Как дела в Adobe События • PiterCSS №5 17 июня https://pitercss.timepad.ru/event/340787/ • WSD в Екатеринбурге https://wsd.events/2016/06/25/ • HTML Special и CSS Day http://cssday.nl/ • Progressive Web App Dev Summit https://events.withgoogle.com/progressive-web-app-dev-summit/ • OdessaJS http://odessajs.org/ • Web Directions https://www.webdirections.org/ • JSConf AU http://2016.jsconfau.com/ • CSSConf AU http://2015.cssconf.com.au/ Релизы недели • Firefox 47 http://tanalin.com/blog/2016/06/firefox-47/ • WebExtensions API https://wiki.mozilla.org/WebExtensions • Announcing LastPass for Microsoft Edge https://blog.lastpass.com/2016/06/announcing-lastpass-for-microsoft-edge.html/ • What’s new in Chromium 51 and Opera 38 https://dev.opera.com/blog/opera-38/ • Presentation API https://w3c.github.io/presentation-api/ • jQuery 3.0 http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/ Практический CSS • Avoid Overstyling Base Styles http://snook.ca/archives/html_and_css/avoid-overstyling-base-styles • CSS at BBC Sport https://medium.com/p/bab546184e66 • Do websites need to look exactly the same in every browser? http://dowebsitesneedtolookexactlythesameineverybrowser.com/ Типографика на SVG • Type Terms https://www.supremo.tv/typeterms/ Чёртов открытый веб • The Fucking Open Web https://hueniverse.com/2016/06/08/the-fucking-open-web/ • PWA Discovery: You Ain’t Seen Nothin Yet https://infrequently.org/2016/06/pwa-discovery-you-aint-seen-nothin-yet/ Как дела в Adobe • Dmitry Baranovskiy’s Web Log http://dmitry.baranovskiy.com/ • Эдоуби https://ru.wikipedia.org/wiki/Adobe_Systems • Snap.svg http://snapsvg.io/ • Raphaël https://github.com/DmitryBaranovskiy/raphael • Adobe Experience Design (XD) http://www.adobe.com/products/experience-design.html • Sketch https://www.sketchapp.com/ • Creative Cloud Extract (Project Parfait) http://www.adobe.com/creativecloud/extract.html • SVGO Compressor для Sketch https://github.com/BohemianCoding/svgo-compressor • SVGO Exporter for Adobe Illustrator https://mijingo.com/blog/svgo-exporter-for-adobe-illustrator • SVGO https://github.com/svg/svgo • Avocode https://avocode.com/ • Webflow https://webflow.com/ • Brackets http://brackets.io/ • Adobe Web Platform http://webplatform.adobe.com/ • CSS Regions http://webplatform.adobe.com/regions/ • Snap.svg Animator для Adobe Flash https://youtu.be/waTuhjBSJrs Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:06:49 Шрифты 00:13:39 Практика 00:37:44 Новинки Safari События • HTML Special и CSS Day http://cssday.nl/2016 • Лог с HTML Special https://github.com/web-standards/web-standards-up/blob/master/2016-06-16_htmlspecial.md • Лог с CSS Day https://github.com/web-standards/web-standards-up/blob/master/2016-06-17_cssday.md • Саммит по PWA https://events.withgoogle.com/progressive-web-app-dev-summit/ • PiterCSS №5 https://pitercss.timepad.ru/event/340787/ • Видео с PiterCSS https://youtu.be/qFeCi6E3e14 Шрифты • Google Fonts https://fonts.google.com/ • Паттерны загрузки веб-шрифтов http://web-standards.ru/articles/web-font-loading-patterns/ Практика • Что должен знать HTML-верстальщик? http://krekotun.ru/ui-developer-skills • Improving CSS quality at Facebook and beyond https://code.facebook.com/posts/879890885467584/improving-css-quality-at-facebook-and-beyond • Как во флексбоксе работают z-index и автоотступы http://prgssr.ru/development/kak-rabotayut-v-fleksbokse-z-index-i-avtootstupy.html • New CSS Flexbox behavior for absolute-positioned children https://googlechrome.github.io/samples/css-flexbox-abspos/index.html • Pixel Density, Demystified https://medium.com/p/a4db63ba2922 • Anchors vs Buttons https://bitsofco.de/anchors-vs-buttons/ Новинки Safari • Safari 10.0 https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html • Apple Pay JS https://developer.apple.com/reference/applepayjs • Apple Pay on the Web https://lists.w3.org/Archives/Public/public-payments-wg/2016Jun/0013.html • Видео сессии про Apple Pay с WWDC https://developer.apple.com/videos/play/wwdc2016/703/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Андрей Сумин Темы 00:00:00 Интро 00:00:13 События 00:09:03 Samsung купила Joyent 00:13:39 Element Queries 00:17:30 React в Mail.Ru 00:25:31 Стандарты и семантика 00:45:51 Собеседования и новички 00:57:54 Как верстальщику стать замтехдира События • WSD в Екатеринбурге https://wsd.events/2016/06/25/ • Видео с WSD https://youtu.be/FlxpXoiiiT4 • Круглый стол на саммите PWA и другие видео https://youtu.be/EyyEfxrk_NU?list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb • The Progress of Web Apps (Edge) https://medium.com/p/8d8eb68d524e • MoscowJS №31 https://moscowjs.timepad.ru/event/345706/ • OdessaJS http://odessajs.org/ • Билеты на Frontend Union Conf https://ti.to/frontend-union/2016/ • Видео с Frontend Union Conf 2015 https://youtu.be/5T6OnChCO78?list=PLYWZNd96EXDaR2QNAggAC0FwiHcfWhCBD Samsung купила Joyent • Samsung acquires Joyent https://www.joyent.com/blog/samsung-acquires-joyent • Node.js Foundation https://nodejs.org/en/foundation/ Element Queries • EQCSS http://elementqueries.com/ • Container Queries: Once More Unto the Breach http://alistapart.com/article/container-queries-once-more-unto-the-breach React в Mail.Ru • Facebook Messenger https://www.messenger.com/ • Про Messenger на JSConf в Берлине https://youtu.be/rSx5RxuaZfc • Константин Лебедев на Фейсбуке https://fb.com/ibnrubaxa • Андрей Сумин в Фейсбуке https://fb.com/AndrewSumin • Новый фронтенд Tinkoff.ru: Fluxible + React https://habr.ru/p/303580/ Стандарты и семантика • Насколько строго вы следуете стандартам и лучшим практикам на фронтенде https://habr.ru/p/303918/ • Документация по y5 http://img.yandex.net/y5/1.5b/docs/html/y5.html • The web platforms, plural, PPK http://www.quirksmode.org/blog/archives/2015/05/tools_dont_solv.html#link2 Собеседования и новички • Что ожидать на собеседовании на HTML-верстальщика или JS-программиста https://medium.com/p/a916de106283 Как верстальщику стать замтехдира Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:12 События 00:02:27 HTML 5.1 00:07:57 Откопали Dreamweaver 00:16:19 Гудини заработал 00:21:10 Ссылки и безопасность 00:37:01 Наставничество События • OdessaJS 2—3 июля http://odessajs.org/ • FrontTalks 17—18 сентября https://events.yandex.ru/events/yagosti/17-18-september-2016/ • JSconf EU http://2017.jsconf.eu/ и CSSconf EU http://2017.cssconf.eu/ 5—7 мая 2017 • Frontend Mix 7 июля https://events.yandex.ru/events/meetings/7-july-2016/ • Яндекс.Субботник 9 июля https://events.yandex.ru/events/yasubbotnik/09-july-2016/ HTML 5.1 • HTML5.0 уходит в прошлое http://css-live.ru/vecssti-s-polej/html5-0-uxodit-v-proshloe.html • Multirange http://leaverou.github.io/multirange/ Откопали Dreamweaver • Dreamweaver is back for us, coders https://medium.com/p/2a1be75ae595 • Блог Brackets http://blog.brackets.io/ Гудини заработал • Paint Worklet API https://twitter.com/DasSurma/status/747417421938470912 Ссылки и безопасность • About rel=noopener https://mathiasbynens.github.io/rel-noopener/ • Everything about controlling the Referer header https://blog.fastmail.com/2016/06/20/everything-you-could-ever-want-to-know-and-more-about-controlling-the-referer-header/ • Джереми Кит на HTML Special https://vimeo.com/172794545 • Things to Know with Third-Party Scripts https://css-tricks.com/potential-dangers-of-third-party-javascript/ Наставничество • Алёна Батицкая на PiterCSS №5 https://youtu.be/qFeCi6E3e14?t=1354 • Путь наставника http://web-standards.ru/articles/path-of-tutor/ • Алексей Рыбаков, он же Flack http://flack.ru/ • Пособие для новичков Стаса Мельникова https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:14 События 00:05:23 Новости браузеров 00:14:06 Цвета в вебе 00:25:41 Практика 00:41:47 Портфолио 00:55:50 О подкасте События • Frontend Mix https://events.yandex.ru/events/meetings/7-july-2016/ • Я.Субботник https://events.yandex.ru/events/yasubbotnik/09-july-2016/register/ • Frontend Union Conf http://frontend-union.co/ • FrontTalks http://fronttalks.ru/ • Календарь WSD https://wsd.events/#calendar Новости браузеров • Safari Technology Preview Release 8 https://webkit.org/blog/6744/release-notes-for-safari-technology-preview-release-8/ • Servo Nightly Builds Available https://blog.servo.org/2016/06/30/servo-nightlies/ • Псевдокласс focus-within https://drafts.csswg.org/selectors-4/#the-focus-within-pseudo Цвета в вебе • Improving Color on the Web https://webkit.org/blog/6682/improving-color-on-the-web/ • CSS Color Module Level 4 https://www.w3.org/TR/2016/WD-css-color-4-20160705/ • Свойство currentcolor https://www.w3.org/TR/2016/WD-css-color-4-20160705/#currentcolor-color • Disable #RRGGBBAA and #RGBA color values due to compat issues https://bugs.chromium.org/p/chromium/issues/detail?id=618518 Практика • Относитесь к сеткам (на флексбоксах) проще http://css-live.ru/articles/otnosites-k-setkam-na-fleksboksax-proshhe.html • Susy https://susy.oddbird.net/ • Lost Grid http://lostgrid.org/ • Unlabelled search fields https://adactio.com/journal/10910 • Creating a custom input cursor/caret https://benfrain.com/creating-a-custom-input-cursorcaret/ • Не проверив HTML5-кода, не суйся в воду http://web-standards.ru/articles/check-it-before-you-wreck-it/ • Invisible Content Just for Screen Reader Users http://webaim.org/techniques/css/invisiblecontent/ • html-tree https://github.com/yoksel/html-tree Портфолио О подкасте • Эпизоды на Гитхабе https://github.com/web-standards/podcast Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Антон Виноградов Темы 00:00:00 Интро 00:00:13 События 00:03:03 Плагины для Atom 00:10:44 Доступность 00:14:26 Загрузка шрифтов 00:19:59 Введение в промисы 00:26:16 Векторные эффекты 00:29:10 Кто такой Антон Виноградов? 00:39:39 Инструменты для дизайнеров 00:58:13 Расшифровки подкаста События • IT Global Meetup http://piter-united.ru/itgm8/itgm.html • Frontend Union Conf http://frontend-union.co/, промо-код WelcomeWST со скидкой 15% • MoscowJS №32 https://events.yandex.ru/events/yagosti/28-july-2016/ • FrontendFellows в Астане 29 июля https://frontendfellows.timepad.ru/event/328848/ • FrontendFellows в Алматы 30 июля https://frontendfellows.timepad.ru/event/349319/ • WSD осенью https://wsd.events/#calendar, заявки на wst@web-standards.ru mailto:wst@web-standards.ru Плагины для Atom • Atom treasures, a list of Atom plugins I can’t live without https://medium.com/p/82a64ac391c • HyperTerm, терминал на Electron и веб-технологиях https://hyperterm.org/ • Atom Minimap https://atom.io/packages/minimap • Atom Pair https://atom.io/packages/atom-pair Доступность • ChromeLens http://chromelens.xyz/ • Accessibility Developer Tools https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en • A11y Command-line Tools https://addyosmani.com/a11y/ Загрузка шрифтов • A Comprehensive Guide to Font Loading Strategies https://www.zachleat.com/web/comprehensive-webfonts/ • CSS Font Rendering Controls https://tabatkins.github.io/specs/css-font-display/ • Can I use: font-display support https://github.com/Fyrd/caniuse/issues/2001 Введение в промисы • JavaScript Promises 101 https://bitsofco.de/javascript-promises-101/ Векторные эффекты • SVG Vector Effects http://callmenick.com/post/svg-vector-effects Кто такой Антон Виноградов? • Антон Виноградов https://www.facebook.com/awinogradov • Данила Ковчий https://events.yandex.ru/lib/people/403/ • Антон Шеин https://events.yandex.ru/lib/people/3421690/ • Роман Шамин https://github.com/romashamin?tab=repositories • Design Prosmotr http://designprosmotr.ru/ • О чём смеются верстальщики https://youtu.be/lW4uzJp6uIg • Школа дизайна Яндекса https://www.youtube.com/playlist?list=PLLkvpHo_HuBMU_fM4v-VS5VbUi9QuKyDR Инструменты для дизайнеров • Next-Generation RWD Tools: Webflow, Edge Reflow, Macaw https://www.smashingmagazine.com/2014/05/next-generation-responsive-web-design-tools-webflow-edge-reflow-macaw/ • Protein http://theprotein.io/ • Protein Dynamics for Sketch https://github.com/theprotein/dynamics-sketch • Framer http://framerjs.com/ Расшифровки подкаста • Выпуск №24 https://github.com/web-standards/podcast/blob/master/episodes/episode-24.md Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:17 Браузеры 00:08:14 Safari и MathML 00:14:12 Font-display в Firefox 00:18:12 Будущее WebP и WebM 00:29:46 Зачем HyperTerm? 00:37:32 Книги 00:40:00 Путь фронтендера События • KharkivCSS http://kharkivcss.org/ 17 сентября • LvivJS http://lvivjs.org.ua/ 27 августа • HolyJS http://holyjs.ru/ 10 декабря Браузеры • Chrome 52: Contain Property, the PerfObserver API & SW Stream https://youtu.be/Pii-LaWOyuo • CSS Containment https://developers.google.com/web/updates/2016/06/css-containment • Performance Observer API https://developers.google.com/web/updates/2016/06/performance-observer • Performance measurements through requestAnimationFrame http://www.quirksmode.org/blog/archives/2016/03/rafp_a_proposal.html • Battery Status API https://developer.mozilla.org/en/docs/Web/API/Battery_Status_API • Service Worker Streamed Responses https://developers.google.com/web/updates/2016/06/sw-readablestreams Safari и MathML • Release Notes for Safari Technology Preview Release 9 https://webkit.org/blog/6800/release-notes-for-safari-technology-preview-release-9/ • Improvements in MathML Rendering https://webkit.org/blog/6803/improvements-in-mathml-rendering/ • MathML is a failed web standard https://www.peterkrautzberger.org/0186/ Font-display в Firefox • Experimental font-display support in Firefox https://github.com/zachleat/zachleat.com/issues/9 • Firefox Platform Status https://platform-status.mozilla.org/ Будущее WebP и WebM • Apple tests Google graphics format to speed up websites http://www.cnet.com/news/apple-ios-macos-tests-googles-webp-graphics-to-speed-up-web/ • Lepton image compression: saving 22% losslessly from images at 15MB/s https://blogs.dropbox.com/tech/2016/07/lepton-image-compression-saving-22-losslessly-from-images-at-15mbs/ Зачем HyperTerm? • HyperTerm https://hyperterm.org/ Книги • ВСТ рекомендует книги http://web-standards.ru/books/ • Practical SVG https://abookapart.com/products/practical-svg • High Performance Images https://content.akamai.com/pg6293-high-performance-images-ebook.html • Версия в PDF https://www.akamai.com/us/en/multimedia/documents/content/e-book/akamai-oreilly-high-performance-images-e-book.pdf Путь фронтендера • Frontend Dev: хороший https://medium.com/p/865b640d5d18 • Frontend Dev: плохой https://medium.com/p/aa99f3ce376 • Frontend Dev: злой https://medium.com/p/5a4ec66fd457 Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:26 События 00:04:57 Инлайновое видео в iOS 00:08:09 ChakraCore на Mac и Linux 00:25:12 Модальные окна 00:32:43 Сложные таблицы 00:37:13 Формы и доступность 00:44:04 Чехарда с цветовыми функциями События • MoscowJS №32 https://events.yandex.ru/events/yagosti/28-july-2016/ • Черновик расписания WSD https://wsd.events/#calendar • Первый WSD в Яндексе https://events.yandex.ru/events/yagosti/wsd-msk-nov-2012/ • FrontTalks http://fronttalks.ru/ 17—18 сентября Инлайновое видео в iOS • New video Policies for iOS https://webkit.org/blog/6784/new-video-policies-for-ios/ ChakraCore на Mac и Linux • Bringing ChakraCore to Linux and OS X https://blogs.windows.com/msedgedev/2016/07/27/chakracore-on-linux-osx/ • Why ChakraCore matters https://www.christianheilmann.com/2016/07/27/why-chakracore-matters/ • nodejs/vm https://github.com/nodejs/vm • mozilla/spidernode https://github.com/mozilla/spidernode Модальные окна • Оформление модальных окон http://prgssr.ru/development/oformlenie-modalnyh-okon.html Сложные таблицы • Lessons from building mobile-friendly, accessible data tables https://medium.com/p/1e05c6924eaf Формы и доступность • Using the fieldset and legend elements https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/ • Totally Tooling Tips https://youtu.be/pBJZsp5LsOE?list=PLNYkxOF6rcIB3ci6nwNyLYNU6RDOU3YyL • Accessible UI Components For The Web https://medium.com/p/39e727101a67 Чехарда с цветовыми функциями • Switch all the color functions to be space-separated https://github.com/w3c/csswg-drafts/commit/a54f8b2089d16eca696690fe7ffc3c11d4db9861 • CSS Function Syntaxes (color and otherwise) http://www.xanthir.com/b4iW0 • Incomplete List of Mistakes in the Design of CSS https://wiki.csswg.org/ideas/mistakes Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:02 Chromium 52 и Opera 39 00:06:35 Firefox 48 00:09:25 EdgeHTML 14 00:21:44 Safari TP 10 00:22:55 Будущее сервис-воркеров 00:27:44 Чистый SVG 00:37:31 Безопасный SVG 00:40:24 CSS-демки 00:44:49 Заливка текста 00:48:37 Адаптивная вёрстка События • FrontTalks http://fronttalks.ru/ 17—18 сентября • Расписание WSD https://wsd.events/#calendar • Встречи PiterCSS https://pitercss.timepad.ru/events/ Chromium 52 и Opera 39 • What’s new in Chromium 52 and Opera 39 https://dev.opera.com/blog/opera-39/ • CSS-изоляция http://css-live.ru/articles/css-izolyaciya.html Firefox 48 • Марат Таналин про Firefox 48 http://tanalin.com/blog/2016/08/firefox-48/ • WebExtensions API https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API EdgeHTML 14 • Introducing EdgeHTML 14 with the Windows 10 Anniversary Update https://blogs.windows.com/msedgedev/2016/08/04/introducing-edgehtml-14/ • 100% API доступности HTML5 в Edge http://www.html5accessibility.com/ • Edge обошёл Firefox на HTML5 Test http://html5test.com/results/desktop.html Safari TP 10 • Safari Technology Preview Release 10 https://webkit.org/blog/6823/release-notes-for-safari-technology-preview-release-10/ Будущее сервис-воркеров • Service worker meeting notes https://jakearchibald.com/2016/service-worker-meeting-notes/ • The state of Web Components https://hacks.mozilla.org/2015/06/the-state-of-web-components/ Чистый SVG • High Performance SVGs https://css-tricks.com/high-performance-svgs/ Безопасный SVG • SVG uploads in WordPress (the Inconvenient Truth) https://bjornjohansen.no/svg-in-wordpress • Safe SVG https://wordpress.org/plugins/safe-svg/ CSS-демки • Индикатор прокрутки на CSS http://codepen.io/MadeByMike/pen/ZOrEmr?editors=0100 и как сделано https://twitter.com/MikeRiethmuller/status/760935509996756994 Заливка текста • Firefox: background-clip: text https://twitter.com/simevidas/status/731354943626481666 • CSS Fill and Stroke https://drafts.fxtf.org/paint/ • Позвольте представить: SVG https://wsd.events/2014/06/28/pres/meet-svg/ • Оживляем текст https://wsd.events/2015/06/20/pres/text-alive/ • Статьи Юли Бухваловой http://css.yoksel.ru/tags/#svg Адаптивная вёрстка • Яндекс: делать ли мобильную версию? https://habrahabr.ru/company/yandex/blog/307064/ • Комментарий разработчика https://habrahabr.ru/company/yandex/blog/307064/#comment_9733376 • CSS Device Adaptation: @viewport https://drafts.csswg.org/css-device-adapt/#atviewport-rule • @viewport на Can I use http://caniuse.com/#feat=css-deviceadaptation Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Роман Комаров Темы 00:00:00 Интро 00:00:21 События 00:02:09 Похороны Flash 00:15:08 Samsung Internet 00:26:09 Хорошая книга по CSS 00:30:12 Цветовые функции в рантайме 00:41:07 SVG 00:49:33 Курсор для кнопки События • WSD в Питере 1 октября https://wsd.events/2016/10/01/ • WSD в Минске 29 октября https://wsd.events/2016/10/29/ • Frontend Union в Вильнюсе 27 августа http://frontend-union.co/ • Летняя школа по Node.js в Киеве весь август https://habr.ru/p/307332/ Похороны Flash • Flash and Chrome https://chrome.googleblog.com/2016/08/flash-and-chrome.html • Thoughts on Flash http://www.apple.com/hotnews/thoughts-on-flash/ • Clippy https://github.com/mojombo/clippy • Introducing sIFR: The Healthy Alternative to Browser Text https://mikeindustries.com/blog/archive/2004/08/sifr • Appear.in, видеочат в браузере https://appear.in/ Samsung Internet • Introducing Samsung Internet for developers https://medium.com/p/6c3a3be42f72 Хорошая книга по CSS • Книга «Секреты CSS. Идеальные решения ежедневных задач» https://habr.ru/p/307364/ Цветовые функции в рантайме • Building Themes with CSS4 Color Features https://cloudfour.com/thinks/building-themes-with-css4-color-features/ SVG • SVG-градиенты http://css.yoksel.ru/svg-gradients/ • SVG 2 new features https://github.com/w3c/svgwg/wiki/SVG-2-new-features • Глава из «Practical SVG» Криса Койера http://alistapart.com/article/practical-svg • Генератор спрайтов с фолбэком на PNG https://github.com/yoksel/svg-fallback Курсор для кнопки • Some pointers on default cursors https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors • Buttons shouldn’t have a hand cursor https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b • Правильный курсор на активных элементах http://kizu.ru/issues/cursor-pointer/ • CSS3 UI: Cursor https://www.w3.org/TR/css-ui-3/#cursor • Pointer Sisters: Changing The Browser’s Cursor with CSS http://thenewcode.com/1119/Pointer-Sisters-Changing-The-Browsers-Cursor-with-CSS Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:29 События 00:02:24 Зачем чинить старьё 00:07:41 Мысли про React 00:21:07 SMIL снова можно? 00:28:23 Скрывать по-новому 00:34:56 Народ.ру на Гитхабе 00:41:37 Сайт на 10 КБ 00:46:03 Интернет в отпуске События • FrontendFellows №8 в Ижевске 26 августа https://frontendfellows.timepad.ru/event/357305/ • Frontend Union в Вильнюсе 27 августа http://frontend-union.co/ • WSD в Питере 1 октября в ИТМО https://wsd.events/2016/10/01/ • WSD в Минске 29 октября в Space https://wsd.events/2016/10/29/ • HolyJS в Москве 11 декабря https://habrahabr.ru/company/jugru/blog/307972/ Зачем чинить старьё • Починили marquee в Safari TP11 https://webkit.org/blog/6883/release-notes-for-safari-technology-preview-release-11/ • На сайте РЖД есть marquee http://pass.rzd.ru/ • Take blink Back! https://takeblinkback.com/ Мысли про React • What is React https://remysharp.com/2016/08/15/what-is-react • Talked to the lawyers about patents clause… https://twitter.com/dan_abramov/status/766217157701230593 • Сказка о потерянном времени http://tonsky.livejournal.com/307980.html SMIL снова можно? • Intent to deprecate: SMIL https://groups.google.com/a/chromium.org/d/msg/blink-dev/5o0yiO440LM/YGEJBsjUAwAJ • Гипножаба на SMIL https://pepelsbey.net/pres/web-in-curves/examples/hypnotoad/ Скрывать по-новому • The proposed box-suppress property https://rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/ Народ.ру на Гитхабе • Simpler GitHub Pages publishing https://github.com/blog/2228-simpler-github-pages-publishing • Википедия про Яндекс.Народ https://ru.wikipedia.org/wiki/%D0%AF%D0%BD%D0%B4%D0%B5%D0%BA%D1%81.%D0%9D%D0%B0%D1%80%D0%BE%D0%B4 Сайт на 10 КБ • A List Apart http://alistapart.com/ • Конкурс 10K Apart https://a-k-apart.com/ • CSS1K http://css1k.net/ и JS1K http://js1k.com/ • Твиттер @140bytes https://twitter.com/140bytes • Offline Text Editor in less than 140 bytes https://gist.github.com/addyosmani/d1f3ca715ac902788c2d Интернет в отпуске • Ой, не фоткай меня… https://twitter.com/mister_blblbl/status/766371811042947072 Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:24 События 00:07:55 WebKit 15 лет 00:13:12 WebP в Firefox 00:22:59 Безопасность сайтов 00:27:34 Прогрессивные веб-приложения 00:34:16 PostCSS в WebStorm 00:42:19 Образование для профи 00:50:03 Генераторы статики События • Frontend Union Conf 27 августа в Вильнюсе http://frontend-union.co/ • «Elements», слайды Мартина Клеппе https://speakerdeck.com/aemkei/elements-frontend-union-conf • JS Hacks & Creativity http://aem1k.com/ • KharkivJS в начале ноября http://kharkivjs.org/ • FrontTalks 17—18 сентября в Екатеринбурге http://fronttalks.ru/ • Лог с JSConf Iceland, день первый https://github.com/web-standards/web-standards-up/blob/master/2016-08-25_jsconfis.md и второй https://github.com/web-standards/web-standards-up/blob/master/2016-08-26_jsconfis.md WebKit 15 лет • The first commit to WebKit was 15 years ago today https://twitter.com/mathias/status/768336960096206848 • Celebrating 15 Years of WebKit https://webkit.org/blog/6888/celebrating-15-years-of-webkit/ WebP в Firefox • Mozilla plans to add WebP support to Firefox http://www.ghacks.net/2016/08/24/mozilla-webp-support-firefox/ • Daala https://xiph.org/daala/ • Проголосовать за WebP в Edge https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6508417-webp-image-format-support Безопасность сайтов • Observatory, сервис Mozilla для проверки безопасности https://observatory.mozilla.org/ • SSL Config Generator https://mozilla.github.io/server-side-tls/ssl-config-generator/ Прогрессивные веб-приложения • PWA Rocks https://pwa.rocks/ • How we made the RioRun progressive web app https://www.theguardian.com/info/developer-blog/2016/aug/19/how-we-made-the-riorun-progressive-web-app • From Chrome Apps to the Web http://blog.chromium.org/2016/08/from-chrome-apps-to-web.html • Add to Homescreen on Desktop https://medium.com/p/c85aa018323f PostCSS в WebStorm • WebStorm 2016.3 Early Access Preview: Flow, PostCSS, and more https://blog.jetbrains.com/webstorm/2016/08/webstorm-2016-3-early-access-preview/ • PostCSS на Википедии https://ru.wikipedia.org/wiki/PostCSS • Renting software sucks http://www.andybudd.com/archives/2016/08/renting_software_sucks/ Образование для профи • Front End Center https://frontend.center/ • Перевод книги «Секреты CSS» http://www.piter.com/collection/bestsellery-oreilly/product/sekrety-css-idealnye-resheniya-ezhednevnyh-zadach Генераторы статики • Jekyll Admin https://github.com/jekyll/jekyll-admin • Dev.Opera на Гитхабе https://github.com/operasoftware/devopera • Сайт «Веб-стандартов» http://web-standards.ru/ • Metalsmith http://www.metalsmith.io/ • WSD на Гитхабе https://github.com/web-standards/web-standards-days/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Анна Селезнёва Темы 00:00:00 Интро 00:00:14 События 00:01:31 Аня, представься 00:08:37 Safari 10, скоро 00:12:21 Chrome 53, уже 00:22:27 Кастомные элементы 00:32:34 Компоненты по старинке 00:36:27 Слайсинг в border-image 00:40:25 Очень ждём font-display 00:44:12 Лия Веру и HTML 00:50:28 Вомбаты в носках и npm События • KharkivCSS 17 сентября http://kharkivcss.org/ • FrontTalks 17—18 сентября http://fronttalks.ru/ • WSD в Питере 1 октября https://wsd.events/2016/10/01/ • WSD в Минске 29 октября https://wsd.events/2016/10/29/ Аня Селезнёва • Твиттер @asktwi https://twitter.com/asktwi • Личный сайт askd.rocks http://askd.rocks/ • Адаптивный веб-дизайн — Что? Где? Когда? https://events.yandex.ru/lib/talks/458/ • Rolling Scopes https://rollingscopes.com/ • Web Not Bombs http://webnotbombs.net/ • 4front https://twitter.com/4frontby • Злые марсиане https://evilmartians.com/ Safari 10 • WebDriver support in Safari 10 https://webkit.org/blog/6900/webdriver-support-in-safari-10/ • Safari TP12 https://webkit.org/blog/6928/release-notes-for-safari-technology-preview-release-12/ Chrome 53 • Chrome 53 https://youtu.be/FajnnR-9mhE • Web Bluetooth API https://developers.google.com/web/updates/2015/07/interact-with-ble-devices-on-the-web • Payment Request API https://developers.google.com/web/fundamentals/primers/payment-request/ • Shadow DOM v1 https://developers.google.com/web/fundamentals/primers/shadowdom/ Кастомные элементы • The Case for Custom Elements, 1 https://medium.com/p/65d807b4b439 • The Case for Custom Elements, 2 https://medium.com/p/2efe42ce9133 • Demystifying Web Components http://www.backalleycoder.com/2016/08/26/demythstifying-web-components/ Компоненты по старинке • Developing Extensible HTML and CSS Components https://css-tricks.com/developing-extensible-html-css-components/ Слайсинг в border-image • Supercharged https://www.youtube.com/playlist?list=PLNYkxOF6rcIBz9ACEQRmO9Lw8PW7vn0lr • Slicing SVG 9 Ways https://aerotwist.com/blog/slicing-svg-9-ways/ • Can I Use http://caniuse.com/#feat=border-image Очень ждём font-display • Font-display for the Masses https://css-tricks.com/font-display-masses/ • Font Face Observer https://fontfaceobserver.com/ Лия Веру и HTML • HTML Secrets https://vimeo.com/178244394 • CSS Secrets https://vimeo.com/31719130 • Markapp http://markapp.io/ • Пишите меньше кода, блин https://habr.ru/p/308308/ • Building in 10k https://blogs.windows.com/msedgedev/2016/09/02/building-in-10k-markup-for-accessibility-clarity-and-affordance/ Вомбаты в носках и npm • 11 Simple npm Tricks https://nodesource.com/blog/eleven-npm-tricks-that-will-knock-your-wombat-socks-off/ • Np, a better npm publish https://github.com/sindresorhus/np • Npm-check-updates https://github.com/tjunnone/npm-check-updates Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Олег Мохов, Павел Ловцевич Темы 00:00:00 Интро 00:00:24 Гости 00:01:15 События 00:04:46 Несмелый Safari 00:11:22 Доступность 00:20:10 Меняем порядок 00:28:08 Фронтенд в Mail.Ru 00:35:26 Зачем вообще PWA 00:47:26 HTTPS без вариантов 00:58:13 Кастомные свойства 01:01:54 Строчный код 01:06:49 Платные конференции Гости • Павел Ловцевич @zigzag_mcquack https://twitter.com/zigzag_mcquack • LOVATA http://lovata.com/ • Олег Мохов @olmokhov https://twitter.com/olmokhov • FrontTalks http://fronttalks.ru/ События • FrontTalks 17—18 сентября http://fronttalks.ru/ • WSD в Питере 1 октября https://wsd.events/2016/10/01/ • WSD в Минске 29 октября https://wsd.events/2016/10/29/ • PiterJS в Питере 22 сентября https://meetabit.com/events/199 Несмелый Safari • Safari 10.0 https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html • CSP 2.0 https://www.w3.org/TR/CSP2/ Доступность • Недоступный веб: как мы развели такой бардак https://habr.ru/p/309076/ • What is the Business Case for Accessibility? https://vimeo.com/145138872 • Section 508 https://www.section508.gov/ • Расшифровки подкаста https://github.com/web-standards/podcast#readme Меняем порядок • Способы смены порядка элементов с помощью CSS http://prgssr.ru/development/sposoby-smeny-poryadka-vyvoda-elementov-s-pomoshyu-css.html • PWA.rocks https://pwa.rocks/ Фронтенд в Mail.Ru • Инструменты для разработки и поддержки фронтенда https://habr.ru/p/309212/ • Gemini http://gemini-testing.github.io/gemini/ Зачем вообще PWA • The Building Blocks Of Progressive Web Apps https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/ • 4 вида утечек памяти в JavaScript и как с ними бороться https://habr.ru/p/309318/ • Отладка пререндера: chrome://net-internals/#prerender HTTPS без вариантов • Moving Towards a More Secure Web http://blog.chromium.org/2016/09/moving-towards-more-secure-web.html • Let’s Encrypt https://letsencrypt.org/ Кастомные свойства • Autoprefixing, with CSS variables! http://lea.verou.me/2016/09/autoprefixing-with-css-variables/ • CSS Custom Properties in development in Edge https://twitter.com/gregwhitworth/status/773194110576451586 Строчный код • Оформление строчных блоков кода http://kizu.ru/blog/styling-inline-code/ Платные конференции Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Роман Дворнов Темы 00:00:00 Интро 00:00:13 События 00:01:10 Новинки Гитхаба 00:06:38 Браузеры 00:11:19 HTML и SVG 00:19:19 Новые API 00:23:01 Вёрстка писем 00:26:13 Вариативные шрифты 00:30:23 Веб-шрифты в 2016 00:32:33 JS для дизайнеров 00:35:45 Sass 3.5 00:39:09 Сомнения в PostCSS и @viewport 00:51:57 Рома и парсер CSSTree События • FrontTalks http://fronttalks.ru/ • MoscowJS 24 сентября https://habr.ru/p/309606/ • PiterCSS 11 октября https://pitercss.timepad.ru/ Новинки Гитхаба • GitHub: A whole new Universe https://github.com/universe-2016 Браузеры • Chrome 54 Beta http://blog.chromium.org/2016/09/chrome-54-beta-custom-elements-v1.html • BroadcastChannel https://developers.google.com/web/updates/2016/09/broadcastchannel • WebUSB https://developers.google.com/web/updates/2016/03/access-usb-devices-on-the-web • Safari Technology Preview Release 13 https://webkit.org/blog/6937/release-notes-for-safari-technology-preview-release-13/ HTML и SVG • Новые статусы HTML5.1 и SVG2 http://css-live.ru/vecssti-s-polej/novye-statusy-html5-1-i-svg2.html • SVG Authoring Guide http://w3c.github.io/svgwg/specs/svg-authoring/ Новые API • Новые API: акселерометр, гироскоп, магнитометр https://twitter.com/webstandards_ru/status/775989584719118336 Вёрстка писем • Gmail to Support Responsive Design, Improved Font Styling https://litmus.com/blog/gmail-to-support-responsive-email-design Вариативные шрифты • Variable fonts, a new kind of font for flexible design http://blog.typekit.com/2016/09/14/variable-fonts-a-new-kind-of-font-for-flexible-design/ • Introducing OpenType Variable Fonts https://medium.com/p/12ba6cd2369 Веб-шрифты в 2016 • Шрифты в вебе, обзор от 2016 года https://habrahabr.ru/post/310044/ • Font Family Reunion http://fontfamily.io/Helvetica JS для дизайнеров • Javascript for Web Designers https://abookapart.com/products/javascript-for-web-designers Sass 3.5 • Sass 3.5 Release Candidate http://blog.sass-lang.com/posts/809572-sass-35-release-candidate Сомнения в PostCSS и @viewport • Preprocess future-proof CSS features https://github.com/facebookincubator/create-react-app/issues/130 • @viewport removed from Edge https://twitter.com/yoavweiss/status/773417500579074049 • @viewport is preloader-hostile https://github.com/w3c/csswg-drafts/issues/258 Рома и парсер CSSTree • Basis.js. Почему я не бросил разрабатывать свой фреймворк https://youtu.be/cVbbkwkhNQg • CSSO https://github.com/css/csso • Gonzales https://github.com/css/gonzales • Rework https://github.com/reworkcss/rework • CSSTree https://github.com/csstree/csstree • CSSTree Validator https://csstree.github.io/docs/validator.html • CSSOM https://drafts.csswg.org/cssom/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:18 События 00:06:01 Firefox 49 00:08:09 Chromium 53 00:14:17 Pointer Events 00:23:09 Гриды 00:28:48 SVG 00:31:07 Google про PWA 00:31:58 Что мешает Bootstrap 00:33:39 Оптимизация скобками 00:37:42 Как доступно прятать 00:41:17 Советы начинающим События • MoscowJS Conf http://moscowjs.ru/event/moscowjs-conf • SPB Frontend 26 сентября https://vk.com/spb_frontend_meetup_290916 • WSD в Питере 1 октября https://wsd.events/2016/10/01/ • Fronteers 6—7 октября https://fronteers.nl/congres/2016 • PiterCSS 11 октября https://pitercss.timepad.ru/ • Progressive Web Apps Day 11 октября http://pwaday.ru/ • Chrome Dev Summit 10—11 ноября https://developer.chrome.com/devsummit Firefox 49 • Firefox 49 http://tanalin.com/blog/2016/09/firefox-49/ Chromium 53 • What’s new in Chromium 53 and Opera 40 https://dev.opera.com/blog/opera-40/ • Свойства scale, rotate и translate http://dabblet.com/gist/74c57eadaa747b7ad38bc5b916e3c144 Pointer Events • Intent to Ship: Pointer Events https://groups.google.com/a/chromium.org/d/msg/blink-dev/UY1EfjaGF_E/OU7W_s3PAgAJ • Роман Дворнов про Touch Events и Pointer Events https://youtu.be/dQoz5KZUH2M • Touch Events, W3C Recommendation https://www.w3.org/TR/touch-events/ • Touch Events Level 2, Draft https://w3c.github.io/touch-events/ • Pointer Events, W3C Recommendation https://www.w3.org/TR/pointerevents/ • PEP.js https://github.com/jquery/PEP Гриды • CSS Grid meets the real world: a login form https://rachelandrew.co.uk/archives/2016/09/20/css-grid-meets-the-real-world-a-login-form/ • The CSSWG voted to send Grids Layout to CR https://twitter.com/jensimmons/status/778229882329374721 • Proposal for a new Region Spec, Jen Simmons https://speakerdeck.com/jensimmons/proposal-to-csswg-sept-2016 • Percentages and intrinsic size, Manuel Rego https://github.com/w3c/csswg-drafts/issues/509 SVG • URL-encoder для SVG http://yoksel.github.io/url-encoder/ru/ • Инлайновые стили в background-image http://css.yoksel.ru/inline-styles-in-background/ Google про PWA • Air Berlin: реализация Progressive Web App https://habr.ru/p/308498/ • Секреты Progressive Web Apps: часть 1 https://habr.ru/p/310454/ Что мешает Bootstrap • Wall of browser bugs http://getbootstrap.com/browser-bugs/ Оптимизация скобками • optimize-js https://github.com/nolanlawson/optimize-js Как доступно прятать • A11y.js: Hiding DOM elements https://allyjs.io/tutorials/hiding-elements.html Советы начинающим • Вёрстка интерактивного баннера https://medium.com/p/3eea3a642934 • Как быть начинающим и не сойти с ума http://blog.csssr.ru/2016/09/19/how-to-be-a-beginner-developer/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Алексей Симоненко Темы 00:00:00 Интро 00:00:25 События 00:08:51 Safari TP 14 00:10:45 Async и await в Chrome 00:13:03 Куда двигается HTML 00:16:24 Сложности с JS-модулями 00:22:00 Недооценённый CSS 00:27:21 Больший потенциал SVG 00:30:41 Псевдоэлементы 00:35:26 Доступность 00:39:06 Длинные классы в БЭМе 00:41:04 Отладчик в 108 байтах 00:42:44 Загрузка полифилов 00:47:34 История React События • WSD в Питере 1 октября https://wsd.events/2016/10/01/ • WSD в Минске 29 октября https://wsd.events/2016/10/29/ • pitercss meetup №6 11 октября https://pitercss.timepad.ru/event/381033/ • pitercss conf в июне 2017 https://pitercss.com/ Safari TP 14 • Release Notes for Safari Technology Preview Release 14 https://webkit.org/blog/6969/release-notes-for-safari-technology-preview-release-14/ Async и await в Chrome • Async/await landed in Chrome https://twitter.com/malyw/status/780453672153124864 Куда двигается HTML • Welcome to HTML 5.2 http://developer.telerik.com/featured/welcome-to-html-5-2/ Сложности с JS-модулями • Node.js, TC-39, and Modules https://hackernoon.com/node-js-tc-39-and-modules-a1118aecf95e Недооценённый CSS • 9 недооценённых возможностей CSS http://prgssr.ru/development/9-nedoocenivaemyh-vozmozhnostej-css.html Больший потенциал SVG • SVG has more potential https://madebymike.com.au/writing/svg-has-more-potential/ Псевдоэлементы • Псевдоэлементы, которых не может быть http://css-live.ru/articles-css/impossible-pseudos.html Доступность • Hiding inline SVG icons from screen readers http://www.456bereastreet.com/archive/201609/hiding_inline_svg_icons_from_screen_readers/ • Всегда используйте label https://htmlacademy.ru/blog/115-always-use-a-label Длинные классы в БЭМе • Минимизация классов в HTML https://ru.bem.info/forum/1130/ Отладчик в 108 байтах • 108 byte CSS layout debugger https://twitter.com/addyosmani/status/780470199925346306 • Web Developer https://chrispederick.com/work/web-developer/ Загрузка полифилов • Loading Polyfills Only When Needed https://philipwalton.com/articles/loading-polyfills-only-when-needed/ История React • Our First 50,000 Stars https://facebook.github.io/react/blog/2016/09/28/our-first-50000-stars.html Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:19 События 00:03:53 Не обижайте CSS 00:13:35 Флекс-хак 00:17:35 Фреймворк на флексах 00:24:33 JS в 2016 00:36:09 Состояние JS 00:38:56 PWA и React 00:45:42 Без джаваскрипта жизнь не та? 00:54:38 Не блокируйте вьюпорт События • Pitercss №6 11 октября https://pitercss.timepad.ru/event/381033/ • Progressive Web Apps Day 11 октября http://pwaday.ru/ • WSD в Минске 29 октября https://wsd.events/2016/10/29/ • KharkivJS 5—6 ноября http://kharkivjs.org/ • Конференция pitercss в июне 2017 https://pitercss.com/ Не обижайте CSS • Может, хватит уже поливать CSS грязью? https://habr.ru/p/311920/ • CSS is Awesome в спецификации https://drafts.csswg.org/css-ui-3/#example-bff7c1fa Флекс-хак • Flex-grow 9999 Hack http://joren.co/flex-grow-9999-hack/ Фреймворк на флексах • Fukol™ Grids https://github.com/Heydon/fukol-grids JS в 2016 • Как оно учить JavaScript в 2016 https://habr.ru/p/312022/ • It’s the future https://medium.com/p/7a4207e028c2 • Totally get your frustration https://medium.com/p/ea11adf237e3 • Пример из Python, алгоритмы не нужны https://habr.ru/p/311642/ • How it actually feels to write JavaScript in 2016 https://medium.com/p/46b5dda17bb5 Состояние JS • State of JavaScript 2016 http://stateofjs.com/2016/introduction/#toc PWA и React • PWA with React:  Introduction https://medium.com/p/50679aef2b12 • PWA with React:  Page Load Performance https://medium.com/p/33b932d97cf2 • PWA with React:  Offline support https://medium.com/p/c84db889162c Без джаваскрипта жизнь не та? • Fronteers https://fronteers.nl/congres/2016 • It’s ok to build a website that doesn’t work without JS https://twitter.com/LocalSourceNL/status/783977032736772096 • I’m exasperated by this push to require JS / get rid of CSS https://twitter.com/jensimmons/status/784056391074021376 • Offline, progressive, and multithreaded, Нолан Лоусон https://nolanlawson.github.io/fronteers-2016/ • Roving tabindex. A11ycasts 06 https://youtu.be/uCIC2LNt0bk Не блокируйте вьюпорт • HTML 5.2: The meta element https://w3c.github.io/html/document-metadata.html#element-attrdef-meta-content • Всегда отключаю масштабирование! https://vk.com/wall-32017543_9043 • PWA Rocks https://pwa.rocks/ • Washington Post https://m.washingtonpost.com/ • Financial Times https://www.ft.com/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:57 Yarn для npm 00:20:02 Safari TP 15 00:24:28 Web Bluetooth 00:25:57 Хорошие таблицы 00:35:07 Alt для картинок 00:43:06 Женщины CSS 00:46:57 Функция map в CSS 00:53:45 Стили без CSS 00:57:14 JS (не) нужен? 01:04:51 Прогрессивное улучшение События • NodeSchool SPB 22 октября https://github.com/nodeschool/spb/issues/35 • React Moscow 26 октября http://www.meetup.com/React-Moscow-Meetup/events/234802115/ • WSD в Минске 29 октября https://wsd.events/2016/10/29/ • KharkivJS 5—6 ноября http://kharkivjs.org/ • HolyJS в Москве 11 декабря http://holyjs.ru/ Yarn для npm • Yarn: A new package manager for JavaScript https://code.facebook.com/posts/1840075619545360 • PackRat https://github.com/an9eldust/packrat • Hello, Yarn! http://blog.npmjs.org/post/151660845210/hello-yarn • Why I’m Working on Yarn http://yehudakatz.com/2016/10/11/im-excited-to-work-on-yarn-the-new-js-package-manager-2/ • Почему yarn.lock не нужен в зависимостях https://github.com/yarnpkg/yarn/issues/838#issuecomment-253362537 Safari TP 15 • Release Notes for Safari Technology Preview 15 https://webkit.org/blog/6987/release-notes-for-safari-technology-preview-15/ Web Bluetooth • Chrome Intent to Ship: Web Bluetooth https://groups.google.com/a/chromium.org/d/msg/blink-dev/Ono3RWkejAA/2skvuBhSCQAJ Хорошие таблицы • How to make your tables less terrible (GIF) http://i.imgur.com/ZY8dKpA.gif • Создавайте хорошие таблицы https://habr.ru/p/312422/ Alt для картинок • Альтернативный текст для изображений http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html Женщины CSS • The Amazing Women of CSS https://rachelandrew.co.uk/archives/2016/10/11/the-amazing-women-of-css/ Функция map в CSS • Native map() function in CSS https://github.com/w3c/csswg-drafts/issues/581 Стили без CSS • Styled Components https://styled-components.com/ JS (не) нужен? • You Might Not Need jQuery http://youmightnotneedjquery.com/ • You Might Not Need JavaScript http://youmightnotneedjs.com/ • You Might Need JavaScript http://hugogiraudel.com/2016/10/13/you-might-need-javascript/ Прогрессивное улучшение • Progressive enhancement isn’t dead, but it smells funny https://nolanlawson.com/2016/10/13/progressive-enhancement-isnt-dead-but-it-smells-funny/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:02 Chrome 54 00:05:29 Async 00:10:40 Node.js v6 LTS 00:19:40 Npm v4.0.0 00:20:55 Ире про PWA 00:27:24 Условия в CSS 00:35:11 CSS-фреймворк не нужен 00:41:58 Адаптивный Яндекс 00:43:19 Полифил для гридов 00:45:35 Normalize.css? 00:52:20 Женщины в ИТ События • WSD в Киеве 26 ноября https://wsd.events/2016/11/26/ • Принимаем заявки на pitercss в ноябре и декабре: hi@pitercss.com mailto:hi@pitercss.com • CodeFest 1—2 апреля http://www.codefest.ru/speakers/ru/ Chrome 54 • Chrome 54, Пит Лепаж https://youtu.be/qPD2yc8BoDk • Cross-origin Service Workers: Experimenting with Foreign Fetch https://developers.google.com/web/updates/2016/09/foreign-fetch Async • Async functions: making promises friendly https://developers.google.com/web/fundamentals/getting-started/primers/async-functions • Tips for using async functions (ES2017) http://www.2ality.com/2016/10/async-function-tips.html Node.js v6 LTS • Node.js v6 Transitions to LTS https://medium.com/p/be7f18c17159 • v7.0.0 Proposal https://github.com/nodejs/node/pull/9099 • Firefox ESR https://www.mozilla.org/en-US/firefox/organizations/ • Homebrew http://brew.sh/ Npm v4.0.0 • npm v4.0.0 https://github.com/npm/npm/releases/tag/v4.0.0 Ире про PWA • Offline First with Service Worker https://bitsofco.de/bitsofcode-pwa-part-1-offline-first-with-service-worker/ • Instant Loading with IndexedDB https://bitsofco.de/bitsofcode-pwa-part-2-instant-loading-with-indexeddb/ • Instant Loading Web Apps with an Application Shell Architecture https://developers.google.com/web/updates/2015/11/app-shell • Intent to Ship: Durable (Persistent) Storage https://groups.google.com/a/chromium.org/d/msg/blink-dev/nAM3o4NSMsI/3gRKsOuYBgAJ Условия в CSS • Условия для CSS-переменных http://kizu.ru/fun/conditions-for-css-variables/ CSS-фреймворк не нужен • Статья: You might not need a CSS framework https://hacks.mozilla.org/2016/04/you-might-not-need-a-css-framework/ • Видео: You might not need a CSS framework https://youtu.be/5FdHqVDlXu0 • Это тебе не нужен, а нам нужен… https://vk.com/wall-32017543_9397 Адаптивный Яндекс • Адаптивная вёрстка, ШРИ 2016 https://youtu.be/Y5450Ns5L4M?list=PLKaafC45L_SSn3kZGmnh6uRSTAzDNNdYC Полифил для гридов • CSS Grid Polyfill https://github.com/FremyCompany/css-grid-polyfill Normalize.css? • Normalize (CSS) No More http://shaunrashid.com/2015/09/15/normalize-css-no-more/ • Continue Normalising Your CSS http://csswizardry.com/2016/10/continue-normalising-your-css/ • О normalize.css https://htmlacademy.ru/blog/64-about-normalize-css Женщины в ИТ • Женщины в ИТ http://b.netology.ru/women Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:25 События 00:06:40 Chromium 54 00:09:35 Safari TP 16 и Apple Pay 00:16:58 Mozilla, Servo, разработка движков 00:36:33 Таблицы по стандартам 00:38:47 Node.js 7 00:41:03 Стандарты и полифилы 00:46:24 Забытый border-image 00:52:05 Базовый SVG 00:52:52 Возвращение Дейва Шей События • Видео с WSD в Минске https://youtu.be/cOTOSbjet_8 • Слайды с WSD в Минске https://wsd.events/2016/10/29/#schedule • PiterJS 3 ноября https://meetabit.com/events/256 • KharkivJS 5—6 ноября http://kharkivjs.org/ • Chrome Dev Summit 10—11 ноября https://developer.chrome.com/devsummit/ • Fronthub в Ульяновске 12 ноября http://fronthub.ru/ • PenzaJS 17 ноября https://vk.com/wall-92664953_150 • Pitercss №7 16 ноября https://pitercss.timepad.ru/event/394145/ • MinskCSS 15 декабря https://minskcss.timepad.ru/event/396816/ • WSD в Киеве 26 ноября https://wsd.events/2016/11/26/ • Канал events в Слаке https://web-standards.slack.com/messages/events/ Chromium 54 • What’s new in Chromium 54 and Opera 41 https://dev.opera.com/blog/opera-41/ Safari TP 16 и Apple Pay • Release Notes for Safari Technology Preview 16 https://webkit.org/blog/7030/release-notes-for-safari-technology-preview-16/ • EmporiumWeb, пример Apple Pay https://developer.apple.com/library/content/samplecode/EmporiumWeb/Introduction/Intro.html • Apple на Гитхабе https://github.com/apple Mozilla, Servo, разработка движков • A Quantum Leap for the Web https://medium.com/p/a3b7174b3c12 • Mozilla’s Quantum Project https://billmccloskey.wordpress.com/2016/10/27/mozillas-quantum-project/ Таблицы по стандартам • CSS Table Module Level 3 https://www.w3.org/TR/2016/WD-css-tables-3-20161025/ Node.js 7 • Node.js v7.0 https://nodejs.org/en/blog/release/v7.0.0/ Стандарты и полифилы • Add document.{interactive,contentLoaded,loaded} promises https://github.com/whatwg/html/pull/1936 • Please rename ASAP https://github.com/jonathantneal/document-promises/issues/4 Забытый border-image • Ещё раз про border-image http://css-live.ru/articles-css/understanding-border-image.html • Can I Use: border-image http://caniuse.com/#feat=border-image • Slicing SVG 9 Ways https://aerotwist.com/blog/slicing-svg-9-ways/ Базовый SVG • Как проектировать, создавать и анимировать SVG https://htmlacademy.ru/blog/127-a-guide-to-svg-on-web Возвращение Дейва Шей • Photo Toning with Gradients & Blend Modes http://daveshea.com/2016/10/24/photo-toning.html • CSS Zen Garden http://www.csszengarden.com/ • The source of csszengarden.com https://github.com/mezzoblue/csszengarden.com Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:17 События 00:03:08 HTML 5.1 00:05:40 Async в Firefox 00:07:38 Вариативные шрифты 00:13:19 Календарик 00:20:44 Опасные API 00:24:45 WebAssembly 00:26:43 Шаблонные литералы 00:31:40 Загрузка JS 00:38:51 position: sticky 00:41:32 Круговой прогресс-бар 00:44:40 Опрос Stack Overflow 00:50:34 Тесты и игрушки События • Видео с FrontTalks https://www.youtube.com/playlist?list=PLKaafC45L_SRke8G1qiE0ZTJovI0FYKRw • Pitercss №7 16 ноября https://pitercss.timepad.ru/event/394145/ • NodeSchool SPB 19 ноября https://github.com/nodeschool/spb/issues/41 • WSD в Киеве 26 ноября https://wsd.events/2016/11/26/ • MinskCSS 15 декабря https://www.facebook.com/events/1424883897556955/ • React Amsterdam 21 апреля https://react.amsterdam/ HTML 5.1 • XHTML Fist https://www.flickr.com/photos/jasonsantamaria/287001550 • HTML 5.1 W3C Recommendation https://www.w3.org/TR/html51/ • HTML 5.1 Changes https://www.w3.org/TR/html51/changes.html#changes Async в Firefox • Async/await support in Firefox https://blog.nightly.mozilla.org/2016/11/01/async-await-support-in-firefox/ Вариативные шрифты • WebKIt: Variable Fonts on the Web https://webkit.org/blog/7051/variable-fonts-on-the-web/ Календарик • Firefox: Data/Time picker https://mozilla.invisionapp.com/share/237UTNHS8 • HTML 5.1: input type="date" https://www.w3.org/TR/html51/sec-forms.html#date-state-typedate Опасные API • Browsers remove functionality due to privacy https://blog.lukaszolejnik.com/browsers-remove-functionality-due-to-privacy/ • What is Do Not Track? https://allaboutdnt.com/ WebAssembly • The WebAssembly Browser Preview has launched! https://twitter.com/WebAssemblyNews/status/793119097496018944 Шаблонные литералы • ES6 Template Literals, the Handlebars killer? https://www.keithcirkel.co.uk/es6-template-literals/ Загрузка JS • RFC: Webpack Performance Budgets https://github.com/webpack/webpack/issues/3216 • Alex Russell: How broken JS-first web development is https://mobile.twitter.com/slightlylate/status/793617048253247488 position: sticky • Chrome: Intent to Ship CSS position: sticky https://groups.google.com/a/chromium.org/d/msg/blink-dev/X_vBQp60kp8/v43CLS89CAAJ Круговой прогресс-бар • Making a Doughnut Progress Bar https://github.com/kdzwinel/progress-bar-animation Опрос Stack Overflow • Stack Overflow: Survey Results 2016 http://stackoverflow.com/research/developer-survey-2016 Тесты и игрушки • JavaScript Guessing Game https://javascript-game.firebaseapp.com/ • HTML parser quiz https://html5te.st/quiz/ • HTML Minifier http://kangax.github.io/html-minifier/ • Enki https://www.enki.com Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Андрей Оконечников Темы 00:00:00 Интро 00:02:38 События 00:06:56 Safari TP 17 00:16:41 Доступность 00:26:31 Fetch не торт 00:34:35 Результаты 10K Apart 00:36:45 Вредные советы 00:40:37 Людоедский фронтенд и JS-in-JS События • Профессия фронтенд-архитектор, РИТ 2007 https://twitter.com/okonetchnikov/status/793752358584930304 • Chrome Dev Summit https://developer.chrome.com/devsummit/ • WSD в Киеве 26 ноября https://wsd.events/2016/11/26/ • Видео с WSD в Минске https://youtu.be/4fEqptmymRM?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7 • MinskCSS 15 декабря https://minskcss.timepad.ru/event/396816/ • HolyJS в Москве 11 декабря http://holyjs.ru/ Safari TP 17 • Release Notes for Safari Technology Preview 17 https://webkit.org/blog/7071/release-notes-for-safari-technology-preview-17/ • What’s new in IndexedDB 2.0? https://hacks.mozilla.org/2016/10/whats-new-in-indexeddb-2-0/ • Safari 10 supports WOFF2 but I only see WOFF loading https://mobile.twitter.com/zachleat/status/796860367670562816 • WOFF2 на Can I Use http://caniuse.com/#feat=woff2 • ColorSnapper http://colorsnapper.com/ Доступность • Доступность сайтов для самых маленьких https://medium.com/p/28d8ab6ebd3d • Госсайт, доступный для людей с ограниченными возможностями http://gov.design/blog/2016/11/08/accessibility.html • WAVE Evaluation Tool https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh Fetch не торт • Why I won’t be using Fetch API in my apps https://medium.com/p/6900e6c6fe78 Результаты 10K Apart • Announcing the winners of the 2016 10k Apart contest https://blogs.windows.com/msedgedev/2016/11/04/announcing-the-winners-of-the-2016-10k-apart-contest/ Вредные советы • Как отравить мобильного пользователя http://prgssr.ru/development/kak-otravit-polzovatelya-s-mobilnym.html Людоедский фронтенд и JS-in-JS • CSS Modules https://github.com/css-modules/css-modules • Styled Components https://styled-components.com/ • Andrew Clark: What’s Next for React https://youtu.be/aV1271hd9ew • JS Worker Search https://github.com/bvaughn/js-worker-search Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:15 События 00:02:14 Opera DevRel всё 00:06:04 Safari TP 18 00:09:29 Firefox 50 00:13:26 CSS-шлюзы 00:19:45 Расширение инлайновых стилей 00:25:06 Печать 00:35:43 Гриды весной 00:45:48 Новый dl 00:48:19 Atom без Shadow DOM 00:57:15 42 00:57:41 Медиум События • Pitercss №7 прошёл https://pitercss.timepad.ru/event/394145/ • hi@pitercss.com mailto:hi@pitercss.com для докладов и предложений • MoscowJS №34 24 ноября http://moscowjs.ru/event/moscowjs-34 • Я.Субботник по фронтенду в Москве 10 декабря https://events.yandex.ru/events/yasubbotnik/10-dec-2016/ • HolyJS в Москве 11 декабря http://holyjs.ru/ • MinskCSS 15 декабря https://minskcss.timepad.ru/event/396816/ Opera DevRel всё • Bruce Lawson: Leaving Opera http://www.brucelawson.co.uk/2016/leaving-opera/ • Opera сократила 85 человек из-за падения выручки от b2b-бизнеса https://vc.ru/n/opera-devrel-cut • Резюме Вадима https://docs.google.com/document/d/1MVZ6BJ0QMIivkLUCnES15el_du1gueI5OthjpEXgcNc/view Safari TP 18 • Release Notes for Safari Technology Preview 18 https://webkit.org/blog/7078/release-notes-for-safari-technology-preview-18/ Firefox 50 • Firefox 50, обзор Марата Таналина http://tanalin.com/blog/2016/11/firefox-50/ CSS-шлюзы • Математика CSS-шлюзов на Хабре https://habr.ru/p/315196/ • Математика CSS-шлюзов на CSS Live http://css-live.ru/articles/matematika-css-shlyuzov.html • Shower https://shwr.me/ • Словарь терминов по фронтенду https://github.com/web-standards/dictionary Расширение инлайновых стилей • Expand inline style attributes to allow pseudo-class/element styling https://discourse.wicg.io/t/proposal-expand-inline-style-attributes-to-allow-pseudo-class-element-styling/1812 Печать • I totally forgot about print style sheets https://medium.com/p/f1e6604cfd6 • Распечатай Яндекс.Карты, Вадим Макишвили https://youtu.be/7-qUm-N_fyA • Tracking When Users Print Pages http://adrianroselli.com/2013/03/tracking-when-users-print-pages.html Гриды весной • Intent to ship in Chrome 57 https://groups.google.com/a/chromium.org/d/msg/blink-dev/hBx1ffTS9CQ/TMTigaDIAgAJ • Intent to ship in Firefox 52 https://groups.google.com/d/msg/mozilla.dev.platform/6shk3TZX5vo/avSCrtLCBgAJ • Grid Kiss https://github.com/sylvainpolletvillard/postcss-grid-kiss • Opera Mini server upgrade https://dev.opera.com/blog/opera-mini-server-upgrade/ Новый dl • DIV официально разрешён внутри DL http://tanalin.com/blog/2016/11/div-dl-dt-dd/ Atom без Shadow DOM • Removing Shadow DOM boundaries from text editor elements http://blog.atom.io/2016/11/14/removing-shadow-dom-boundary-from-text-editor-elements.html • Avoiding Style Pollution With The Shadow DOM http://blog.atom.io/2014/11/18/avoiding-style-pollution-with-the-shadow-dom.html (2014) 42 • Веб-стандарты 42 https://soundcloud.com/web-standards/episode-42 • RadioJS 42 https://radiojs.ru/2016/11/radiojs-42/ • 42 https://twitter.com/webstandards_ru/status/798844495999574017 Медиум • Веб-стандарты на Медиуме https://medium.com/web-standards Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:14 События 00:04:07 Новости Firefox 00:14:04 Веб-компоненты в WebKit 00:16:34 Мультиколонки 00:20:32 Системы раскладки 00:31:12 SVG-паттерны 00:34:30 Нюансы доступности 00:38:45 Методологии CSS 00:50:11 Улучшение формы 00:51:42 Шоу «Стандарт» 00:53:42 Фолбэки к шрифтам 00:57:25 HTML на стероидах 01:03:17 Подкаст жив! События • WSD в Киеве прошёл 26 ноября https://wsd.events/2016/11/26/#schedule • Krasnodar Dev Days 10 декабря http://landing.krddevdays.ru/ • FrontDays №4 в Тольятти 17 декабря http://frontdays.ru/ • Я.Субботник в Москве 10 декабря https://events.yandex.ru/events/yasubbotnik/10-dec-2016/ • HolyJS в Москве 11 декабря http://holyjs.ru/ • hi@pitercss.com mailto:hi@pitercss.com для докладов на pitercss • Приём докладов на CodeFest http://2017.codefest.ru/speakers/ru/call-for-papers.html Новости Firefox • Mozilla: Intent to implement Payment Request API https://groups.google.com/d/msg/mozilla.dev.platform/n-2o58jcTK8/sFisJf6pCAAJ • Firefox: New Responsive Design Mode https://hacks.mozilla.org/2016/11/new-responsive-design-mode-rdm-lands-in-firefox-dev-tools/ Веб-компоненты в WebKit • WebKit: Introducing Custom Elements https://webkit.org/blog/7027/introducing-custom-elements/ Мультиколонки • Lea Verou: inline-block prevents fragmentation in multi-column containers https://mobile.twitter.com/LeaVerou/status/800163417332023296 Системы раскладки • Грид, флексбокс и выравнивание блоков http://prgssr.ru/development/grid-fleksboks-i-vyravnivanie-blokov-nasha-novaya-sistema-raskladki.html • Should I try to use the IE implementation of CSS Grid Layout? https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/ SVG-паттерны • SVG-паттерны http://css.yoksel.ru/svg-patterns/ Нюансы доступности • The Accessibility Difference Between aria-hidden and role="presentation" http://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/ • Changing the Reading Order of a Page with aria-flowto http://csskarma.com/blog/changing-reading-order-page-aria-flowto/ Методологии CSS • Holy Grail Layout https://github.com/AleshaOleg/holy-grail-markup • When to use which CSS methodology http://simurai.com/blog/2016/11/27/css-methodologies Улучшение формы • Улучшение формы комментариев https://medium.com/p/7b2ad80f0340 Шоу «Стандарт» • The Standard E02: Fit to Page https://youtu.be/299RZ0d1LQY Фолбэки к шрифтам • Font style matcher https://meowni.ca/font-style-matcher/ HTML на стероидах • AMP, Instant Articles, Instant View http://telegra.ph/AMP-Instant-Articles-Instant-View-whut-11-23 Подкаст жив! • Пятиминутка React http://5minreact.ru/ • Веб-стандарты в iTunes https://itunes.apple.com/podcast/id1080500016 Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:02:57 Chrome 55 00:11:10 Отладка гридов в Firefox 00:12:55 Парсер URL в WebKit 00:16:20 PWA как APK 00:18:21 Справочник по CSS 00:23:40 @supports 00:33:04 CSS-in-JS и бэктики 00:42:21 Шрифты в Медузе 00:52:57 Инструменты 2016 События • RealtimeBoard TechDays в Перми 4 декабря http://techday.realtimeboard.com • Митап по БЭМу для новичков в Яндексе 9 декабря https://events.yandex.ru/events/bemup/09-12-2016/ • Я.Субботник по фронтенду в Москве 10 декабря https://events.yandex.ru/events/yasubbotnik/10-dec-2016/ • HolyJS в Москве 11 декабря http://holyjs.ru/ • Pitercss №8 в офисе DataArt 21 декабря https://pitercss.timepad.ru/ • NodeSchool SPB в офисе Selectel 24 декабря https://github.com/nodeschool/spb/issues/42 Chrome 55 • Chrome 55: Async and Await, Pointer Events, Persistent Storage https://youtu.be/OC7tgJP1D4s • Now shipping Node v7, with preliminary support for async/await! https://twitter.com/zeithq/status/802633638298861568 • V8 Release 5.6 http://v8project.blogspot.ru/2016/12/v8-release-56.html • www-style: scroll anchoring https://lists.w3.org/Archives/Public/www-style/2016Dec/0010.html Отладка гридов в Firefox • CSS Grid and Grid Highlighter Now in Firefox Developer Edition https://hacks.mozilla.org/2016/12/css-grid-and-grid-highlighter-now-in-firefox-developer-edition/ Парсер URL в WebKit • URL Parsing in WebKit https://webkit.org/blog/7086/url-parsing-in-webkit/ PWA как APK • Paul Kinlan: What Comes Next for the Web? https://youtu.be/YJwrBbze_Ec?t=21m34s • Installing web apps on phones (for real) https://joreteg.com/blog/installing-web-apps-for-real Справочник по CSS • CSS Reference http://cssreference.io/ @supports • @supports изменит вашу жизнь http://frontender.info/supports-will-change-your-life/ • Поддержка на Can I Use… http://caniuse.com/#feat=css-featurequeries • Fallback for browsers not supporting CSS Grid Layout https://github.com/sylvainpolletvillard/postcss-grid-kiss#fallback-for-browsers-not-supporting-css-grid-layout CSS-in-JS и бэктики • The magic behind styled-components http://mxstbr.blog/2016/11/styled-components-magic-explained/ Шрифты в Медузе • Как использовать кастомные шрифты в вебе и не сойти с ума https://medium.com/p/9ba8a2998bcc • Статьи Зака Лезермана https://www.zachleat.com/web/ • Паттерны загрузки веб-шрифтов https://web-standards.ru/articles/web-font-loading-patterns/ • Homebrew web font tools https://github.com/bramstein/homebrew-webfonttools Инструменты 2016 • The State of Front-End Tooling 2016 https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Гости: Сергей Бережной Темы 00:00:00 Интро 00:00:19 События 00:04:30 Новинки Edge 00:11:27 Safari TP 19 00:26:49 Где учиться 00:35:58 Сообщения коммитов 00:42:59 Анимация и рендеринг 00:49:54 CSS в CSS 01:02:52 Хайп 01:12:24 Прогрессивное улучшение События • Я.Субботник по фронтенду https://events.yandex.ru/events/yasubbotnik/10-dec-2016/ • HolyJS в Москве 11 декабря http://holyjs.ru/ • Билеты на JSConf http://2017.jsconf.eu/news/2016/11/29/tickets/ • Билеты на CSSConf http://blog.cssconf.eu/2016/12/07/cssconfeu-tickets-2017/ Новинки Edge • Edge on Windows 10 build 14986 https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/ Safari TP19 • Release Notes for Safari TP 19 https://webkit.org/blog/7093/release-notes-for-safari-technology-preview-19/ • Не гзипом единым, Георгий Мостоловица https://events.yandex.ru/lib/talks/3351/ Где учиться • Куда пойти учиться программисту https://vc.ru/p/csssr-programming Сообщения коммитов • Как писать сообщения коммитов http://frontiermag.ru/commit-message.html Анимация и рендеринг • Анимации на GPU: делаем это правильно https://habrahabr.ru/company/odnoklassniki/blog/313978/ CSS в CSS • Virtual CSS with Styletron https://ryantsao.com/blog/virtual-css-with-styletron • Styled JSX https://github.com/zeit/styled-jsx • A new world: writing CSS in ClojureScript and life after Sass https://medium.com/p/bdf5bc80a24f Хайп • Hype Driven Development https://habrahabr.ru/company/edison/blog/316668/ Прогрессивное улучшение • The Case Against PE’s Flimsy Moral Foundation https://www.viget.com/articles/the-case-against-progressive-enhancements-flimsy-moral-foundation • Insert Clickbait Headline About PE Here https://www.aaron-gustafson.com/notebook/insert-clickbait-headline-about-progressive-enhancement-here/ • Yes, PE is a fucking moral argument https://sonniesedge.co.uk/blog/progressive-enhancement • The True Cost of Progressive Enhancement http://blog.easy-designs.net/archives/the-true-cost-of-progressive-enhancement/ • What the Heck Is Inclusive Design? https://24ways.org/2016/what-the-heck-is-inclusive-design/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев Темы 00:00:00 Интро 00:00:18 События 00:04:35 Chromium и Opera 00:08:19 Возвращение position: sticky 00:11:49 Виртуальная реальность 00:16:40 Приоритизация JS 00:21:51 Быстрый параллакс 00:25:29 Инлайновый SVG лучший! 00:30:35 Краткая запись CSS 00:36:39 Контрольные точки 00:40:47 Гриды! 00:44:56 20 лет CSS События • Видео с MinskCSS №1 https://youtu.be/hwseJaIsoBw?list=PL3uk4LxG9Zzl8MRXT1IpGxuZormysIbjg • WSD в Москве 28 января https://wsd.events/2017/01/28/#proposal • Встреча по фронтенду СКБ Контур в Екатеринбурге https://vk.com/wall-9594364_3363 • Работа фронтендера в крупной IT-компании https://alenadmit.github.io/open-vebinar/ • Доступность для незрячих http://frontend-science.com/lab/ • Приём докладов на KharkivCSS https://docs.google.com/forms/d/e/1FAIpQLSeBbERGJTNMqyshONNpuG-QwKmKXLkvaukSXRp010VM-4PClw/viewform Chromium и Opera • What’s new in Chromium 55 and Opera 42 https://dev.opera.com/blog/opera-42/ Возвращение position: sticky • Sticky is back in Chrome https://developers.google.com/web/updates/2016/12/position-sticky Виртуальная реальность • Chrome: WebVR https://developers.google.com/web/fundamentals/vr/ • Очки виртуальной реальности «Кардборд» https://store.artlebedev.ru/electronics/kardboard-white/ • A-Frame https://aframe.io/ Приоритизация JS • When everything’s important, nothing is! https://aerotwist.com/blog/when-everything-is-important-nothing-is/ Быстрый параллакс • Performant Parallaxing https://developers.google.com/web/updates/2016/12/performant-parallaxing Инлайновый SVG лучший! • Why Inline SVG is Best SVG https://youtu.be/af4ZQJ14yu8 • SVG 2, W3C CR https://www.w3.org/TR/SVG2/ Краткая запись CSS • Краткая запись CSS как антипаттерн http://prgssr.ru/development/kratkaya-zapis-css-kak-antipattern.html Контрольные точки • Правильный способ делать контрольные точки в CSS http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html Гриды! • Грядут гриды! http://css-live.ru/verstka/gryadut-gridy.html 20 лет CSS • 20 Years of CSS https://www.w3.org/Style/CSS20/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:01:39 Safari TP20 00:06:07 Samsung Internet 00:10:14 Firebug и… Photoshop 00:22:00 Bootstrap и флексы 00:29:21 GitHub Pages 00:31:59 CSS 2017 00:39:06 Вставка шрифтов 00:45:35 Полифилы CSS 00:52:44 Специфичность CSS События • WSD в Москве 28 января https://wsd.events/2017/01/28/ • Видео с pitercss №8 https://youtu.be/6YyUCKAZ23c • SPB Frontend 26 декабря https://vk.com/spb_frontend_meetup_161226 Safari TP20 • Release Notes for Safari Technology Preview 20 https://webkit.org/blog/7120/release-notes-for-safari-technology-preview-20/ • A tale of two viewports — part one http://www.quirksmode.org/mobile/viewports.html • A tale of two viewports — part two http://www.quirksmode.org/mobile/viewports2.html Samsung Internet • Announcing Samsung Internet 5.0 https://medium.com/p/1ac2bfc14b78 Firebug и… Photoshop • Firebug lives on in Firefox DevTools https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/ Bootstrap и флексы • Flexbox all the time https://github.com/twbs/bootstrap/pull/21389 GitHub Pages • GitHub Pages: Usage limits https://help.github.com/articles/what-is-github-pages/#usage-limits CSS 2017 • Рабочая группа CSS определяет состав CSS-2017 http://css-live.ru/vecssti-s-polej/rabochaya-gruppa-css-opredelyaet-sostav-budushhego-css-2017.html Вставка шрифтов • No @font-face Syntax will ever be Bulletproof http://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ Полифилы CSS • The Dark Side of Polyfilling CSS https://philipwalton.com/articles/the-dark-side-of-polyfilling-css/ • Loading Polyfills Only When Needed https://philipwalton.com/articles/loading-polyfills-only-when-needed/ Специфичность CSS • Controlling the Specificity http://kizu.ru/en/fun/controlling-the-specificity/ Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:01:02 События года 00:12:24 Всегда кодить 00:17:52 Доклады года 00:25:30 Веб-стандарты 00:32:42 Браузеры года 00:35:56 Больше CSS 00:39:20 Прогрессор 00:41:35 Закрытие года 00:44:27 Тренды года 00:52:54 Новички и наставники 00:59:51 Ещё тренды 01:02:18 Флексбокс года 01:04:49 JavaScript года 01:13:08 Что будет в 2017 События года • ScotlandCSS https://youtu.be/LcFbZUAxG_8?list=PLuSs1n_VmTdPWoKyU3fhmHm0sTikj7OiW • HolyJS https://youtu.be/2vXTMXuT1gw?list=PL8sJahqnzh8JST_ZwTcGG1FHGgKBMcpn6 • Frontend Union Conf http://frontend-union.co/ • Pitercss_conf https://pitercss.com/ • Prosmotr http://designprosmotr.ru/ • OdessaJS https://youtu.be/WX-I3lyiUGE?list=PLUF1zRLAgrPET1qRvSeKCraJxsjHZUSjw • KharkivJS https://youtu.be/mNxMCPRETDk?list=PLnkLrCUX4Qh435vUFpNTUSJILQK27_akH • FrontTalks https://youtu.be/jeg-RpXjdZ4?list=PLKaafC45L_SRke8G1qiE0ZTJovI0FYKRw Всегда кодить • The best software developers I know… https://twitter.com/joemccann/status/812732099027419139 • To the guy who wrote that “Always Hacking” tweet https://sonniesedge.co.uk/blog/an-open-letter-to-that-always-hacking-guy Доклады года • Как я перестал верить технологиям https://youtu.be/p5g4giWmcvE • Как незрячие люди видят ваш сайт https://wsd.events/2016/11/26/pres/how-blind-see.pdf • Производительность JS через подзорную трубу https://youtu.be/HPFARivHJRY • Я и ИоТ https://youtu.be/LuLB6xj1rpQ Веб-стандарты • WSD https://wsd.events/ • Фото с WSD https://vk.com/albums-32017543 Браузеры года • Safari TP https://developer.apple.com/safari/technology-preview/ • Samsung Internet DevRel https://medium.com/p/591ea6fe22af Больше CSS • KharkivCSS https://youtu.be/CLSHLGvQDg4?list=PLJ5NW5T60UphOVDsbAC97JQ2KEprVgh2r • pitercss_meetup https://pitercss.timepad.ru/org/ Прогрессор • Прогрессор http://prgssr.ru/ Закрытие года • Восемь лет в Opera https://medium.com/p/5497b816c28f • Leaving Opera http://www.brucelawson.co.uk/2016/leaving-opera/ • What a coincidence! https://twitter.com/opera/status/814791831254863873 Тренды года • RioRun https://riorun.theguardian.com/ • Paper Planes https://paperplanes.world/ • Let’s Encrypt https://letsencrypt.org/ • Certbot https://certbot.eff.org/ Новички и наставники • Статьи Алёны Батицкой https://medium.com/@ABatickaya • Путь наставника https://web-standards.ru/articles/path-of-tutor/ • Фронтенд для новичка https://youtu.be/G9hMm77B1dk • Как я попала в Яндекс https://events.yandex.ru/lib/talks/4255/ • Старикам здесь не место? https://youtu.be/ISmD4Lik5oY JavaScript года • ES6 compatibility table https://kangax.github.io/compat-table/es6/ Что будет в 2017 • Можно вообще всё. Раскладка по гриду https://youtu.be/JoRVUILXLxU • CSS Variables: var(--subtitle) https://youtu.be/kZOJCVvyF-4 • Пользовательские свойства как основа архитектуры CSS https://youtu.be/4fEqptmymRM Читайте новости • 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/

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:19 События 00:04:04 Адаптивный дизайн 00:15:56 Переход на CSS 00:33:23 Ванильный JS 00:37:25 Жестокий опенсорс 00:48:00 Доступные примеры 00:50:35 Аутлайн 00:58:20 Вёрстка логотипа События • WSD в Москве 28 января https://wsd.events/2017/01/28/ • Rolling Scopes в Минске 18—19 февраля https://2017.conf.rollingscopes.com/ • pitercss_meetup в январе https://pitercss.timepad.ru • pitercss_conf 16 июня https://pitercss.com/ • CSS Day в Амстердаме 15—16 июня https://cssday.nl/2017 • Фронтирник №3 https://vk.com/frontirnik_3 Адаптивный дизайн • The Current State of Adaptive Design https://medium.com/p/6b2b89b258c4 • Affinity Designer 1.5: Constraints https://vimeo.com/182383578 Переход на CSS • From Sass to PostCSS https://tylergaw.com/articles/sass-to-postcss • CSS Working Group Editor Drafts https://drafts.csswg.org/ • Step-by-step Publishing a CSS Spec https://wiki.csswg.org/spec/publish Ванильный JS • How I converted my React app to VanillaJS https://medium.com/p/4b14b1b2faff Жестокий опенсорс • Dear JavaScript https://medium.com/p/7e14ffcae36c • Дорогой JavaScript https://habr.ru/p/316978/ Доступные примеры • Accessibility OpenAjax Examples http://oaa-accessibility.org/ Аутлайн • Что касается аутлайна http://straykov.ru/blog/all/outline-none/ • Кодельная http://codecode.ru/ • Ишья на Гитхабе https://github.com/straykov/initium/issues/32 • A { outline: none } Don’t Do It! http://www.outlinenone.com/ • Reset Revisited http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/ Вёрстка логотипа • Логотип не отвечает или временно недоступен http://css.yoksel.ru/a11y-for-logotypes/ Читайте новости • 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/