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

by Сообщество «Веб-стандарты»

536 Episodes

Report

Новости фронтенда в еженедельном подкасте сообщества «Веб-стандарты»

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

by Сообщество «Веб-стандарты»

Feb 01, 2016

1. Браузеры, PhantomJS, CSS-переменные, Sass с PostCSS, шрифты, адаптивность, HTTPS, JS-фреймворки

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко, Ольга Алексашенко Темы 00:00:00 Интро 00:00:45 Новинки браузеров 00:07:42 PhantomJS 2.1 00:10:16 Переменные в CSS 00:19:43 Sass с PostCSS 00:24:37 Загрузка шрифтов 00:32:36 Спрайты 00:36:25 Адаптивные картинки 00:38:01 HTTPS 00:43:38 Парадоксы HTML и CSS 00:47:18 Коты JS-фреймворки Новинки браузеров • Chrome 48 https://youtu.be/TebeVxw95RI • Firefox 44 http://tanalin.com/blog/2016/01/firefox-44/ PhantomJS 2.1 • PhantomJS 2.1 https://raw.githubusercontent.com/ariya/phantomJS/master/ChangeLog Переменные в CSS • Переменные как основа архитектуры CSS при работе с препроцессорами http://prgssr.ru/development/peremennye-osnova-arhitektury-css.html Sass с PostCSS • Extending Sass with PostCSS http://ashleynolan.co.uk/blog/extend-sass-with-postcss Загрузка шрифтов • Минимально необходимые шрифты http://css-live.ru/articles/minimalno-neobxodimye-shrifty.html Спрайты • A Gulp-Based External SVG Symbol Sprite Icon System https://una.im/svg-icons/ Адаптивные картинки • Responsive Image Breakpoints Generator http://www.responsivebreakpoints.com/ HTTPS • Почему до сих пор повсеместно не используется HTTPS? https://habrahabr.ru/post/275539/ Парадоксы HTML и CSS • WTF, HTML & CSS? http://wtfhtmlcss.com/ Коты JS-фреймворки • Which cat is your JavaScript framework? http://whichcatisyourjavascriptframework.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/

50 MIN

Feb 08, 2016

2. БЭМ, Gulp, раскладки на флексах и гридах, планы Edge на год, Firefox OS всё

36 MIN

Feb 16, 2016

3. Grunt, увлечение npm-скриптами, особенности const и let из ES6, как дела у Гитхаба, подкасты

44 MIN

Feb 23, 2016

4. Редакторы, разработка на мобильных, вёрстка писем, CSS-переменные, загрузка стилей, calc

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:13 События 00:01:37 Редакторы и плагины 00:12:01 Разработка на мобильных 00:22:45 Вёрстка писем 00:34:16 CSS-переменные 00:47:20 Альтернативная подгрузка стилей 00:52:15 Примеры использования calc() События • The Rolling Scopes Conference https://2016.conf.rollingscopes.com/ • Видео с The Rolling Scopes Conference https://www.youtube.com/channel/UCUgmHbk1rTFaf4GGKQ1OXfQ • MoscowJS https://corp.mail.ru/ru/press/events/171/ • Я.Субботник по фронтенду https://events.yandex.ru/events/yasubbotnik/27-feb-2016 • PiterCSS http://pitercss.ru Редакторы и плагины • Используем VS Code для Веб-разработки https://habr.ru/p/276825/ • Why I love Visual Studio Code for CSS / HTML development http://generatedcontent.org/post/139138022310/why-i-love-visual-studio-code-for-css-html • Hayaku http://hayakubundle.com • CSSComb http://csscomb.com Разработка на мобильных • Prompt 2 https://panic.com/prompt/ Вёрстка писем • Using Flexbox in an Email https://emails.hteumeuleu.com/using-flexbox-in-an-email-4b1aa7a69886 • The Fab Four technique to create Responsive Emails without Media Queries https://medium.freecodecamp.com/the-fab-four-technique-to-create-responsive-emails-without-media-queries-baf11fdfa848 • Punched card coding https://youtu.be/xhUfiOSOk3g CSS-переменные • Theme switcher using CSS custom properties https://justmarkup.com/log/2016/02/theme-switcher-using-css-custom-properties/ • Почему я в восторге от «родных» CSS-переменных http://css-live.ru/articles/about-native-css-variables.html • Tab Atkins, The Future of CSS https://vimeo.com/32135328 Альтернативная подгрузка стилей • Control CSS loading with custom properties https://jakearchibald.com/2016/css-loading-with-custom-props/ • Управление загрузкой CSS с помощью пользовательских свойств http://css-live.ru/articles/upravlenie-zagruzkoj-css-s-pomoshhyu-polzovatelskix-svojstv.html Примеры использования calc() Читайте новости • 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/

54 MIN

Mar 01, 2016

5. SVG, иконочные шрифты, Google Resizer, переводы, Sass и ES2015, Snap Size, :root, типографика

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:17 События 00:03:25 SVG и GitHub без иконочных шрифтов 00:09:52 Google Resizer 00:10:46 Переводы CSS-live 00:15:10 Sass и ES2015 00:18:50 CSS Snap Size 00:20:35 Селектор :root 00:24:36 Типографика 00:41:43 Завершение: ваши вопросы События • SPB Frontend https://vk.com/spb_frontend • Видео с SPB Frontend https://youtu.be/BVDxZ48poKo • Я.Субботник по фронтенду https://events.yandex.ru/events/yasubbotnik/27-feb-2016/ • Лог текстовой трансляции с Яндекс.Субботника https://github.com/web-standards/web-standards-up/blob/master/2016-02-27_ya-subbotnik.md • PiterCSS №2 https://pitercss.timepad.ru/event/298243/ • CodeFest 2016 http://2016.codefest.ru/ • DUMP 2016 http://dump-conf.ru/ • Стачка 2016 http://nastachku.ru/ SVG и GitHub без иконочных шрифтов • Delivering Octicons with SVG https://github.com/blog/2112-delivering-octicons-with-svg • Что случается с SVG-иконками, вставленными через use https://twitter.com/pepelsbey/status/703223926541983744 Google Resizer • Introducing resizer https://design.google.com/articles/introducing-resizer/ Переводы CSS Live • Свойство background-clip и его применения http://css-live.ru/articles-css/background-clip-use-cases.html • Краткий обзор object-fit и object-position http://css-live.ru/articles/kratkij-obzor-object-fit-i-object-position.html Знаете Sass? Значит знаете и ES2015! • You Know Sass, You Know ES2015 https://una.im/sass-es2015/ CSS Snap Size • CSS Snap Size, черновик спецификации для вертикального ритма со свойством snap-height https://drafts.csswg.org/css-snap-size/ Про селектор :root Типографика • The New Web Typography https://robinrendle.com/essays/new-web-typography/ • Основы стиля в типографике http://store.artlebedev.ru/books/design/typography/osnovy-stilya-v-tipografike/ Завершение: ваши вопросы Читайте новости • 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/

43 MIN

Mar 09, 2016

6. Флексы, article, пунктуация, CSSO, перфоманс, HTTP/2, блютус, SVG, БЭМ, BEM-XJST

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

61 MIN

Mar 14, 2016

7. Ожирение, браузеры, Background Sync, гриды, jQuery, JS, HTML, картинки, Opera Mini, object-fit

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

59 MIN

Mar 21, 2016

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

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

59 MIN

Mar 28, 2016

9. Новый IE, npm-гейт и проблемы npm, «мой» опенсорс, маркетинг PostCSS, прогрессивное улучшение

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

71 MIN

Apr 05, 2016

10. Bash на Windows, обновления Safari, правильный фронтенд, нужны ли препроцессоры, ES2016

54 MIN

Apr 11, 2016

11. Как сделать конференцию, путь разработчика, релизы CSSO и Grunt, Tofino, Edge, эмоджи

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

45 MIN

Apr 19, 2016

12. Тестирование, фолбэки, @apply, PWA, версии CSS, семантика

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

55 MIN

Apr 25, 2016

13. SpiderNode, VPN, методологии CSS, Stylelint и CSSX, параллакс, доступность

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

59 MIN

May 04, 2016

14. Node.js 6, DOM, графика и чистый CSS, жизнь и смерть в опенсорсе, префиксы и FF как новый IE

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

53 MIN

May 10, 2016

15. События летом, Chrome, реклама, Pointer Events, расширения, веб-компоненты и CSS-модули

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

58 MIN

May 15, 2016

16. Экономия батареи, оптимизация графики, прозрачность в HEX, !important можно, таблицы, полифилы

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

62 MIN

May 23, 2016

17. Семантика и БЭМ, CSS для новичков, клиенты для Git, JS-модули в Edge, Google I/O

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

59 MIN

May 30, 2016

18. Новичкам, Reset или Normalize, jQuery и Bootstrap, атомарный CSS, сервис-воркеры в Safari

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

62 MIN

Jun 08, 2016

19. Семантика CSS и HTML, содержимое в CSS, полезное для SVG, веб и приложения

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

59 MIN

Jun 14, 2016

20. Браузеры, jQuery, практический CSS, типографика на SVG, открытый веб, как дела в Adobe

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

66 MIN

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

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

Play Radio Station

Claim Artist Profile

Speed up the process! Verify your artist's accounts below.

Twitter

Facebook

Passport

Play Radio Station

Sign In

Sign up

Update your information

Reset Password?

Create New Playlist

Edit Playlist Information

Delete Playlist?

Feedback

Contact Support

Invite Collaborators

Error!

Language

Create New Album

Create Event

web.EDIT_EVENT

Need Subscription

Upgrade to Access This Feature

Need Purchase

You must purchase individual songs to play or download them.

Download

Upgrade your account to download high quality music.

Add Podcast Feed Url

Create New Show

EDIT_EPISODE