Listen

Description

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

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

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

Темы

00:00:00 Интро
00:00:18 События
00:06:01 Firefox 49
00:08:09 Chromium 53
00:14:17 Pointer Events
00:23:09 Гриды
00:28:48 SVG
00:31:07 Google про PWA
00:31:58 Что мешает Bootstrap
00:33:39 Оптимизация скобками
00:37:42 Как доступно прятать
00:41:17 Советы начинающим

События

• MoscowJS Conf http://moscowjs.ru/event/moscowjs-conf
• SPB Frontend 26 сентября https://vk.com/spb_frontend_meetup_290916
• WSD в Питере 1 октября https://wsd.events/2016/10/01/
• Fronteers 6—7 октября https://fronteers.nl/congres/2016
• PiterCSS 11 октября https://pitercss.timepad.ru/
• Progressive Web Apps Day 11 октября http://pwaday.ru/
• Chrome Dev Summit 10—11 ноября https://developer.chrome.com/devsummit

Firefox 49

• Firefox 49 http://tanalin.com/blog/2016/09/firefox-49/

Chromium 53

• What’s new in Chromium 53 and Opera 40 https://dev.opera.com/blog/opera-40/
• Свойства scale, rotate и translate http://dabblet.com/gist/74c57eadaa747b7ad38bc5b916e3c144

Pointer Events

• Intent to Ship: Pointer Events https://groups.google.com/a/chromium.org/d/msg/blink-dev/UY1EfjaGF_E/OU7W_s3PAgAJ
• Роман Дворнов про Touch Events и Pointer Events https://youtu.be/dQoz5KZUH2M
• Touch Events, W3C Recommendation https://www.w3.org/TR/touch-events/
• Touch Events Level 2, Draft https://w3c.github.io/touch-events/
• Pointer Events, W3C Recommendation https://www.w3.org/TR/pointerevents/
• PEP.js https://github.com/jquery/PEP

Гриды

• CSS Grid meets the real world: a login form https://rachelandrew.co.uk/archives/2016/09/20/css-grid-meets-the-real-world-a-login-form/
• The CSSWG voted to send Grids Layout to CR https://twitter.com/jensimmons/status/778229882329374721
• Proposal for a new Region Spec, Jen Simmons https://speakerdeck.com/jensimmons/proposal-to-csswg-sept-2016
• Percentages and intrinsic size, Manuel Rego https://github.com/w3c/csswg-drafts/issues/509

SVG

• URL-encoder для SVG http://yoksel.github.io/url-encoder/ru/
• Инлайновые стили в background-image http://css.yoksel.ru/inline-styles-in-background/

Google про PWA

• Air Berlin: реализация Progressive Web App https://habr.ru/p/308498/
• Секреты Progressive Web Apps: часть 1 https://habr.ru/p/310454/

Что мешает Bootstrap

• Wall of browser bugs http://getbootstrap.com/browser-bugs/

Оптимизация скобками

• optimize-js https://github.com/nolanlawson/optimize-js

Как доступно прятать

• A11y.js: Hiding DOM elements https://allyjs.io/tutorials/hiding-elements.html

Советы начинающим

• Вёрстка интерактивного баннера https://medium.com/p/3eea3a642934
• Как быть начинающим и не сойти с ума http://blog.csssr.ru/2016/09/19/how-to-be-a-beginner-developer/

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/