162. Npm, загрузка JS, JS в CSS, доступный TodoMVC, чекбоксы, выравнивание по тексту
25 февраля 2019
— Вадим Макеев
— Алексей Симоненко
Содержание
00:00:22 События
00:11:23 Npm для энтерпрайза
00:17:20 Приоритеты загрузки JS
00:23:53 Цена сторонних скриптов
00:43:13 JS прямо в CSS
00:53:19 Доступный TodoMVC
00:58:48 Кастомные чекбоксы
01:06:43 Выравнивание по тексту
Слушайте:
iTunes — https://itunes.apple.com/podcast/id1080500016
ВКонтакте — https://vk.com/podcasts-32017543
Яндекс.Музыка — https://music.yandex.ru/album/6245956
Spotify — https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV
Ютуб — https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
SoundCloud — https://soundcloud.com/web-standards
RSS — https://web-standards.ru/podcast/feed/
Читайте:
Твиттер — https://twitter.com/webstandards_ru
ВКонтакте — https://vk.com/webstandards_ru
Фейсбук — https://www.facebook.com/webstandardsru
Телеграм — https://t.me/webstandards_ru
Поддержите:
Патреон — https://www.patreon.com/webstandards_ru
Яндекс.Деньги — https://money.yandex.ru/to/41001119329753
PayPal — https://www.paypal.me/pepelsbey
Обсуждайте: http://slack.web-standards.ru/
События
Pitercss_meetup в Питере 27 февраля — https://medium.com/p/c80ba28e397e
JavaScript Party в Новосибирске 28 февраля — https://events.yandex.ru/events/meetings/28-02-2019/
Фронтенд-2019 в Москве 6 марта — https://leader-id.ru/event/16268/
Krasnodar Frontend Meetup #5 в Краснодаре 16 марта — https://krddevdays.timepad.ru/event/901953/
Secon в Пензе 19–20 апреля — https://2019.secon.ru/
React Amsterdam в Амстердаме 10–12 апреля — https://react.amsterdam/
15% скидка на React Amsterdam — WSD_RA_15
Патреон «Веб-стандартов» — https://www.patreon.com/webstandards_ru
Розыгрыш билета среди патронов — wst@web-standards.ru — mailto:wst@web-standards.ru
Npm для энтерпрайза
Npm Enterprise — https://www.npmjs.com/products/enterprise
Managing JavaScript in the Enterprise — https://blog.npmjs.org/post/182958759735/managing-javascript-in-the-enterprise
Приоритеты загрузки JS
JavaScript Loading Priorities in Chrome — https://addyosmani.com/blog/script-priorities/
Цена сторонних скриптов
Third Party Web — https://github.com/patrickhulce/third-party-web
65% of all script execution on the web — https://twitter.com/patrickhulce/status/1093961183562997760
JS прямо в CSS
Houdini: JS in CSS — https://css-houdini.rocks/js-in-css/
Доступный TodoMVC
Инклюзивные компоненты: список дел — https://medium.com/p/40a324436b3e
Кастомные чекбоксы
Кастомные чекбоксы правильно — https://youtu.be/E6kLaaQFctU
Демо с кодом — https://glitch.com/edit/#!/14-pepelsbey
The proposed box-suppress property — https://rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/
Выравнивание по тексту
Intro to Font Metrics — http://westonthayer.com/writing/intro-to-font-metrics/
Leading control at start/end of block — https://github.com/w3c/csswg-drafts/issues/3240
Видео 162. Npm, загрузка JS, JS в CSS, доступный TodoMVC, чекбоксы, выравнивание по тексту канала Веб-стандарты
— Вадим Макеев
— Алексей Симоненко
Содержание
00:00:22 События
00:11:23 Npm для энтерпрайза
00:17:20 Приоритеты загрузки JS
00:23:53 Цена сторонних скриптов
00:43:13 JS прямо в CSS
00:53:19 Доступный TodoMVC
00:58:48 Кастомные чекбоксы
01:06:43 Выравнивание по тексту
Слушайте:
iTunes — https://itunes.apple.com/podcast/id1080500016
ВКонтакте — https://vk.com/podcasts-32017543
Яндекс.Музыка — https://music.yandex.ru/album/6245956
Spotify — https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV
Ютуб — https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
SoundCloud — https://soundcloud.com/web-standards
RSS — https://web-standards.ru/podcast/feed/
Читайте:
Твиттер — https://twitter.com/webstandards_ru
ВКонтакте — https://vk.com/webstandards_ru
Фейсбук — https://www.facebook.com/webstandardsru
Телеграм — https://t.me/webstandards_ru
Поддержите:
Патреон — https://www.patreon.com/webstandards_ru
Яндекс.Деньги — https://money.yandex.ru/to/41001119329753
PayPal — https://www.paypal.me/pepelsbey
Обсуждайте: http://slack.web-standards.ru/
События
Pitercss_meetup в Питере 27 февраля — https://medium.com/p/c80ba28e397e
JavaScript Party в Новосибирске 28 февраля — https://events.yandex.ru/events/meetings/28-02-2019/
Фронтенд-2019 в Москве 6 марта — https://leader-id.ru/event/16268/
Krasnodar Frontend Meetup #5 в Краснодаре 16 марта — https://krddevdays.timepad.ru/event/901953/
Secon в Пензе 19–20 апреля — https://2019.secon.ru/
React Amsterdam в Амстердаме 10–12 апреля — https://react.amsterdam/
15% скидка на React Amsterdam — WSD_RA_15
Патреон «Веб-стандартов» — https://www.patreon.com/webstandards_ru
Розыгрыш билета среди патронов — wst@web-standards.ru — mailto:wst@web-standards.ru
Npm для энтерпрайза
Npm Enterprise — https://www.npmjs.com/products/enterprise
Managing JavaScript in the Enterprise — https://blog.npmjs.org/post/182958759735/managing-javascript-in-the-enterprise
Приоритеты загрузки JS
JavaScript Loading Priorities in Chrome — https://addyosmani.com/blog/script-priorities/
Цена сторонних скриптов
Third Party Web — https://github.com/patrickhulce/third-party-web
65% of all script execution on the web — https://twitter.com/patrickhulce/status/1093961183562997760
JS прямо в CSS
Houdini: JS in CSS — https://css-houdini.rocks/js-in-css/
Доступный TodoMVC
Инклюзивные компоненты: список дел — https://medium.com/p/40a324436b3e
Кастомные чекбоксы
Кастомные чекбоксы правильно — https://youtu.be/E6kLaaQFctU
Демо с кодом — https://glitch.com/edit/#!/14-pepelsbey
The proposed box-suppress property — https://rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/
Выравнивание по тексту
Intro to Font Metrics — http://westonthayer.com/writing/intro-to-font-metrics/
Leading control at start/end of block — https://github.com/w3c/csswg-drafts/issues/3240
Видео 162. Npm, загрузка JS, JS в CSS, доступный TodoMVC, чекбоксы, выравнивание по тексту канала Веб-стандарты
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Ответ на главный вопрос в CSS, Михаил Иванкив](https://i.ytimg.com/vi/cO2-zYzjyD0/default.jpg)
![Людоедский интерфейс, Вадим Макеев](https://i.ytimg.com/vi/KAK-WAb9vow/default.jpg)
![315. Как прошёл год: подкаст и другие проекты, фронтенд, JS, бэк и тулинг, один вопрос, чат и личное](https://i.ytimg.com/vi/t7Vrmaa57Oc/default.jpg)
![321. Safari TP, диалог в WebKit, Interop 2022, popup, SQL+CSS, жалобы на браузеры, Я Люблю Фронтенд](https://i.ytimg.com/vi/7mtokesuHGM/default.jpg)
![310. Полифил для Container Queries, Remix вместо Next.js, PWA в 2021, TypeScript в Etsy, CSS-ресеты](https://i.ytimg.com/vi/dpfcF6hMzao/default.jpg)
![Ошибка. Осознание, примирение, извлечение пользы](https://i.ytimg.com/vi/4srVRott8uU/default.jpg)
![](https://i.ytimg.com/vi/ycxm4YBrbtE/default.jpg)
![305. Экосистема 2021, VS Code в браузере, Node.js 17, Reporting API, автозаполнение, SPA или MPA](https://i.ytimg.com/vi/3OLPIyVMDGI/default.jpg)
![Как я перестал верить технологиям](https://i.ytimg.com/vi/p5g4giWmcvE/default.jpg)
![Старикам здесь не место?](https://i.ytimg.com/vi/ISmD4Lik5oY/default.jpg)
![Я и ИоТ](https://i.ytimg.com/vi/9mv-8gSyalU/default.jpg)
![Клеим будущее с помощью PWA](https://i.ytimg.com/vi/q8RID9nFWNM/default.jpg)
![320. Wolvic, бета Chrome 99, 2FA, Cooler, декораторы, Fetch, раскладка, Jest, Nova, редкие шрифты](https://i.ytimg.com/vi/dowVi6G9zy8/default.jpg)
![307. Firefox 94, Chrome Dev Summit, Web.Dev, Next.js, Yarn, TypeScript, вёрстка чата, взлом пакета](https://i.ytimg.com/vi/QH30wmmFpVU/default.jpg)
![304. State of CSS, цветовые палитры, Яндекс.Браузер, ввод пароля, CSS будущего, зачем нужна Дока](https://i.ytimg.com/vi/xnTK9soo4bg/default.jpg)
![303. Firefox 93, тёмная тема, баги браузеров, TypeScript 4.5, реальный перфоманс, новый сайт в 2021](https://i.ytimg.com/vi/yiH1dVFMF7w/default.jpg)
![318. Safari, сабгриды, Vue 3, оверрайды в npm, border-image, спеки, старые браузеры, TS и Девшахта](https://i.ytimg.com/vi/AAkmt2TwxtE/default.jpg)
![Фронтенд для новичка. Куда идти и что делать?](https://i.ytimg.com/vi/G9hMm77B1dk/default.jpg)
![Как хакнуть фронтенд](https://i.ytimg.com/vi/HYVXxeSjPK8/default.jpg)
![317. Firefox 96, State of JS, Figma, CSS Tools, CodePen, CSS-парсер на Rust, Eleventy 1.0, Metho](https://i.ytimg.com/vi/bTUsv5X_hYk/default.jpg)