Alle afleveringen

550 afleveringen, van nieuw naar oud

50. Адаптивность, переход на CSS, ванильный JS, опенсорс, доступность, аутлайн, вёрстка логотипа

9 januari 2017 · 1 uur 5 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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.f…
49. Итоги года, события, доклады, браузеры, проекты, тренды и прогнозы по фронтенду на 2017

31 december 2016 · 1 uur 23 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/

Пр…
48. Браузеры, Firebug и Photoshop, Bootstrap, GitHub Pages, шрифты, полифилы и специфичность CSS

26 december 2016 · 1 uur
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/

Чит…
47. Браузеры, sticky, VR, загрузка JS, параллакс, SVG, краткий CSS, брейкпоинты, гриды и 20 лет CSS

19 december 2016 · 52 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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

Контрольные точки

• …
46. Браузеры, учёба, коммиты, анимация и рендеринг, CSS в CSS, хайп и прогрессивное улучшение

12 december 2016 · 1 uur 32 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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-enhance…
45. Chrome 55, гриды, URL, PWA как APK, @supports, CSS-in-JS, шрифты в Медузе, инструменты 2016

5 december 2016 · 1 uur 7 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/
• …
44. Браузеры, мультиколонки, раскладки, SVG, доступность, методологии, формы, шрифты, HTML

29 november 2016 · 1 uur 6 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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…
43. Opera DevRel всё, браузеры, шлюзы, инлайновые стили, печать, гриды, DL, Atom, 42, Медиум

21 november 2016 · 1 uur
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/f…
42. Safari, WOFF2, доступность, Fetch, 10K Apart, мобильные, людоедский фронтенд и JS-in-JS

15 november 2016 · 1 uur 17 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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-polzovate…
41. HTML 5.1, async, шрифты, WebAssembly и JS, sticky, SVG, Stack Overflow, тесты и игрушки

7 november 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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.kei…
40. Браузеры, Servo, таблицы, Node.js 7, стандарты и полифилы, border-image, режимы смешивания

2 november 2016 · 58 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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,con…
39. Chrome 54, async, Node.js и npm, PWA, CSS-условия и фреймворки, Normalize.css, женщины в IT

24 oktober 2016 · 1 uur 4 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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-переменных ht…
38. Yarn, Safari, Bluetooth, таблицы, alt, женщины CSS, styled_components, прогрессивное улучшение

17 oktober 2016 · 1 uur 13 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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://g…
37. Не обижайте CSS, флексы, JS 2016, PWA и React, без JS жизнь не та, не блокируйте вьюпорт

11 oktober 2016 · 1 uur 7 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/jen…
36. Safari TP, async/await, HTML 5.2, JS-модули, CSS и SVG, before и after, a11y, полифилы и React

4 oktober 2016 · 50 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 byt…
35. Браузеры, CSS-свойства, Pointer Events, гриды, SVG, PWA, Bootstrap, скобки, a11y, начинающим

26 september 2016 · 46 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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…
34. Гитхаб, браузеры, HTML и SVG, API, вёрстка писем, шрифты, дизайнеры, Sass, PostCSS и CSSTree

20 september 2016 · 1 uur 15 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 для …
33. Safari, a11y, элементы, Mail.Ru, PWA, HTTPS, кастомные свойства, строчный код, конференции

12 september 2016 · 1 uur 18 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/
• Отладка пререндера:…
32. Браузеры, кастомные элементы, border-image, font-display, Лия Веру и HTML, вомбаты и npm

5 september 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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…
31. Юбилей WebKit, будущее Firefox, безопасность, PWA, PostCSS, образование, генераторы статики

29 augustus 2016 · 56 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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-w…
30. Старьё, React, SMIL, скрывать по-новому, Народ.ру на Гитхабе, сайт на 10 КБ, интернет в отпуске

22 augustus 2016 · 52 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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…
29. Похороны Flash, Samsung Internet, книга «Секреты CSS», цветовые функции, SVG, курсор для кнопки

15 augustus 2016 · 1 uur 13 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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.r…
28. Браузеры, EdgeHTML, сервис-воркеры, чистый SVG, заливка текста и адаптивная вёрстка

8 augustus 2016 · 1 uur 4 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 и как сделано…
27. Видео в iOS, ChakraCore и V8, доступные модалки, таблицы и формы, цветовые функции в CSS

1 augustus 2016 · 53 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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…
26. Chrome 52, Safari и MathML, font-display, WebP и WebM, HyperTerm, книги, путь фронтендера

25 juli 2016 · 1 uur 6 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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-los…
25. Atom, доступность, загрузка шрифтов, промисы, векторные эффекты, код и дизайн, Protein

18 juli 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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

Кто такой Антон Виногр…
24. Safari TP8, Servo, цвета в вебе, сетки, доступность, портфолио

11 juli 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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

Портфолио

О подкасте

•…
23. HTML 5.1, Dreamweaver, Гудини, ссылки, безопасность и наставничество

4 juli 2016 · 57 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/webstan…
22. Joyent, Element Queries, React в Mail.Ru, стандарты, собеседования, путь верстальщика

27 juni 2016 · 1 uur 2 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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

Собеседования и новички

• Что ожидать на собеседовании н…
21. Google Fonts, CSS в Фейсбуке, нюансы флексов, ретина, кнопки или ссылки, Apple Pay в Safari

20 juni 2016 · 48 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/webs…
20. Браузеры, jQuery, практический CSS, типографика на SVG, открытый веб, как дела в Adobe

14 juni 2016 · 1 uur 7 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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
…
19. Семантика CSS и HTML, содержимое в CSS, полезное для SVG, веб и приложения

8 juni 2016 · 1 uur
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/web…
18. Новичкам, Reset или Normalize, jQuery и Bootstrap, атомарный CSS, сервис-воркеры в Safari

30 mei 2016 · 1 uur 2 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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:/…
17. Семантика и БЭМ, CSS для новичков, клиенты для Git, JS-модули в Edge, Google I/O

23 mei 2016 · 1 uur
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 …
16. Экономия батареи, оптимизация графики, прозрачность в HEX, !important можно, таблицы, полифилы

15 mei 2016 · 1 uur 2 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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:…
15. События летом, Chrome, реклама, Pointer Events, расширения, веб-компоненты и CSS-модули

10 mei 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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

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

4 mei 2016 · 53 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 Prefi…
13. SpiderNode, VPN, методологии CSS, Stylelint и CSSX, параллакс, доступность

25 april 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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…
12. Тестирование, фолбэки, @apply, PWA, версии CSS, семантика

19 april 2016 · 56 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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://ww…
11. Как сделать конференцию, путь разработчика, релизы CSSO и Grunt, Tofino, Edge, эмоджи

11 april 2016 · 46 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 Misco…
10. Bash на Windows, обновления Safari, правильный фронтенд, нужны ли препроцессоры, ES2016

5 april 2016 · 55 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/
• Mastod…
9. Новый IE, npm-гейт и проблемы npm, «мой» опенсорс, маркетинг PostCSS, прогрессивное улучшение

28 maart 2016 · 1 uur 11 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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
• rtlcs…
8. Адаптивная типографика, инлайнить ли шрифты, обновления браузеров, голый CSS, React

21 maart 2016 · 1 uur
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/872…
7. Ожирение, браузеры, Background Sync, гриды, jQuery, JS, HTML, картинки, Opera Mini, object-fit

14 maart 2016 · 59 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/

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

9 maart 2016 · 1 uur 2 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/be…
5. SVG, иконочные шрифты, Google Resizer, переводы, Sass и ES2015, Snap Size, :root, типографика

1 maart 2016 · 43 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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-ti…
4. Редакторы, разработка на мобильных, вёрстка писем, CSS-переменные, загрузка стилей, calc

23 februari 2016 · 54 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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 с помощью пользов…
3. Grunt, увлечение npm-скриптами, особенности const и let из ES6, как дела у Гитхаба, подкасты

16 februari 2016 · 45 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Алексей Симоненко

Гости: Андрей Саломатин

Темы

00:00:00 Интро
00:00:25 События
00:05:52 Обновился Grunt
00:17:07 Увлечение npm-скриптами
00:20:18 Особенности const и let из ES6
00:33:18 Как дела у Гитхаба
00:42:07 Подкасты

События

• PiterCSS №1 https://pitercss.timepad.ru/event/289721/
• Frontend Union Conf 2016 https://www.papercall.io/func2016

Обновился Grunt

• Grunt 1.0.0 rc1 released http://gruntjs.com/blog/2016-02-11-grunt-1.0.0-rc1-released

Увлечение npm-скриптами

• Advanced front-end automation with npm scripts https://youtu.be/0RYETb9YVrk

Особенности const и let из ES6

• For and against let https://davidwalsh.name/for-and-against-let
• ES6 const is not about immutability https://mathiasbynens.be/notes/es6-const

Как дела у Гитхаба

• Проблемы роста GitHub: Увольнение ключевых сотрудников, смена руководства и зарождение «культуры страха» https://vc.ru/p/github-qrowth-problems

Подкасты

• RadioJS https://soundcloud.com/radiojspodcast
• Code Podcast https://soundcloud.com/podcastcode

Читайте новости

• 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/
2. БЭМ, Gulp, раскладки на флексах и гридах, планы Edge на год, Firefox OS всё

8 februari 2016 · 36 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко

Темы

00:00:00 Интро
00:00:28 События
00:05:42 БЭМ
00:14:46 Gulp
00:19:56 Раскладки: флексы, гриды
00:28:44 Планы Edge на год
00:33:19 Firefox OS всё

События

• PiterCSS №1 https://pitercss.timepad.ru/event/289721/
• Frontend Conf http://frontendconf.ru/
• Яндекс.Субботник https://events.yandex.ru/events/yasubbotnik/27-feb-2016/

БЭМ

• БЭМ-методология: с чего всё начиналось и зачем это всё нужно https://habr.ru/p/276035/
• Видео «БЭМ — норм» https://youtu.be/RM55tkWfHDc

Gulp

• Скринкаст по Gulp Ильи Кантора https://learn.javascript.ru/screencast/gulp
• Скринкаст по Webpack Ильи Кантора https://learn.javascript.ru/screencast/webpack
• run-sequence https://www.npmjs.com/package/run-sequence

Раскладки: флексы, гриды

• Learn CSS Layout http://book.mixu.net/css/
• Grid Layout https://www.w3.org/TR/css-grid-1/

Планы Edge на год

• Looking ahead: Microsoft Edge for developers in 2016 https://blogs.windows.com/msedgedev/2016/02/03/2016-platform-priorities/

Firefox OS всё

• Mozilla to end development for Firefox OS on smartphones in IoT shift http://www.zdnet.com/article/mozilla-to-end-development-for-firefox-os-on-smartphones-in-iot-shift/

Читайте новости

• 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/
1. Браузеры, PhantomJS, CSS-переменные, Sass с PostCSS, шрифты, адаптивность, HTTPS, JS-фреймворки

1 februari 2016 · 50 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• 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/

Alle afleveringen

50. Адаптивность, переход на CSS, ванильный JS, опенсорс, доступность, аутлайн, вёрстка логотипа

49. Итоги года, события, доклады, браузеры, проекты, тренды и прогнозы по фронтенду на 2017

48. Браузеры, Firebug и Photoshop, Bootstrap, GitHub Pages, шрифты, полифилы и специфичность CSS

47. Браузеры, sticky, VR, загрузка JS, параллакс, SVG, краткий CSS, брейкпоинты, гриды и 20 лет CSS

46. Браузеры, учёба, коммиты, анимация и рендеринг, CSS в CSS, хайп и прогрессивное улучшение

45. Chrome 55, гриды, URL, PWA как APK, @supports, CSS-in-JS, шрифты в Медузе, инструменты 2016

44. Браузеры, мультиколонки, раскладки, SVG, доступность, методологии, формы, шрифты, HTML

43. Opera DevRel всё, браузеры, шлюзы, инлайновые стили, печать, гриды, DL, Atom, 42, Медиум

42. Safari, WOFF2, доступность, Fetch, 10K Apart, мобильные, людоедский фронтенд и JS-in-JS

41. HTML 5.1, async, шрифты, WebAssembly и JS, sticky, SVG, Stack Overflow, тесты и игрушки

40. Браузеры, Servo, таблицы, Node.js 7, стандарты и полифилы, border-image, режимы смешивания

39. Chrome 54, async, Node.js и npm, PWA, CSS-условия и фреймворки, Normalize.css, женщины в IT

38. Yarn, Safari, Bluetooth, таблицы, alt, женщины CSS, styled_components, прогрессивное улучшение

37. Не обижайте CSS, флексы, JS 2016, PWA и React, без JS жизнь не та, не блокируйте вьюпорт

36. Safari TP, async/await, HTML 5.2, JS-модули, CSS и SVG, before и after, a11y, полифилы и React

35. Браузеры, CSS-свойства, Pointer Events, гриды, SVG, PWA, Bootstrap, скобки, a11y, начинающим

34. Гитхаб, браузеры, HTML и SVG, API, вёрстка писем, шрифты, дизайнеры, Sass, PostCSS и CSSTree

33. Safari, a11y, элементы, Mail.Ru, PWA, HTTPS, кастомные свойства, строчный код, конференции

32. Браузеры, кастомные элементы, border-image, font-display, Лия Веру и HTML, вомбаты и npm

31. Юбилей WebKit, будущее Firefox, безопасность, PWA, PostCSS, образование, генераторы статики

30. Старьё, React, SMIL, скрывать по-новому, Народ.ру на Гитхабе, сайт на 10 КБ, интернет в отпуске

29. Похороны Flash, Samsung Internet, книга «Секреты CSS», цветовые функции, SVG, курсор для кнопки

28. Браузеры, EdgeHTML, сервис-воркеры, чистый SVG, заливка текста и адаптивная вёрстка

27. Видео в iOS, ChakraCore и V8, доступные модалки, таблицы и формы, цветовые функции в CSS

26. Chrome 52, Safari и MathML, font-display, WebP и WebM, HyperTerm, книги, путь фронтендера

25. Atom, доступность, загрузка шрифтов, промисы, векторные эффекты, код и дизайн, Protein

24. Safari TP8, Servo, цвета в вебе, сетки, доступность, портфолио

23. HTML 5.1, Dreamweaver, Гудини, ссылки, безопасность и наставничество

22. Joyent, Element Queries, React в Mail.Ru, стандарты, собеседования, путь верстальщика

21. Google Fonts, CSS в Фейсбуке, нюансы флексов, ретина, кнопки или ссылки, Apple Pay в Safari

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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