CSSSR

Новости 512

Technology RU ↓ 272 episodes

Новости фронтенда и веб-разработки в целом, интересные статьи и другие новости IT в короткометражных эпизодах

Be sure to visit the podcast's website and support the creator: csssr.ru

Author

CSSSR

Episodes

Черновик WCAG 3.0, Chrome 89 Beta и ChromeOS 88, Vivaldi 3.6, aspect-ratio, плохой Redux 03.02.2021 6:37

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-146/ Сравнение скорости Cypress, Playwright, Papputeer и Selenium — https://blog.checklyhq.com/cypress-vs-selenium-vs-playwright-vs-puppeteer-speed-comparison/ Сравнение скорости Playwright, Papputeer и Selenium — https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-...

Firefox 85, GitLab 13.8, Node.js 15.7.0, null и undefined, приватность GitHub Pages и Open Web Docs 29.01.2021 9:25

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-145/ Порядок загрузки шрифтов с preload — https://nooshu.github.io/blog/2021/01/23/the-importance-of-font-face-source-order-when-used-with-preload/ Perceived Performance — https://habr.com/ru/company/oleg-bunin/blog/538466/ Разница между null и undefined — https://2ality.com/2...

Edge 88, React Context vs. Redux, фронтенд-ресурсы, запись скриптов Puppeteer, VS Code Day 2021 26.01.2021 6:48

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-144/ Компонент боковой навигации — https://web.dev/building-a-sidenav-component/ Демо компонента навигации — https://gui-challenges.web.app/sidenav/dist/ React Context vs. Redux — https://blog.isquaredsoftware.com/2021/01/context-redux-differences/ Оптимизация SmashingMagazine...

Chrome 88, Meteor.js 2.0, Deno 1.7, CSS clip-path(), 300+ вопросов по React, JS Rising Stars 2020 22.01.2021 7:19

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-143 Книга «Проектирование API» — https://twirl.github.io/The-API-Book/docs/API.ru.html CSS clip-path() — https://ishadeed.com/article/clip-path/ Портирование Firefox под Apple Silicon — https://hacks.mozilla.org/2021/01/porting-firefox-to-apple-silicon/ Перевод Puppeteer на Ty...

Snowpack 3, security-обновления Laravel, Node.js 15.6.0, 20 JS-фреймворков, чистый код на TS, SSR 19.01.2021 6:17

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-142 Компилируем Svelte в голове [EN] — https://lihautan.com/compile-svelte-in-your-head-part-1/ Компилируем Svelte в голове [RU] — https://m.habr.com/ru/post/536468/ Туториал по SSR — https://habr.com/ru/post/527310/ Оптимизация загрузки изображений — https://www.industrialemp...

Новогодние пробелы 15.01.2021 10:03

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-141/ Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Front-End Performance Checklist 2021 — https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/ Как мы распилили монолит, часть 4 — https://habr.com/ru/company/tinkoff/blog/534522/ Разработка real-life компонента — https://ishadeed.com/artic...

Новогодний спецвыпуск 2021 29.12.2020 6:48

В этом специальном выпуске мы подведём итоги года и раздадим призы лучшим новостям и событиям. С Наступающим 2021! Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-140/ Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Слушайте на любимой платформе: RSS — https://radio.csssr.com/rss/news512.rss Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815 Google Podca...

React Server Components, Ruby 3, фреймворк Turbo от Basecamp, Node.js 15.5.0, memory management в JS 26.12.2020 6:22

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-139/ Утечки памяти в Angular — https://medium.com/javascript-in-plain-english/understanding-memory-leaks-in-angular-4a738f7ce90d JavaScript Memory Management — https://felixgerschau.com/javascript-memory-management Event Loop and Call Stack — https://felixgerschau.com/javascri...

ES2021, итераторы, релизы CakePHP, Ember 3.23, npm 7.3.0, Zoom для школ от Ростелекома и Mail.ru 22.12.2020 6:43

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-138/ ES2021 [EN] — https://backbencher.dev/javascript/es2021-new-features ES2021 [RU] — https://habr.com/ru/post/533672/ Итераторы [EN] — https://mpodlasin.com/articles/iterables-and-iterators Итераторы [RU] — https://habr.com/ru/company/mailru/blog/533822/ Проверка на null в...

Firefox 84, «Фронтенд-2021» от Тинькофф, security-релизы Node.js, Deno 1.6, MDN Web DNA 2020 19.12.2020 5:33

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-137/ Фронтенд-2021 в Тинькофф — https://habr.com/ru/company/tinkoff/blog/533462/ Технологический радар фронтенда в Тинькофф — https://radar.tinkoff.ru/frontend Загрузка JS по взаимодействию — https://addyosmani.com/blog/import-on-interaction/ CSS Scroll Snap — https://ishadeed...

Bootstrap 5 Beta 1, Type Challenges, ускорение с ES2017, Web Almanac 2020, MDN Web Docs на Yari 16.12.2020 4:53

Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-136/ Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 ES2017 и EStimator.dev — https://web.dev/publish-modern-javascript/ Предотвращаем сдвиги в вёрстке с CSS Grid (EN) — https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/ Предотвращаем сдвиги в вёрстке с CSS Grid (RU) — https://css-live.ru/css/u...

NodeJS 15.4.0, Chrome 88 Beta, платформа BBC, RoR в 2020, Google Dev Summit 2020, Tinder в VSCode 11.12.2020 6:03

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Новая платформа BBC — https://medium.com/bbc-design-engineering/bbc-world-service-web-performance-26b08f7abfcc Репозиторий Simorgh — https://github.com/bbc/simorgh Effector в ДомКлик — https://habr.com/ru/company/domclick/blog/532016/ Как сделать TS максимально полезным — https://habr.com/ru/company/yandex/blog/532240/ Почему стоит отказать...

PhpStorm 2020.3; Playwright, Puppeteer и Selenium; Next.js в Lyft; Beaker 1.0; State of JS 2020 08.12.2020 5:48

Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Сравнение Playwright, Puppeteer и Selenium — https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/ Lyft внедряет Next.js — https://eng.lyft.com/changing-lanes-how-lyft-is-migrating-100-frontend-microservices-to-next-js-42199aaebd5f Видео о Lyft и Next.js с Next.js Conf — https://www.youtube.com/watch?v=bQIRpDfEgok...

WebStorm 2020.3, minmax(), Math.random() в JS, fwdays 2020, Advent of Code, Octoverse и State of CSS 03.12.2020 6:13

Новая форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 CSS Grid minmax() — https://ishadeed.com/article/css-grid-minmax/ Math.random() в JavaScript — https://css-tricks.com/lots-of-ways-to-use-math-random-in-javascript/ Плохие практики в React-компонентах — https://antongunnarsson.com/react-component-code-smells/ JavaScript 25 лет — https://www.jetbrains.com/lp/javascript-25/ Программиров...

PHP 8, TypeScript Performance от Microsoft, RoR 6.1 RC1, пишем фронтенд-фреймворк и ЯП на JavaScipt 01.12.2020 5:29

Новая форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Реактивные переменные GraphQL Apollo — https://www.smashingmagazine.com/2020/11/reactive-variables-graphql-apollo-client/ Создай фронтенд-фреймворк — https://mfrachet.github.io/create-frontend-framework/ Производительность TypeScript — https://github.com/microsoft/TypeScript/wiki/Performance Нестрогое сравнение и CPU — http://blog.per...

Браузер изнутри, git наглядно, bfcache, Electron 11, скепсис и Web Vitals, TIOBE в ноябре 27.11.2020 5:33

Новая форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Работа современных браузеров — https://developers.google.com/web/updates/2018/09/inside-browser-part1 Работа современных браузеров, перевод на Хабре — https://habr.com/ru/post/526696/ bfcache — https://web.dev/bfcache/ Адаптация NextJS — https://nextjs.org/blog/incremental-adoption Базовый гайд по Effector.js — https://dev.to/yanlobat...

Chrome 87, Firefox 83, TypeScript 4.1, aria-label, HTML-формы, CSS-градиенты, CSSBattle 2020 24.11.2020 5:38

Новая форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 HTML-формы — https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/ aria-label — https://html5accessibility.com/stuff/2020/11/07/not-so-short-note-on-aria-label-usage-big-table-edition/ Tinkoff пилит монолит, часть 3 — https://habr.com/ru/company/tinkoff/blog/527922/ Гайд по CSS-градиентам — https://c...

Angular 11, .NET 5.0, security-релизы, Container Query в Chrome, Bloomberg переходит на TS, werf.io 17.11.2020 7:18

Форма обратной связи: https://docs.google.com/forms/d/e/1FAIpQLSc6EGXljeXw_K1Y0CwEtGfmC6Rx77TXKl5JhS5c_u8VhLMy1Q/viewform Bloomberg переходит на TypeScript — https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/ Warp в Firefox 83 — https://hacks.mozilla.org/2020/11/warp-improved-js-performance-in-firefox-83/ Что нового в Vue 3 — https://www.smashingmagazine.com/2020/11/new...

NodeJS 15.1.0, TS 4.1 RC, Promises с нуля, нативность Sketch, тарифы Travis-CI, MDN Web DNA 2020 10.11.2020 4:27

Форма обратной связи: https://docs.google.com/forms/d/e/1FAIpQLSc6EGXljeXw_K1Y0CwEtGfmC6Rx77TXKl5JhS5c_u8VhLMy1Q/viewform Native CSS Grid Masonry Layout — https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/ Автоматизация версионирования с CD — https://css-tricks.com/how-to-automate-project-versioning-and-releases-with-continuous-deployment/ Переезд Quip на TS, часть 1 — https://qu...

NodeJS 14.15.0 LTS, NextJS 10, serverless-ужасы, offline-аналитика, package-lock.json, npm roadmap 03.11.2020 5:23

Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27 Ужасы serverless-архитектуры — https://thenewstack.io/serverless-horror-stories/ Аналитика оффлайн использования сайта — https://web.dev/measuring-offline-usage/ Lockfile — https://lucasfcosta.com/2020/10/17/lockfile-guide.html Реализация Autosave в Figma — https://www.figma.com/blog/behind-the-feature-autosave/ Введение в библиотеку Framer...

CSS 3D, гайд по Webpack 5, NodeJS 15, React 17 и CRA 4, Playwright Python, Composer 2, Observer APIs 26.10.2020 6:52

Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27 Как использовать Webpack 5 [EN] — https://www.taniarascia.com/how-to-use-webpack/ Как использовать Webpack 5 [RU] — https://habr.com/ru/post/524260/ Как использовать Webpack 5: шаблон на Github — https://github.com/taniarascia/webpack-boilerplate Observer APIs — https://indepth.dev/observer-apis-in-javascript-part-ii Расширяем сознание с CS...

MobX or Redux, Flexbox or CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 19.10.2020 5:23

Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27 Слабо документированные особенности Angular DI — https://habr.com/ru/company/tinkoff/blog/523160/ Выбор между Flexbox и CSS Grid EN — https://codecoda.com/en/blog/entry/css-layout-grid-vs-flexbox Выбор между Flexbox и CSS Grid RU — https://habr.com/ru/company/ruvds/blog/523808/ CSS Grid с Layoutit Grid — https://css-tricks.com/layoutit-grid...

Webpack 5 и Module Federation, Chrome 86, npm 7, Event Loop & Call Stack, Python 3.9, a11y-материалы 13.10.2020 6:55

Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27 HTTP Cache Partitioning — https://developers.google.com/web/updates/2020/10/http-cache-partitioning WeakSet in JS — https://blog.alexdevero.com/weakset-in-javascript/ Event Loop & Call Stack — https://felixgerschau.com/javascript-event-loop-call-stack/ Complete Guide to CSS Media Queries — https://css-tricks.com/a-complete-guide-to-css-...

CSS Grid в Chrome DevTools 87, микросервисы, TypeScript-хитрости, Spamtoberfest, эра VS Code 05.10.2020 6:14

Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27 Tinkoff пилит монолит на микросервисы — https://habr.com/ru/company/tinkoff/blog/517230/ | https://habr.com/ru/company/tinkoff/blog/520476/ TypeScript-хитрости — https://habr.com/ru/company/tinkoff/blog/521262/ V8 Indicium — https://v8.dev/blog/system-analyzer ECMAScript 2021 — https://2ality.com/2020/09/ecmascript-2021.html Троттлинг reque...

Firefox 81, новый JSX Transform, критика Web Components, оптимизация CDN, V8 8.6, Hacktoberfest 2020 29.09.2020 5:47

Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27 Новый JSX Transform - https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html Выбор и оптимизация CDN - https://web.dev/content-delivery-networks/ Асинхронные версии методов объекта Atomics - https://v8.dev/features/atomics Оптимизация Mercado Libre - https://web.dev/how-mercadolibre-optimized-web-vitals/ Критика Web Comp...