CSSSR - Podcast Details

Shows

CSSSRChrome 133, Firefox 135, длинные таски в JS, массивы в TS, Interop 2025Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-270/ 0:00:00 Начало выпуска 0:00:23 Интересные публикации Длинные таски в JS — https://macarthur.me/posts/long-tasks/ Длинные таски в JS [RU] — https://habr.com/ru/companies/timeweb/articles/882418/ Секунда в JS — https://docs.timetime.in/blog/how-long-is-a-second-in-js/ Мифы об Electron — https://felixrieseberg.com/things-people-get-wrong-about-electron/ Утечки памяти через Observable — https://habr.com/ru/articles/879502/ Массивы в TS — https://2ality.com/2025/02/array-type-notation.html types во View Transitions — https://css-tricks.com/what-on-earth-is-the-types-descriptor-in-view-transitions/ Counter Styles — https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/ Текст вокруг элементов — https://css-tricks.com/positioning-text-around-elements-with-css-offset/ Эффекты в меню с Anchor Positioning — https://css-tricks.com/fancy-menu-navigation-using-anchor-positioning/ Введение в WASM в Deno — https://deno.com/blog/intro-to-wasm Vite + TS — https://www.robinwieruch.de/vite-typescript/ Nerdy Notebook — https://nerdy.dev/notebook/index.html Какой редактор выбрать — https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025 Тест-раннер Poku — https://github.com/wellwelwel/poku/releases/tag/v3.0.0 Ruck — https://ruck.tech/ Алгоритмы и структуры данных с JS — https://habr.com/ru/comp...2025-03-0209 min

CSSSRАрхитектура, System Design, Temporal, NestJS 11, Vitest 3, Angular в 2025 годуФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-269/ 0:00:00 Начало выпуска 0:00:25 Интересные публикации System Design для начинающих, часть 1 — https://habr.com/ru/articles/873388/ System Design для начинающих, часть 2 — https://habr.com/ru/articles/877312/ Архитектурные паттерны для высокой масштабируемости, часть 1 — https://habr.com/ru/articles/871500/ Архитектурные паттерны для высокой масштабируемости, часть 2 — https://habr.com/ru/articles/871784/ tsconfig — https://2ality.com/2025/01/tsconfig-json.html RegExp pattern modifiers — https://2ality.com/2025/01/regexp-modifiers.html Temporal — https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/ Type stripping — https://satanacchio.hashnode.dev/everything-you-need-to-know-about-nodejs-type-stripping Год без React со Stimulus — https://kellysutton.com/2025/01/18/moving-on-from-react-a-year-later.html 5 лет React Native в Shopify — https://shopify.engineering/five-years-of-react-native-at-shopify Генеративный арт — https://tympanus.net/codrops/2025/01/15/creating-generative-artwork-with-three-js/ Svelte 5 и будущее фреймворков — https://www.smashingmagazine.com/2025/01/svelte-5-future-frameworks-chat-rich-harris/ Дополненная реальность в вебе — https://habr.com/ru/companies/kts/articles/874464/ Подборка ИИ-инструментов для веба — https://habr.com/ru/companies/timeweb/articles/873430/ Рефакторь как супергерой — https://refactor-like-a-superhero.vercel.app/en 0:04:33 Новости релизов Security-релизы января от Oracle — https://blogs.oracle.com/security/post/january-2025-cpu-released Security-релизы января от Node.js — https://nodejs.org/en/blog/vulnerability/janu...2025-02-0507 min

CSSSRИтоги 2024 годаВ этом выпуске мы коротко подведём итоги года. Я постараюсь рассказать о том, что запомнилось, было важно или оказало влияние на индустрию. Текстовая версия подкаста: https://blog.csssr.com/ru/news512/episode/news-267/ Материалы: ES2024 – https://exploringjs.com/js/book/ch_new-javascript-features.html#new-in-es2024 React 19 [EN] – https://react.dev/blog/2024/12/05/react-19 React 19 [RU] – https://habr.com/ru/articles/865416/ Next.js 15 – https://nextjs.org/blog/next-15 Svelte 5 – https://svelte.dev/blog/svelte-5-is-alive Deno 2.0 – https://deno.com/blog/v2.0 Петиция Deno – https://deno.com/blog/deno-v-oracle Ответ Oracle – https://deno.com/blog/deno-v-oracle/20241204-notice-of-appearance.pdf Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Слушайте на любимой платформе: YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA RSS — https://radio.csssr.com/rss/news512.rss Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815 Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14 SoundCloud — https://soundcloud.com/csssr/sets/512-news Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992 Пишите нам и читайте: Telegram 2024-12-2805 min

CSSSRReact 19, TypeScript 5.7, Firefox 133, Vite 6, Astro 5, Deno 2.1, advent-календариФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-266/ 0:00:00 Начало выпуска 0:01:16 Интересные публикации CSS Wrapped 2024 — https://chrome.dev/css-wrapped-2024/ Vanilla Calendar Pro — https://habr.com/ru/articles/862216/ npm-пакеты — https://habr.com/ru/companies/ozontech/articles/857954/ Приложение на Solid.js с Deno — https://deno.com/blog/build-solidjs-with-deno Импорт JS-библиотек без билд-систем — https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/ Scheduler API — https://www.trevorlasn.com/blog/javascript-scheduler-api Матовое стекло [EN] — https://www.tyleo.com/html-glass.html Матовое стекло [RU] — https://habr.com/ru/articles/861290/ Improve INP, part 1 — https://kurtextrem.de/posts/improve-inp Improve INP, part 2 — https://kurtextrem.de/posts/improve-inp-react Плагины для Obsidian, часть 1 — https://habr.com/ru/articles/861230/ Плагины для Obsidian, часть 2 — https://habr.com/ru/articles/862166/ eslint-plugin-perfectionist — https://github.com/azat-io/eslint-plugin-perfectionist React Scan — https://react-scan.com/ Ошибки идеального программиста — https://habr.com/ru/articles/860656/ 0:05:55 Новости релизов Firefox 1...2024-12-1509 min

CSSSRNext.js 15, Svelte 5, .NET 9, Node.js 22.11.0 LTS, генераторы, ES2025 import attributesФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-265/ 0:00:00 Начало выпуска 0:00:35 Интересные публикации Уменьшение монорепозитория — https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/ Генераторы — https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/ Атрибуты импортов в JS — https://www.trevorlasn.com/blog/import-attributes-in-javascript Гайд по анализу производительности — https://blog.jiayihu.net/comprenhensive-guide-chrome-performance/ Настройка проекта Next.js 15 — https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production Приложение на Vue и Django — https://www.thedevspace.io/community/django-vue Headless CMS — https://www.builder.io/blog/headless-cms Виды рендеринга — https://habr.com/ru/companies/domclick/articles/855982/ Vue и SSR — https://www.debugbear.com/blog/vue-ssr Zod — https://habr.com/ru/articles/855734/ Алгоритмы и структуры данных на JS, часть 6 — https://habr.com/ru/companies/timeweb/articles/845544/ GenAIScript — https://microsoft.github.io/genaiscript/ AI-инструменты для разработки — https://habr.com/ru/articles/855634/ 0:05:57 Новости релизов Chrome 131 — https://developer.chrome.com/blog/new-in-chrome-131 Chrome DevTools 131 — https://developer.chrome.com/blog/new-in-devtools-131 Firefox 132 — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/132 Next.j...2024-11-1910 min

CSSSRChrome 130, Node.js 23, Deno 2, Next.js 15 RC, CJS → ESM, Anchor Positioning, Clipboard APIФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-264/ 0:00:00 Начало выпуска 0:00:43 Интересные публикации TC39 Advances 10+ ECMAScript Proposals — https://socket.dev/blog/tc39-advances-10-ecmascript-proposals-key-features-to-watch How to convert CommonJS to ESM — https://deno.com/blog/convert-cjs-to-esm Building a Single-Page App with htmx [EN] — https://jakelazaroff.com/words/building-a-single-page-app-with-htmx/ Building a Single-Page App with htmx [EN] — https://habr.com/ru/companies/ruvds/articles/849854/ React Folder Structure 2024 — https://www.robinwieruch.de/react-folder-structure/ CSS Anchor Positioning Guide — https://css-tricks.com/css-anchor-positioning-guide/ Popover API — https://www.voorhoede.nl/en/blog/the-popover-api-your-new-best-friend-for-tooltips/ 18 Interview Questions answered by Angular Experts — https://www.angularspace.com/18-interview-questions-answered-by-angular-experts-live-post/ Clipboard API Read — https://frontendmasters.com/blog/reading-from-the-clipboard-in-javascript/ Clipboard...2024-10-1809 min

CSSSRDeno 2.0 RC, Express 5, Firefox 131, void(0) от Эвана Ю, ФП в JS, Hacktoberfest 2024Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-263/ 0:00:00 Начало выпуска 0:00:47 Интересные публикации AbortController — https://kettanaito.com/blog/dont-sleep-on-abort-controller FP in JavaScript — https://janhesters.com/blog/unleash-javascripts-potential-with-functional-programming WeakRef & FinalizationRegistry — https://habr.com/ru/companies/otus/articles/843812/ Деструктуризация в JS — https://piccalil.li/blog/a-guide-to-destructuring-in-javascript/ Playwright + Next.js — https://habr.com/ru/companies/kts/articles/843054/ Фикстуры в Playwright — https://habr.com/ru/articles/848434/ Пишем свой плагин для Webpack — https://habr.com/ru/articles/846022/ 50 понятий System Design — https://habr.com/ru/companies/timeweb/articles/846420/ Правила разработки с Node.js — https://www.platformatichq.com/node-principles Приёмы отладки [RU] — https://habr.com/ru/companies/ruvds/articles/842428/ Приёмы отладки [EN] — https://alan.norbauer.com/articles/browser-debugging-tricks История бандлинга — https://www.youtube.com/watch?v=JUS6EPMbk0U Как Райан Дал пришёл к Deno — https://www.youtube.com/watch?v=zxitJn9MwYs 0:05:34 Новости релизов Firefox 131 — https://www.mozilla.org/en-US/firefox/131.0/releasenotes/ Firefox 131 for d...2024-10-0809 min

CSSSRTypeScript 5.6, Vue 3.5, Firefox 130, опыт с Effector, State of HTML 2024Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-262/ 0:00:00 Начало выпуска 0:00:39 Интересные публикации Новое в React 19 — https://vercel.com/blog/whats-new-in-react-19 React Compiler — https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/ React and FormData — https://reacttraining.com/blog/react-and-form-data Особенности Effector — https://habr.com/ru/companies/vk/articles/839632/ Мутационное тестирование — https://sentry.engineering/blog/js-mutation-testing-our-sdks Многопоточность в Node.js — https://pavel-romanov.com/multithreading-in-nodejs-using-atomics-for-safe-shared-memory-operations Работа с буфером обмена — https://alexharri.com/blog/clipboard Работа с буфером обмена, перевод — https://habr.com/ru/companies/beget/articles/841446/ Алгоритмы и структуры данных на JS, часть 4 — https://habr.com/ru/companies/timeweb/articles/836782/ Алгоритмы и структуры данных на JS, часть 5 — https://habr.com/ru/companies/timeweb/articles/838794/ 10 ошибок в Angular — https://angularexperts.io/blog/top-10-angular-architecture-mistakes Присмотритесь к PHP — https://www.mux.com/blog/php-is-the-new-javascript Как адаптировать Chrome-дополнение для Safari — https://evilmartians.com/chronicles/how-to-quickly-and-weightlessly-convert-chrome-extensions-to-safari Почему стоит использовать Redux в 2024 году — https://gitnation.com/contents/why-you-should-use-redux-in-2024 Как собирают и поставляют VShttps://www.youtube.com/watch?v=BDU63r4bS9Q 0:05:18 Новости релизов Firefox 130 — https...2024-09-2209 min

CSSSRChrome 128, npm-пакеты 2024, Temporal, Telegram Mini App, State of CSS 2024, уход NotionФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-261/ 0:00:00 Начало выпуска 0:00:31 Интересные публикации How To Create An NPM Package 2024 — https://www.totaltypescript.com/how-to-create-an-npm-package JS Dates Are About to Be Fixed — https://docs.timetime.in/blog/js-dates-finally-fixed/ Даты в Javascript наконец-то пофиксят — https://habr.com/ru/articles/838378/ The History And Future Of Regular Expressions In JavaScript — https://www.smashingmagazine.com/2024/08/history-future-regular-expressions-javascript/ Wasp — https://wasp-lang.dev/blog/2024/08/20/django-vs-wasp JavaScript Generators Explained — https://www.reactsquad.io/blog/understanding-generators-in-javascript How Google handles JavaScript throughout the indexing process — https://vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process Как Google обрабатывает JavaScript в процессе индексации веб-страниц — https://habr.com/ru/companies/timeweb/articles/836866/ Ryan Dahl explains why Deno had to evolve with version 2.0 — https://stackoverflow.blog/2024/08/20/ryan-dahl-deno-20-scale-improve-npm-nodejs/ React is (becoming) a Full-S...2024-08-3109 min

CSSSRУтечки, Svelte 5, деревья, Puppeteer с поддержкой Firefox, Firefox 129, React Native 0.75Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-260/ 0:00:00 Начало выпуска 0:00:32 Интересные публикации Утечки памяти — https://www.trevorlasn.com/blog/common-causes-of-memory-leaks-in-javascript Интересный кейс возникновения утечки — https://jakearchibald.com/2024/garbage-collection-and-closures/ Safe assignment proposal — https://github.com/arthurfiorette/proposal-safe-assignment-operator Introducing Svelte 5 — https://frontendmasters.com/blog/introducing-svelte-5/ Snippets in Svelte 5 — https://frontendmasters.com/blog/snippets-in-svelte-5/ Reactivity in Svelte 5 — https://frontendmasters.com/blog/fine-grained-reactivity-in-svelte-5/ Экспериментальная поддержка TypeScript в Node.js — https://socket.dev/blog/node-js-adds-experimental-support-for-typescript TypeScript через множества — https://www.rob.directory/blog/a-different-way-to-think-about-typescript Алгоритмы и структуры данных на JS, часть 3 — https://habr.com/ru/companies/timeweb/articles/832402/ Советы для React Testing Library — https://spin.atomicobject.com/react-testing-library-unit-tests/ Основы тестирования React с Cypress — https://habr.com/ru/companies/otus/articles/831904/ Поддержка Firefox в Puppeteer 23 — https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/ Vue сертификация — https://habr.com/ru/articles/832992/ Рендеринг в браузере — https://habr.com/ru/articles/834184/ 0:05:09 Новости релизов Firefox 129 — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Rele...2024-08-2006 min

CSSSRChrome 127, Firefox 128, Arc для Win10, pnpm 9.5, localStorage, Event Loop, State of React 2023Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-259/ 0:00:00 Начало выпуска 0:01:02 Интересные публикации React Server Components и React Query — https://frontendmasters.com/blog/combining-react-server-components-with-react-query-for-easy-data-management/ Не стреляем себе в ногу с localStorage — https://habr.com/ru/articles/828912/ React Native для React-разработчиков — https://expo.dev/blog/from-web-to-native-with-react Не блокируем Event Loop — https://www.bbss.dev/posts/eventloop/ Алгоритмы и структуры данных на JS, часть 1 — https://habr.com/ru/companies/timeweb/articles/826424/ Алгоритмы и структуры данных на JS, часть 2 — https://habr.com/ru/companies/timeweb/articles/828068/ Стоит ли решать задачи на алгоритмы — https://habr.com/ru/articles/828048/ Миллионы частиц на JS — https://dgerrells.com/blog/how-fast-is-javascript-simulating-20-000-000-particles React Hook Form — https://habr.com/ru/companies/otus/articles/829326/ Тесты и принципы F.I.R.S.T — https://habr.com/ru/articles/830962/ Выбор JS-фреймворка — https://habr.com/ru/articles/831726/ Запись докладов dotJS 2024 — https://www.youtube.com/playlist?list=PLMW8Xq7bXrG7fOUOLJQw9I7ygJCbue9zO#dotjs2024 Будущее ESLint — https://eslint.org/blog/2024/07/whats-coming-next-for-eslint/ 0:05:11 Новости релизов Chrome 127 — https://developer.chrome.com/b...2024-08-0510 min

CSSSRES2024, React Compiler, Node.js 20.15.0, Playwright и Allure, MySQL 9.0Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-258/ 0:00:00 Начало выпуска 0:00:59 Интересные публикации Ecma International approves ECMAScript 2024: What’s new? — https://2ality.com/2024/06/ecmascript-2024.html New in ECMAScript 2024 — https://exploringjs.com/js/book/ch_new-javascript-features.html#new-in-es2024 Understanding React Compiler — https://tonyalicea.dev/blog/understanding-react-compiler/ Утечки памяти в замыканиях и useCallback — https://habr.com/ru/companies/piter/articles/824454/ New JavaScript Set methods — https://developer.mozilla.org/en-US/blog/javascript-set-methods/ Многопоточность JavaScript с SharedArrayBuffer и Atomics: основы — https://habr.com/ru/companies/otus/articles/821805/ Гайд по UI-китам — https://habr.com/ru/companies/agima/articles/825080/ Playwright и Allure — https://habr.com/ru/companies/clevertec/articles/822583/ Вам не нужен Lodash — https://habr.com/ru/articles/823484/ 0:04:37 Новости релизов Node.js 20.15.0 — https://nodejs.org/en/blog/release/v20.15.0 Astroo 4.11 — https://astro.build/blog/astro-4110/ My SQL 9.0 — https://dev.mysql.com/doc/refman/9.0/en/mysql-nutshell.html PostgreSQL...2024-07-0906 min

CSSSRTypeScript 5.5, Safari 18 Beta, Chrome 126, Firefox 127, антипаттерны для CTO, State of JS 2023Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-257/ 00:00:00 Начало выпуска 00:00:25 Интересные публикации Проба React Compiler — https://www.developerway.com/posts/i-tried-react-compiler Ещё о React Compiler — https://www.mikejohnson.dev/posts/2024/06/mobx-react-compiler Уроки менеджмента для CTO — https://review.firstround.com/unexpected-anti-patterns-for-engineering-leaders-lessons-from-stripe-uber-carta/ Композиция функций — https://jrsinclair.com/articles/2024/how-to-compose-functions-that-take-multiple-parameters-epic-guide/ Публикация модулей в разных форматах — https://johnnyreilly.com/dual-publishing-esm-cjs-modules-with-tsup-and-are-the-types-wrong tsup — https://github.com/egoist/tsup Are The Types Wrong? — https://github.com/arethetypeswrong/arethetypeswrong.github.io Директивы Vue и Angular — https://www.telerik.com/blogs/angular-directives-vs-vue-directives Node.js Test Runner — https://nodejs.org/en/learn/test-runner/using-test-runner 10 лет Vue — https://www.youtube.com/watch?v=OmrwRrZitv4 Тулза для TS-проектов — https://www.youtube.com/watch?v=PxIBWjiv3og&ab_channel=Effect%7CTypeScriptatScale Effect — https://github.com/Effect-TS Container Queries — https://css-tricks.com/css-container-queries/ Сборник материалов по CSS — https://www.smashingmagazine.com/2024/06/cs...2024-06-2511 min

CSSSRПаттерны SPA, SolidStart 1.0, Astro 4.10, оптимизация расширения 1Password, декомпозицияФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-256/ 0:00:00 Начало выпуска 0:00:00 Интересные публикации Data Fetchingg Patterns in SPA — https://martinfowler.com/articles/data-fetch-spa.html 1Password с esbuild — https://blog.1password.com/new-extension-build-system/ Promises — https://www.joshwcomeau.com/javascript/promises/ Декомпозиция — https://habr.com/ru/companies/tbank/articles/817755/ From ESLint & Prettier to Biome — https://kittygiraudel.com/2024/06/01/from-eslint-and-prettier-to-biome/ ESLint Configuration Migrator — https://eslint.org/blog/2024/05/eslint-configuration-migrator/ The Dilemmas You'll Face When Creating a Component Library — https://github.com/andrico1234/the-dilemmas-youll-face Goodbye Netlify, Hello Cloudflare — https://harrisonbroadbent.com/blog/goodbye-netlify-hello-cloudflare/ Node.js Performance Hooks — https://pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model Node.js Test Runner: A Beginner's Guide — https://betterstack.com/community/guides/testing/nodejs-test-runner/ Touch-жесты на чистом JS — htt...2024-06-0710 min

CSSSRAngular 18, Chrome 125, Firefox 126, React Conf, State of HTML 2023Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-255/ 0:00:00 Начало выпуска 0:00:40 Интересные публикации Figmas journey to TypeScript — https://www.figma.com/blog/figmas-journey-to-typescript-compiling-away-our-custom-programming-language/ Merging Remix and React Router — https://remix.run/blog/merging-remix-and-react-router React Conf 2024. React v19 — https://habr.com/ru/articles/814671/ React 19 lets you write impossible components — https://www.mux.com/blog/react-19-server-components-and-actions The Forensics Of React Server Components (RSCs) — https://www.smashingmagazine.com/2024/05/forensics-react-server-components/ React Compiler: In-Depth Beyond React Conf 2024 — https://www.youtube.com/watch?v=PYHBHK37xlE 5 Node Version Managers Compared — https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you An Interactive Guide to CSS Container Queries — https://ishadeed.com/article/css-container-query-guide/ Personal-scale Web scraping for fun and profit — https...2024-05-2909 min

CSSSRReact 19 Beta, Node.js 22, TypeScript 5.5 Beta, Front-end Handbook 2024, JSR, TechRadar April 2024Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-254/ 0:00:00 Начало выпуска 0:01:20 Интересные публикации Front-end Handbook 2024 — https://frontendmasters.com/guides/front-end-handbook/2024/ JSR Is Not Another Package Manager — https://deno.com/blog/jsr-is-not-another-package-manager Миграция с Mocha на Node Test Runner — https://astro.build/blog/node-test-migration/ Миграция проекта на Bun — https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render Руководство по Next.js, часть 2 — https://habr.com/ru/companies/timeweb/articles/808259/ Руководство по Next.js, часть 3 — https://habr.com/ru/companies/timeweb/articles/810055/ Оптимизация JavaScript: Inline Caches — https://habr.com/ru/articles/810543/ Преобразования данных с React Query — https://habr.com/ru/articles/810211/ Альтернатива Storybook Ladle — https://ladle.dev/ 0:04:46 Новости релизов Node.js 22.0.0 — https://nodejs.org/en/blog/release/v22.0.0 Deno 1.43 — https://deno.com/blog/v1.43 Bun 1.1.6 — https://bun.sh/blog/bun-v1.1.6 React 19 Beta — https://react.dev/blog/2024/04/25/react-19 React 19 Beta Upgrade Guide — https://react.dev/blog/2024/04/25/react-19-upgrade-guide React 18.3.0 — https...2024-05-0609 min

CSSSRChrome 124, Firefox 125, Netflix SafeTest, создание CLI, внутри htmx, опенсорс-граблиФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-253/ 0:00:00 Начало выпуска 0:00:41 Интересные публикации SafeTest от Netflix — https://habr.com/ru/companies/otus/articles/803049/ Qwik vs. Next.js — https://outshift.cisco.com/blog/qwik-vs-nextjs Анатомия htmx — https://habr.com/ru/companies/timeweb/articles/799555/ Тёмная сторона Open Source — https://habr.com/ru/articles/802845/ Выкиньте свой husky — https://habr.com/ru/articles/807763/ CLI с библиотекой oclif — https://www.joshcanhelp.com/oclif/ UX-практики отображения прогресса для CLI — https://evilmartians.com/chronicles/cli-ux-best-practices-3-patterns-for-improving-progress-displays Создание и публикация библиотек в npm — https://habr.com/ru/articles/804403/ 0:04:50 Новости релизов Chrome 124 — https://developer.chrome.com/blog/new-in-chrome-124 Chrome DevTools 124 — https://developer.chrome.com/blog/new-in-devtools-124 Firefox 125 — https://www.mozilla.org/en-US/firefox/125.0.1/releasenotes/ Firefox 125 for devs — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/125 Next.js 14.2 — https://nextjs.org/blog/next-14-2 Biome 1.7 — https://biomejs.dev/blog/biome-v1-7/ ESLint 9.0 — https://eslint.org/blog/2024/0...2024-04-2008 min

CSSSRChrome 122, Firefox 123, Astro 4.4, Strict Mode, 2023 год для разных инструментовФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-251/ 0:00:00 Начало выпуска 0:00:40 Интересные публикации Modern CSS Features 2024 — https://youtu.be/TEMKKfQpY94?si=v8ixjBxiB6ndXoKD Интерактивный гайд по :has() — https://ishadeed.com/article/css-has-guide Strict Mode — https://habr.com/ru/articles/791978/ Event Loop. Мифы и реальность — https://habr.com/ru/articles/789572/ Интеграция React и Angular — https://habr.com/ru/articles/794082/ Static Roots в V8 — https://v8.dev/blog/static-roots Новые хуки в React — https://habr.com/ru/companies/timeweb/articles/793660/ Как писать хуки чище — https://habr.com/ru/articles/796143/ Гайд по localStorage — https://rxdb.info/articles/localstorage.html Гайд по множествам в JS — https://www.sonarsource.com/blog/union-intersection-difference-javascript-sets/ Иммутабельное обновление массивов — https://web.dev/blog/array-with Часы на чистом CSS — https://habr.com/ru/articles/796639/ Цикл о git — https://blog.gitbutler.com/git-tips-and-tricks/ Google Apps Script — https://habr.com/ru/companies/agima/articles/796677/ Интервью Рича Харриса — https://www.youtube.com/watch?v=z7n17ajJpCo Над чем работает команда React — https://react.dev/blog/202...2024-03-0112 min

CSSSRTypeScript 5.4 Beta, Figma dev, Interop 2024, Zod, Deno 1.40Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-250/ 0:00:00 Начало выпуска 0:01:01 Интересные публикации Критика App Router Next.js — https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly Будущее Figma Dev Mode — https://www.figma.com/blog/dev-mode-ga/ Vite виесто Vue-CLI и Webpack — https://habr.com/ru/articles/789584/ Старт React-проекта в 2024 — https://www.robinwieruch.de/react-starter/ Cache API — https://habr.com/ru/articles/788786/ Тестирование Bluetooth с Puppeteer — https://developer.chrome.com/blog/test-web-bluetooth-with-puppeteer?hl=ru Elasticsearch и Meilisearch в Strapi — https://habr.com/ru/articles/791414/ 12 улучшений CSS — https://moderncss.dev/12-modern-css-one-line-upgrades/ 11 полезных фич DevTools — https://habr.com/ru/articles/791554/ Bun Shell — https://bun.sh/blog/the-bun-shell Бенчмарки pnpm и конкурентов — https://pnpm.io/benchmarks 0:05:32 Новости релизов TypeScript 5.4 Beta — https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/ Февральские security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/february-2024-security-releases Deno 1.40 — https://deno.com/blog/v1.40 ...2024-02-0908 min

CSSSRChrome 121, Firefox 122, CSS 2023, IndexedDB, полезные подборки, обновление TIOBEФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-249/ 0:00:00 Начало выпуска 0:00:44 Интересные публикации CSS 2023 — https://developer.chrome.com/blog/css-wrapped-2023 IndexedDB Guide — https://blog.xnim.me/indexeddb-guide Золотое правило сравнения — https://www.epicweb.dev/the-golden-rule-of-assertions Для чего нужны тесты — https://www.epicweb.dev/the-true-purpose-of-testing JS однопоточный? — https://habr.com/ru/articles/786330/ View Trannsitions API, часть 1 — https://www.smashingmagazine.com/2023/12/view-transitions-api-ui-animations-part1/ View Trannsitions API, часть 2 — https://www.smashingmagazine.com/2024/01/view-transitions-api-ui-animations-part2/ Удобный API файловыой системы — https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/ Переход с Redux на Effector — https://habr.com/ru/companies/simbirsoft/articles/787244/ htmx JS-фреймворк или нет? — https://htmx.org/essays/is-htmx-another-javascript-framework/ htmx за 10 минут — https://www.youtube.com/watch?v=r0XBULqzsT0 Чек-лист для дезайн-систем — https://www.designsystemchecklist.com/ Принципы разработки IBM — https://www.designprinciplesftw.com/collections/ibm-design-principles Демо возможностей PWA — https://whatpwacando.today/ 33 концепта JS [EN] — https://github.com/leonardomso/33-js-concepts 33 концепта JS [RU] — https://github.com/gumennii/33-js-concepts 5 предсказаний SRE — https...2024-01-2711 min

CSSSRFirefox 121, Safari 17.2, Vue 3.4, Deno 1.39, StyleX, клонирование, вопросы с собесов, критика RSCФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-248/ 0:00:00 Начало выпуска 0:00:48 Интересные публикации Критика RSC — https://www.mayank.co/blog/react-server-components/ Планы фреймворков на 2024 — https://thenewstack.io/2024-predictions-by-javascript-frontend-framework-maintainers/ StyleX от Facebook — https://habr.com/ru/articles/781000/ Обзор StyleX — https://habr.com/ru/articles/781166/ Глубокое копирование JS-объектов — https://www.builder.io/blog/structured-clone Профилирование и оптимизация JS-библиотек — https://calendar.perfplanet.com/2023/benchmarking-profiling-and-optimizing-javascript-libraries/ Вопросы и ответы для собеседований: JS — https://habr.com/ru/articles/784548/ Вопросы и ответы для собеседований: TS — https://habr.com/ru/articles/785596/ Библиотеки для React на все случаи жизни — https://www.robinwieruch.de/react-libraries/ JS без систем билда — https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/ Введение в htmx — https://refine.dev/blog/what-is-htmx/ 0:04:33 Новости релизов Firefox 121 — https://www.mozilla.org/en-US/firefox/121.0/releasenotes/ Firefox 121 for devs — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/121 Safari 17.2 — https://webkit.org/blog/14787/webkit-features-in-safari-17-2/ Vue 3.4 — https://blog.vuejs.org/posts/vue-3-4 Deno 1.39 — https://deno.com/blog/v1.39 Node.js 21.5.0 — https://nodejs.org/en/blog/release/v21.5.0 Node.js 20.11.0 — https://nodejs.org/en/blog/release/v20.11.0 Remix 2.40 — https://github...2024-01-1508 min

CSSSRНовогодний спецвыпуск с итогами годаФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-247/ Отдельная статья с итогами 2023 года в блоге CSSSR — https://blog.csssr.com/ru/article/year-resume-2023/ Слушайте на любимой платформе: YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA RSS — https://radio.csssr.com/rss/news512.rss Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815 Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14 SoundCloud — https://soundcloud.com/csssr/sets/512-news Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992 Пишите нам и читайте: Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev Twitter новостей: https://twitter.com/csssr_news Telegram ведущего: https://t.me/Vindizh Twitter ведущего: https://twitter.com/Vindizh 2023-12-2908 min

Новости 512Новогодний спецвыпуск с итогами годаФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-247/ Отдельная статья с итогами 2023 года в блоге CSSSR — https://blog.csssr.com/ru/article/year-resume-2023/ Слушайте на любимой платформе: YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA RSS — https://radio.csssr.com/rss/news512.rss Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815 Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14 SoundCloud — https://soundcloud.com/csssr/sets/512-news Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992 Пишите нам и читайте: Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev Twitter новостей: https://twitter.com/csssr_news Telegram ведущего: https://t.me/Vindizh Twitter ведущего: https://twitter.com/Vindizh 2023-12-2908 min

CSSSRChrome 120, Firefox 120, PHP 8.3, Astro 4, создай фреймворк, рейтинг суперкомпьютеровФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-246/ 0:00:00 Начало выпуска 0:00:40 Интересные публикации Создай фреймворк — https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/ Польза веб-компонентов — https://jakelazaroff.com/words/web-components-eliminate-javascript-framework-lock-in/ Элемент dialog — https://habr.com/ru/articles/778542/ Компилятор Magled в V8 — https://v8.dev/blog/maglev WebSocket в Node.js и Bun — https://lemire.me/blog/2023/11/25/a-simple-websocket-benchmark-in-javascript-node-js-versus-bun/ Прокачка PM2 — https://habr.com/ru/articles/778316/ Обновление Prettier CLI — https://prettier.io/blog/2023/11/30/cli-deep-dive.html Фикстуры в Playwright — https://www.checklyhq.com/blog/track-frontend-javascript-exceptions-with-playwright/ Шпаргалка по Puppeteer — https://proxiesapi.com/articles/the-complete-puppeteer-cheatsheet Восстановление удаленных изменений в git — https://www.smashingmagazine.com/2023/12/recovering-deleted-files-git-working-tree/ Состояние Vue и Vite — https://www.youtube.com/watch?v=Hz_zCR28oKE 10 фич JS в 2023 — https://www.youtube.com/watch?v=ANCm3oG7htM 0:05:17 Новости релизов Chrome 120 — https://developer.chrome.com/blog/new-in-chrome-120 Chrome DevTools 120 — https://developer.chrome.com/blog/new-in-devtools-120 Firefox 120 — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/120 Node.js 18.19.0 — https://nodejs.o...2023-12-1510 min

CSSSRTypeScript 5.3, TS-практики, Vite 5, аналитика по Vue-экосистеме, State of JS 2023Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-245/ 0:00:00 Начало выпуска 0:00:46 Интересные публикации Явное управление ресурсами в JS и TS — https://iliazeus.github.io/articles/js-explicit-resource-management-ru/ Лучшие практики TS — https://habr.com/ru/articles/775524/ Глубокое погружение в типы данных JS — https://habr.com/ru/articles/774548/ The Unbearable Weight of Massive JavaScript — https://www.youtube.com/watch?v=f5felHJiACE Интерактивный гайд по CSS Grid — https://www.joshwcomeau.com/css/interactive-guide-to-grid/ Интерактивный гайд по Flexbox — https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/ Как проще писать CSS в 2023 — https://www.smashingmagazine.com/2023/11/few-ways-css-easier-write-2023/ Формы во Vue — https://habr.com/ru/articles/774606/ Репо с библиотекой — https://github.com/Jenesius/vue-form Аналитика по Vue — https://habr.com/ru/articles/776480/ Тренировка промисов — https://github.com/henriqueinonhe/promises-training 0:04:58 Новости релизов TypeScript 5.3 — https://devblogs.microsoft.com/typescript/announcing-typescript-5-3/ Vite 5 — https://vitejs.dev/blog/announcing-vite5 0:05:56 Другие новости State of JS 2023 — https://survey.devographics.com/en-US/survey/state-of-js/2023 Выдуманные женщины на конференции — https://habr.com/ru/news/776824/ Слушайте на любимой платформе: YouTube — https://www.youtube.com/channel/U...2023-12-0107 min

CSSSRAngular 17, .NET 8, сообщения в Discord, Unicode, плохой Next.js, карнавал подборокФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-244/ 0:00:00 Начало выпуска 0:00:41 Интересные публикации Как Discord хранит убер-число сообщений — https://discord.com/blog/how-discord-stores-trillions-of-messages Почему возможно стоит сказать нет Next.js — https://habr.com/ru/companies/ruvds/articles/771472/ Webpack vs esbuild: уже можно использовать в production? — https://habr.com/ru/articles/773236/ Why Signals Are Better Than React Hooks — https://www.youtube.com/watch?v=SO8lBVWF2Y8&ab_channel=WebDevSimplified Алгоритмы для разработки Figma-плагинов — https://evilmartians.com/chronicles/figma-plugin-api-dive-into-advanced-algorithms-and-data-structures Добавление WebAuthn в веб-приложение — https://habr.com/ru/articles/773912/ Минимальные знания Unicode для разработчиков — https://tonsky.me/blog/unicode/ Техники манипуляции с DOM — https://phuoc.ng/collection/html-dom/ git rebase: что может пойти не так — https://jvns.ca/blog/2023/11/06/rebasing-what-can-go-wrong-/ Легковесные JS-фреймворки — https://saashammer.com/blog/lightweight-javascript-framework-review-for-django-developers/ Лучшие практики CLI-приложений Node.js — https://github.com/lirantal/nodejs-cli-apps-best-practices Лучшие практики безопасности Node.js-приложений — https://github.com/lirantal/awesome-nodejs-security 67 техник дебаггинга в браузере — https://alan.norbauer.com/articles/browser-debugging-tricks Редкие вопросы для собесов — https://habr.com/ru/articles/772008/ Node.js Collab Summit 2023 —...2023-11-2212 min

CSSSRChrome 116, Redux и ES-модули, Webpack vs Turbopack, Fresh 1.4, Python в ExcelОпрос о подкасте 2023 — https://forms.gle/6D8DMWboxQqmwLzS7 Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-239/ 0:00:00 Начало выпуска 0:00:46 Интересные публикации My Experience Modernizing Packages to ESM — https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/ Как Dropbox уменьшил размер бандла на 33% — https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent React устарел — https://joshcollinsworth.com/blog/antiquated-react Turbopack vs Webpack — https://www.youtube.com/watch?v=Zwd_8Jy7b-c&ab_channel=JackHerrington Devtools для RSC — https://www.alvar.dev/blog/creating-devtools-for-react-server-components Деревья в Angular — https://habr.com/ru/companies/tinkoff/articles/756024/ Как показать миллион зданий на карте — https://habr.com/ru/companies/2gis/articles/755620/ Оптимизация интернет-магазина на Next.js — https://habr.com/ru/articles/754684/ Интересные применения теней — https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows/ Возможно вам не нужны Lodash и Underscore — https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme Виды врхитекторов — https://habr.com/ru/companies/wunderfund/articles/755890/ Почему веб-технологии захватили мир — https://habr.com/ru/articles/756064/ Бесконечное нейро-радио — https://habr.com/ru/articles/755788/ 0:08:00 Новости релизов Ch...2023-08-2511 min

CSSSRFirefox 116, TypeScript 5.2 RC, Go 1.21, Arc 1.0, security-релизы Node.js, Astro 2.9Опрос о подкасте 2023 — https://forms.gle/6D8DMWboxQqmwLzS7 Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-238/ 0:00:00 Начало выпуска 0:00:37 Интересные публикации Явное управление ресурсами в TS 5.2 — https://habr.com/ru/companies/ruvds/articles/745904/ The Concise TypeScript Book — https://github.com/gibbok/typescript-book Node.js best practices — https://github.com/goldbergyoni/nodebestpractices Node.js Toolbox — https://nodejstoolbox.com/ Вопросы для интервью Node.js-разрработчиков — https://github.com/tshemsedinov/NodeJS-Interview-Questions/blob/main/README.md Ускорение TanStack-таблицы — https://habr.com/ru/companies/netologyru/articles/750246/ Джедайские принципы хороших автотестов — https://habr.com/ru/companies/vk/articles/748776/ Менеджер состояний Zustand — https://habr.com/ru/articles/750716/ Комбинаторы парсеров — https://blog.varunramesh.net/posts/intro-parser-combinators/ pkg-size — https://pkg-size.dev/ 10 самых влиятельных языков программирования — https://habr.com/ru/companies/ncloudtech/articles/753562/ 0:05:34 Новости релизов Firefox 116 — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/116 TypeScript 5.2 RC — https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-rc/ Security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/august-2023-security-releases Bun 0.7.0 — https://bun.sh/blog/bun-v0.7.0 ...2023-08-1110 min

CSSSRChrome 115, Firefox 115, цена JS, htmx, релизы JS-рантаймов, State of CSS 2023Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-237/ 0:00:00 Начало выпуска 0:00:37 Интересные публикации Цена JavaScript — https://www.youtube.com/watch?v=ZKH3DLT4BKw Как отказаться от SVG внутри JS — https://kurtextrem.de/posts/svg-in-js Web Streams API — https://habr.com/ru/articles/744656/ Валидация и типизация переменных окружения — https://habr.com/ru/articles/743798/ «htmx за 100 секунд» — https://www.youtube.com/watch?v=r-GSGH2RxJs Страница htmx — https://htmx.org/ Hypermedia-Driven Applications — https://htmx.org/essays/hypermedia-driven-applications/ Редкие сценарии тестирования Node.js-приложений — https://practica.dev/blog/testing-the-dark-scenarios-of-your-nodejs-application/ View Transitions API [EN] — https://www.sitepoint.com/view-transitions-api-introduction/ View Transitions API [RU] — https://habr.com/ru/articles/745708/ Анализ производительности scroll-driven animations — https://developer.chrome.com/blog/scroll-animation-performance-case-study/ ИНтерфейсы SmartTV-приложений — https://habr.com/ru/companies/yandex/articles/743104/ Присваивание с опциональным оператором — https://github.com/tc39/proposal-optional-chaining-assignment Сравнение фреймворков по кускам кода — https://component-party.dev/ Сравнение UI-библиотек для Vue — https://ha...2023-07-2411 min

CSSSRSvelte 4, Nest.js 10, RSC, ещё об архитектуре, курс по Linux, Chrome для тестированияФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-236/ 0:00:00 Начало выпуска 0:00:48 Интересные публикации «Явный дизайн в разработке приложений» — https://bespoyasov.ru/blog/explicit-design-9/ RSC с нуля — https://habr.com/ru/articles/741604/ React Server Components за 7 минут — https://www.youtube.com/watch?v=1YCccF3Bu3Q Создаём JS-райнтайм — https://www.youtube.com/watch?v=UdTdBknk23A Визуальный гайд по Event Loop — https://www.builder.io/blog/visual-guide-to-nodejs-event-loop Позиционирование popover — https://hidde.blog/positioning-anchored-popovers/ Кастомный CSS Reset — https://www.joshwcomeau.com/css/custom-css-reset/ Создание правил ESLint — https://habr.com/ru/companies/domclick/articles/743384/ ES2023 — https://habr.com/ru/articles/741372/ Развитие EcmaScript с ES6 — https://habr.com/ru/articles/740934/ Приёмы работы в DevTools — https://www.smashingmagazine.com/2023/06/popular-devtools-tips/ Курс по Linux — https://killercoda.com/kodxxl/course/Linux Nuxt за 100 секунд — https://www.youtube.com/watch?v=dCxSsr5xuL8 Vue Telescope — https://www.vuetelescope.com/ Knip — https://github.com/webpro/knip 0:06:55 Новости релизов Svelte 4 — https://svelte.dev/blog/svelte-4 Angular 16.1.0 —...2023-06-3011 min

CSSSRChrome 114, Firefox 114, TypeScript 5.1, разработка бандлера, нюансы JS, React 10 летФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-235/ 0:00:00 Начало выпуска 0:00:32 Интересные публикации Пишем свой бандлер — https://cpojer.net/posts/building-a-javascript-bundler Как лучше обрабатывать массивы? — https://2ality.com/2022/05/processing-arrays-non-destructively.html Явный дизайн в разработке — https://bespoyasov.ru/blog/explicit-design-series/ Ускорение мобильной версии Википедии — https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/ Встроенный бандлер для Bun — https://bun.sh/blog/bun-bundler Серия постов о тонкостях работы JS — https://dev.to/codecraftjs/demystifying-the-javascript-event-loop-15f1 Функции в JS — https://dev.to/sammychris/master-javascript-functions-unraveling-function-closures-first-class-higher-order-functions-342n ES2023 — https://h3manth.com/ES2023/ Popover API — https://developer.chrome.com/blog/introducing-popover-api/ Шина событий для микрофронтендов — https://habr.com/ru/companies/tinkoff/articles/736352/ Пишем ChatGPT-плагин на JS — https://www.sitepoint.com/javascript-chatgpt-plugin/ Карты in-depth — https://habr.com/ru/articles/737592/ Безопасность фронтенда — https://habr.com/ru/articles/736866/ Внедрение новых инструментов в крупных организациях — https://www.smashingmagazine.com/2023/05/big-tooling-upgrades-large-organizations/ 0:07:34 Новости релизов Chrome 114 — https://developer.chrome.com/blog/new-in-chrome-114/ Chrome DevTools 114 — https://developer.chrome.com/blog/new-in-devtools-114/ Firefox 114 — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/114 Safari 15.6 — https://webkit.org/blog/14154/webkit-features-in-safari-16-5/ TypeScript 5.1 — https://devblogs.microsoft.com/typescript/announcing-typescript-5-1/ Deno 1.34...2023-06-1010 min

CSSSRChrome 112, Firefox 112, ECMAScript 2023, Node.js 20, node:test, Angular SignalsФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-232/ 0:00:00 Начало выпуска 0:00:33 Интересные публикации node:test — https://glebbahmutov.com/blog/trying-node-test-runner/ React Server Components — https://www.youtube.com/watch?v=Fctw7WjmxpU Angular Signals — https://github.com/angular/angular/discussions/49685 ECMAScript 2023 — https://pawelgrzybek.com/whats-new-in-ecmascript-2023/ Эксплуатация уязвимостей Chrome, часть 3 [EN] — https://jhalon.github.io/chrome-browser-exploitation-3/ Эксплуатация уязвимостей Chrome, часть 3 [RU] — https://habr.com/ru/companies/bastion/articles/716640/ Эволюция менеджмента зависимостей — https://habr.com/ru/companies/gazprombank/articles/725992/ Современный гайд по офрмлению JS-библиотек — https://github.com/frehner/modern-guide-to-packaging-js-library Фичи JS и TS — https://betterprogramming.pub/all-javascript-and-typescript-features-of-the-last-3-years-629c57e73e42 Вёрстка современных рассылок — https://fullystacked.net/posts/modern-html-email/ Can I Email — https://www.caniemail.com/clients/ Google Sheets как БД для телеграм бота, часть 2 — https://habr.com/ru/articles/725420/ Google Sheets как БД для телеграм бота, часть 3 — https://habr.com/ru/articles/727248/ Карты с AnyCharts — https://habr.com/ru/company/ruvds/blog/724454/ Визуализированный гайд по React — https://react.gg/visualized База баз данныз — https://te...2023-04-2212 min

CSSSRTypeScript 5.0 RC, Next.js 13.2, Feature Layered Design, Deno 1.31, деплой на продФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-230/ 0:00:00 Начало выпуска 0:00:50 Интересные публикации Деплой в продакшен — https://blog.pragmaticengineer.com/shipping-to-production/ Асинхроннность JS — https://habr.com/ru/company/yandex/blog/718084/ 12 неочевидных правил REST API — https://habr.com/ru/company/redmadrobot/blog/719222/ React Table (TanStack Table) — https://habr.com/ru/company/timeweb/blog/719796/ TanStack Table 8 — https://github.com/TanStack/table API композиции директив Angular — https://habr.com/ru/post/718692/ Feature Layered Architecture — https://blog.bitsrc.io/understand-the-most-reliable-frontend-architecture-c8578e3166b#7f5b Vercel Cache API — https://vercel.com/blog/vercel-cache-api-nextjs-cache Обзор генераторов сайтов — https://www.zachleat.com/web/site-generator-review/ Создание доступной карусели — https://www.smashingmagazine.com/2023/02/guide-building-accessible-carousels/ Маркеры HTML-списков — https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/ Обзор разных XSS-атак — https://habr.com/ru/company/alfa/blog/717896/ Автотесты с Playwright и TypeScript — https://habr.com/ru/post/718814/ Создание шпионского Chrome-расширения — https://mattfrisbie.substack.com/p/spy-chrome-extension Solana смарт-контракты на Rust для...2023-03-0610 min

CSSSRTypeScript 5.0 beta, Chrome 110, Firefox 110, фронтенд-тренды 2023, TS через множестваФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-229/ 0:00:52 Интересные публикации Тренды веб-разработки 2023 — https://www.robinwieruch.de/web-development-trends/ Эксплойтинг браузера, часть 1 — https://habr.com/ru/company/bastion/blog/699168/ Эксплойтинг браузера, часть 2 — https://habr.com/ru/company/bastion/blog/706322/ Удаление event listener — https://www.macarthur.me/posts/options-for-removing-event-listeners Кастомизация и анимация SVG — https://www.smashingmagazine.com/2023/01/svg-customization-animation-practical-guide/ Ускорение экосистемы JS — https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-3/ TS через множества — https://habr.com/ru/post/713800/ Стартовый обзор TS — https://www.youtube.com/watch?v=YmxwicpROps Система типов GraphQL — https://www.taniarascia.com/graphql-type-system/ Тень с цветом-градиентом — https://css-tricks.com/different-ways-to-get-css-gradient-shadows/ Как подружить Playwright и GitHub Actions — https://radekmie.dev/blog/on-playwright-in-github-actions/ Шаблон для построения Node.js-сервисов — https://www.codeflashbacks.com/announcing-the-enterprise-node-js-service-template/ 0:05:23 Новости релизов Chrome 110 — https://developer.chrome.com/blog/new-in-chrome-110/ DevTools 110 — https://developer.chrome.com/blog/new-in-devtools-110/ Firefox 110 — https://www.mozilla.org/en-US/firefox/110.0/releasenotes/ TypeScript 5.0 beta — https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/ Node.js 19.6.0 — https://nodejs.org/en/blog/release/v19.6.0/ Node.js 18...2023-02-2009 min

CSSSRFirefox 109, Astro 2, оптимизация Bing, промисы, esbuild 0.17, применения :has()Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-228/ 0:00:00 Начало выпуска 0:00:35 Интересные публикации Утечки памяти в Node.js — https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app Оптимизация Bing — https://blogs.bing.com/search-quality-insights/august-2022/Fast-Front-End-Performance-for-Microsoft-Bing Привязка данных в React-формах — https://www.joshwcomeau.com/react/data-binding/ Сборка мусора и промисы — https://dev.to/xnimorz/js-promises-3-garbage-collection-and-memory-leaks-2oi7 Применения :has() — https://css-tricks.com/more-real-world-uses-for-has/ Новое JS-событие scrollend — https://developer.chrome.com/blog/scrollend-a-new-javascript-event/ Анимированные гриды — https://css-tricks.com/animating-css-grid-how-to-examples/ Подборка ruby-гемов — https://evilmartians.com/chronicles/gemfile-of-dreams-libraries-we-use-to-build-rails-apps 0:04:07 Новости релизов Firefox 109 — https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/109 Astro 2.0 — https://astro.build/blog/astro-2/ Remix 1.10 — https://github.com/remix-run/remix/releases/tag/remix%401.10.0 Nuxt 3.1.0 — https://github.com/nuxt/nuxt/releases/v3.1.0 Angular 15.1.0 — https://github.com/angular/angular/releases/tag/15.1.0 esbuild 0.17.0 — https://github.com/evanw/esbuild/releases/tag/v0.17.0 Bun 0.5.0 — https://bun.sh/blog/bun-v0.5.0 Security-релизы RoR — https://rubyonrails.org/2023/1/17/Rails-V...2023-01-2807 min

CSSSRChrome 109, итоги State of JS 2022, Node.js 18.3.0, аутентификация, PostgreSQL 15 изнутриФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-227/ 0:00:00 Начало выпуска 0:01:06 Интересные публикации Аутентификация — https://www.smashingmagazine.com/2023/01/authentication-websites-banking-analogy/ Необходимый минимум TS для React — https://habr.com/ru/company/timeweb/blog/707744/ Обработка ошибок с TypeScript — https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991 Особенности типов данных в JS — https://habr.com/ru/post/709048/ Разработка виджетов для Figma — https://habr.com/ru/post/709208/ Книга «PostgreSQL 15 изнутри» — https://postgrespro.ru/education/books/internals Перевод статьи об OKLCH-цветах в CSS — https://web-standards.ru/articles/oklch-in-css-why-quit-rgb-hsl/ 0:04:16 Новости релизов Chrome 109 — https://developer.chrome.com/blog/new-in-chrome-109/ Chrome DevTools 109 — https://developer.chrome.com/blog/new-in-devtools-109/ Node.js 18.13.0 — https://nodejs.org/en/blog/release/v18.13.0/ Node.js 19.14.0 — https://nodejs.org/en/blog/release/v19.4.0/ lighttpd 1.4.68 — https://blog.lighttpd.net/articles/2023/01/03/lighttpd-1.4.68-released/ 0:05:24 Другие новости Результаты опроса State of JS 2022 — https://2022.stateofjs.com/en-US/ Атаки на Slack и CircleCI — https://arstechnica.com/information-technology/2023/01/first-lastpass-now-slack-and-cir...2023-01-1307 min

CSSSRНовогодний спецвыпуск: итоги годаФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-256/ Больше итогов в блоге CSSSR: https://blog.csssr.com/ru/article/year-resume-2022/ Слушайте на любимой платформе: YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA RSS — https://radio.csssr.com/rss/news512.rss Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815 Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14 SoundCloud — https://soundcloud.com/csssr/sets/512-news Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992 Пишите нам и читайте: Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev Twitter новостей: https://twitter.com/csssr_news Telegram ведущего: https://t.me/Vindizh Twitter ведущего: https://twitter.com/Vindizh 2022-12-3105 min

Новости 512Новогодний спецвыпуск: итоги годаФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-256/ Больше итогов в блоге CSSSR: https://blog.csssr.com/ru/article/year-resume-2022/ Слушайте на любимой платформе: YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA RSS — https://radio.csssr.com/rss/news512.rss Apple Podcasts — https://podcasts.apple.com/us/podcast/id1370045815 Google Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14 SoundCloud — https://soundcloud.com/csssr/sets/512-news Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992 Пишите нам и читайте: Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev Twitter новостей: https://twitter.com/csssr_news Telegram ведущего: https://t.me/Vindizh Twitter ведущего: https://twitter.com/Vindizh 2022-12-3105 min

CSSSRFirefox 108, Vite 4, RTK Query, PHP 8.2, Ruby 3.2, масштабирование с NestS, BDD с CucumberФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-225/ 0:00:00 Начало выпуска 0:00:58 Интересные публикации RTK Query — https://habr.com/ru/company/alfa/blog/705640/ Разработка и тестирование приложения с DnD — https://habr.com/ru/post/704604/ Вторая часть [EN] — https://dev.to/wolfriend/developing-and-testing-sortable-drag-and-drop-components-part-2-testing-13lj Новые фичи Angular 15 — https://angularaddicts.com/angular-15-study-guide-b79ad4952e80 Масштабирование разработки с NestJS — https://habr.com/ru/company/sravni/blog/704594/ Лучшие практики интеграционных тестов в Node.js — https://github.com/testjavascript/nodejs-integration-tests-best-practices Геометрия DOM — https://habr.com/ru/company/timeweb/blog/705552/ Применение Module Federation — https://habr.com/ru/company/domrf/blog/705514/ Задачка с сабгридами — https://medium.com/@kellycochrane2/solving-complex-alignment-issues-with-css-grid-and-subgrid-22ca68fe084c Экспериментальная метрика Interaction to Next Paint — https://web.dev/optimize-inp/ Пакет ts-is — https://www.npmjs.com/package/@p4ck493/ts-is 0:06:59 Новости релизов Firefox 108 — https://www.mozilla.org/en-US/firefox/108.0/releasenotes/ PHP 8.2 — https://www.php.net/archive/2022.php#2022-12-08-1 Ruby 3.2 — https://www.ruby-lang.org/en/news/2022/12/25/ruby-3-2-0-released/ Vite 4 — https://vitejs.dev/bl...2022-12-2713 min

CSSSRWeb Workers, React Testing Library, STP 159, угрозы Node.js, покупки MozillaФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-224/ 0:00:00 Начало выпуска 0:00:33 Интересные публикации Гайд по веб-воркерам — https://www.sitepoint.com/developing-faster-javascript-apps-the-ultimate-guide-to-web-workers/ Интерактивный гайд по Flexbox — https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/ React Testing Library — https://www.robinwieruch.de/react-testing-library/ Тьюториал по React Testing Library с нуля — https://dev.to/myogeshchavan97/how-to-confidently-write-unit-tests-using-react-testing-library-42de ngFor не только для массивов — https://javascript.plainenglish.io/angulars-ngfor-is-not-just-for-arrays-89a3a07a6e1 Разделение строк в JS с Intl.Segmenter — https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/ Лучшие практики безопасности Node.js — https://nodejs.org/en/docs/guides/security/ 45 инструментов для фронтенд-разработчиков — https://levelup.gitconnected.com/45-front-end-developer-tools-e496b9c3503 Подборка подборок инструментов — https://dev.to/surajondev/awesome-time-saving-tools-for-developers-1df5 Адвент-календари для разработчиков — https://www.smashingmagazine.com/2022/12/tech-advent-calendars-web-developers-web-designers-2022/ 0:05:05 Новости релизов Safari Technology Preview 159 — https://webkit.org/blog/13587/release-notes-for-safari-technology-preview-159/ Node.js 19.2.0 — https://nodejs.org/en/blog/release/v19.2.0/ Electron 22.0 — https://www.electronjs.org/blog/electron-22-0 Lerna 6.1 — https://github.com/lerna/lerna/releases/tag/v6.1.0 ChromeOS 108 — https://chromereleases.googleblog.com/2022/12/stable-channel-update-for-chromeos.html 0:06:15 Другие новости Mozill...2022-12-0908 min

CSSSRChrome 108, Deno и фреймворки, Prettier 2.8, WSL 1.0Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-223/ 0:00:00 Начало выпуска 0:00:28 Интересные публикации Как подружить фреймворки с Deno — https://deno.com/blog/frameworks-with-npm Официальный мануал по Deno — https://deno.land/manual@v1.28.2/introduction Часть мануала по работе с npm — https://github.com/denoland/manual/blob/main/node/how_to_with_npm.md Оптимизация Vue-приложений — https://www.smashingmagazine.com/2022/11/optimizing-vue-app/ Новые единицы вьюпорта — https://web.dev/viewport-units/ Архитектура карт на React + Mapbox — https://habr.com/ru/post/701778/ Effector с нуля, часть 1 — https://habr.com/ru/post/698880/ Effector с нуля, часть 2 — https://habr.com/ru/post/701160/ Кастомные скроллбары — https://css-tricks.com/classy-and-cool-custom-css-scrollbars-a-showcase/ 0:03:45 Новости релизов Chrome 108 — https://chromereleases.googleblog.com/2022/11/stable-channel-update-for-desktop_29.html Новинки Chrome 108 — https://developer.chrome.com/blog/new-in-chrome-108/ Новое в DevTools 108 — https://developer.chrome.com/blog/new-in-devtools-108/ Firefox 107.0.1 — https://www.mozilla.org/en-US/firefox/107.0.1/releasenotes/ Prettier 2.8.0 — https://prettier.io/blog/2022/11/23/2.8.0.html Rollup 3.5.0 — https://github.com/rollup/rollup MariaDB 10.10.2 — https://mariadb.com/kb/en/mariadb-10-10-2-changelog/ SQLite 3.40.0 — https://www.sqlite.org/releaselog/3_40_0.html Virt...2022-12-0206 min

CSSSRTS 4.9, Figma API и SVGR, Nuxt 3, Rome 10, State of JS 2022Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-222/ 0:00:00 Начало выпуска 0:00:28 Интересные публикации Архитектурные ошибки Node.js, которых стоит избегать — https://blog.appsignal.com/2022/11/23/nodejs-architecture-pitfalls-to-avoid.html Иконки, Figma API и SVGR, часть 1 — https://dev.to/sm1t/sozdaiem-react-komponienty-ikonok-s-pomoshchiu-figma-api-i-svgr-chast-1-1j22 Иконки, Figma API и SVGR, часть 2 — https://dev.to/sm1t/sozdaiem-react-komponienty-ikonok-s-pomoshchiu-figma-api-i-svgr-chast-2-2h5c Создание плагина для Vite — https://www.vuemastery.com/blog/building-a-plugin-with-vite/ JS и структуры данных — https://profy.dev/article/javascript-data-structures Кастомные формы CSS Grid — https://css-tricks.com/css-grid-and-custom-shapes-part-3/ Доступность с клавиатуры, часть 1 — https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-html-css-part1/ Доступность с квавиатуры, часть 2 — https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-javascript-part2/ 0:03:18 Новости релизов TypeScript 4.9 — https://devblogs.microsoft.com/typescript/announcing-typescript-4-9/ Rome 10 — https://rome.tools/blog/2022/11/08/rome-10/ Nuxt.js 3 — https://nuxt.com/v3 Firefox 107 — https://www.mozilla.org/en-US/firefox/107.0/releasenotes/ Angular 15 — https://github.com/angular/angular/releases/tag/15.0.0 .NET 7.0 — https://devblogs.microsoft.com/dotnet/announcing-dotnet-7/ ASP.NET 7.0 — https://devblogs.microsoft.com/dotnet/announcing-asp-net-core-in-dotnet-7/ Deno 1.28 — https://deno.com...2022-11-2908 min

CSSSRTurbo vs Vite, микрофронтенды, иск из-за CopilotФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-221/ 0:00:00 Начало выпуска 0:00:28 Интересные публикации Сравнение Turbopack и Vite от Эвана Ю — https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8 Ответ Vercel Эвану — https://turbo.build/blog/turbopack-benchmarks Выбор подхода для микрофронтендов — https://habr.com/ru/company/simbirsoft/blog/698240/ Web Sockets, Web Workers и Service Workers — https://css-tricks.com/the-difference-between-web-sockets-web-workers-and-service-workers/ TS в React-приложениях — https://habr.com/ru/post/693558/ Ресурсы по дизайн-системам — https://www.smashingmagazine.com/2022/11/design-systems-inspiration-resources-case-studies/ –watch в Node.js — https://www.youtube.com/watch?v=vasf87dUUcI TS в Connector/Node.js MySQL — https://blogs.oracle.com/mysql/post/hello-typescript Перевод поста о релизе Lerna 6 — https://habr.com/ru/post/696770/ 0:04:27 Новости релизов Патчи Firefox — https://www.mozilla.org/en-US/firefox/106.0.4/releasenotes/ Security-релизы Ember.js — https://blog.emberjs.com/ember-4-8-1-released/ Rust 1.65.0 — https://blog.rust-lang.org/2022/11/03/Rust-1.65.0.html 0:05:14 Другие новости Remix присоединяется к Shopify — https://remix.run/blog/remixing-shopify Пост от Shopify — https://shopify.engin...2022-11-1107 min

CSSSROKLCH, TypeScript 4.9 RC, security-релизы Node.js, Lerna 6, фишинг и DropboxФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-220/ 0:00:00 Начало выпуска 0:00:28 Интересные публикации OKLCH в CSS — https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl Математическое сравнение в медиа-запросах — https://css-tricks.com/the-new-css-media-query-range-syntax/ Улучшение мобильной веб-версии YouTube — https://web.dev/better-youtube-web-part1/ Обводка и продвинутые анимации для img — https://css-tricks.com/fancy-image-decorations-outlines-and-complex-animations/ Создаём компонент-тултип — https://web.dev/building-a-tooltip-component/ Crash course по Next.js — https://www.youtube.com/watch?v=uU80SSxn9_c 0:04:04 Новости релизов TypeScript 4.9 RC — https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/ План по TypeScript 5.0 — https://github.com/microsoft/TypeScript/issues/51362 Релиз Lerna 6 — https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c Security-релизы Node.js в октябре — https://nodejs.org/en/blog/vulnerability/november-2022-security-releases/ Node.js 14.21.0 — https://nodejs.org/en/blog/release/v14.21.0/ Deno 1.27.0 — https://deno.com/blog/v1.27 Babel 7.20.0 — https://babeljs.io/blog/2022/10/27/7.20.0.html npm 9 — https://github.blog/changelog/2022-10-24-npm-v9-0-0-released/ VSCode 1.73 — https://code.visualstudio.com/updates/v1_73 Lara...2022-11-0308 min

CSSSRChrome 107, Firefox 106, Next.js 13 и Turbopack, публичное превью FleetФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-219/ 0:00:00 Начало выпуска 0:00:28 Интересные публикации Многопоточность в Node.js, часть 5 — https://habr.com/ru/company/tensor/blog/693738/ Анимированные, кликабельные карточки с :has() — https://css-tricks.com/creating-animated-clickable-cards-with-the-has-relational-pseudo-class/ Продвинутые hover-эффекты для img — https://css-tricks.com/fancy-image-decorations-masks-and-advanced-hover-effects/ Почему стоит попрощаться с CSS-in-JS — https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b Стартовый гайд по Cypress с React — https://profy.dev/article/cypress-react https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/ 0:03:26 Новости релизов Chrome 107 — https://chromereleases.googleblog.com/2022/10/stable-channel-update-for-desktop_25.html Новинки Chrome 107 — https://developer.chrome.com/blog/new-in-chrome-107/ Новинки Chrome DevTools 107 — https://developer.chrome.com/blog/new-in-devtools-107/ Firefox 106 — https://blog.mozilla.org/en/mozilla/privacy-online-just-got-easier-with-todays-firefox-release/ Node.js 19 — https://nodejs.org/en/blog/announcements/v19-release-announce/ Node.js 18.11.0 — https://nodejs.org/en/blog/release/v18.11.0/ Next.js 13 — https://nextjs.org/blog/next-13 Обзор релиза Next.js 13 [RU] — https://habr.com/ru/post/695080/ Обзор Next Layout RFC — https://habr.com/ru/post/695076/ Бандлер Turbopack — https://vercel.com/blog/tur...2022-10-2808 min

CSSSRTypeScript 4.9 beta, рендеринг в React, «Рефакторинг на максималках», Доке 1 годФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-218/ 0:00:27 Интересные публикации Обновлённый гайд по рендерингу React — https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/ Обновлённая шпаргалка по контейнеризации Node.js-контейнеров — https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/ node:test — https://itnext.io/the-new-test-framework-built-in-to-node-js-18-8-0-1d78315ac9f9 Kanban-доска своими руками — https://javascript.plainenglish.io/building-a-beautiful-kanban-board-with-node-js-react-and-websockets-d6114e187e10 Книга «Рефакторинг на максималках» — https://github.com/bespoyasov/refactor-like-a-superhero-online-book/blob/main/manuscript-ru/README.md Волны на CSS — https://css-tricks.com/how-to-create-wavy-shapes-patterns-in-css/ 0:03:22 Новости релизов TypeScript 4.9 Beta — https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/ Firefox 105.0.3 — https://www.mozilla.org/en-US/firefox/105.0.3/releasenotes/ Fresh 1.1 — https://deno.com/blog/fresh-1.1 Astro 1.4.0 — https://astro.build/blog/astro-140/ Rust 1.64.0 — https://blog.rust-lang.org/2022/09/22/Rust-1.64.0.html VirtualBox 7 — https://www.mail-archive.com/vbox-announce@virtualbox.org/msg00218.html Fastify 4.8.1 — https://github.com/fastify/fastify/releases/tag/v4.8.1 0:05:36 Другие новости День рождения Доки — https://twitter.com/doka_guide/status/1580...2022-10-1406 min

Новости 512Container Queries и :has() в Chrome 105, алгебраические типы, миграция на React Router 6, Deno 1.25Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-216/ 0:00:33 Интересные публикации Container Queries — https://ishadeed.com/article/container-queries-are-finally-here/ Примеры с Container Queries — https://lab.ishadeed.com/container-queries Обзор Node.js — https://2ality.com/2022/09/nodejs-overview.html Сравнение систем типов, часть 1 — https://blog.csssr.com/en/article/type-systems-part-1/ Сравнение систем типов, часть 2 — https://blog.csssr.com/en/article/type-systems-part-2/ Перевод «TypeScript в деталях», часть 1 — https://habr.com/ru/company/timeweb/blog/685954/ Миграция на React Router 6 — https://habr.com/ru/company/alfa/blog/686954/ Кастомные формы в CSS Grid, часть 1 — https://css-tricks.com/css-grid-and-custom-shapes-part-1/ Кастомные формы в CSS Grid, часть 2 — https://css-tricks.com/css-grid-and-custom-shapes-part-2/ useMemo и useCallback — https://www.joshwcomeau.com/react/usememo-and-usecallback/ Библиотеки для создания таблиц с данными — https://www.smashingmagazine.com/2022/09/useful-javascript-data-grid-libraries/ Задачи на промисы для собеседований — https://habr.com/ru/company/otus/blog/686670/ 0:05:11 Новости релизов Chrome 105 — https://developer.chrome.com/blog/new-in-chrome-105/ Новинки DevTools — https://developer.chrome.com/blog/new-in-devtools-105/ Обзор Container Queries и :has() — https://developer.chrome.com/blog/has-with-cq-m105/ Firefox 104.0.2 — https://www.mozilla.org/en-US/firefox/104.0.2/releasenotes/ Deno 1.25 — https...2022-09-0907 min

CSSSRContainer Queries и :has() в Chrome 105, алгебраические типы, миграция на React Router 6, Deno 1.25Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-216/ 0:00:33 Интересные публикации Container Queries — https://ishadeed.com/article/container-queries-are-finally-here/ Примеры с Container Queries — https://lab.ishadeed.com/container-queries Обзор Node.js — https://2ality.com/2022/09/nodejs-overview.html Сравнение систем типов, часть 1 — https://blog.csssr.com/en/article/type-systems-part-1/ Сравнение систем типов, часть 2 — https://blog.csssr.com/en/article/type-systems-part-2/ Перевод «TypeScript в деталях», часть 1 — https://habr.com/ru/company/timeweb/blog/685954/ Миграция на React Router 6 — https://habr.com/ru/company/alfa/blog/686954/ Кастомные формы в CSS Grid, часть 1 — https://css-tricks.com/css-grid-and-custom-shapes-part-1/ Кастомные формы в CSS Grid, часть 2 — https://css-tricks.com/css-grid-and-custom-shapes-part-2/ useMemo и useCallback — https://www.joshwcomeau.com/react/usememo-and-usecallback/ Библиотеки для создания таблиц с данными — https://www.smashingmagazine.com/2022/09/useful-javascript-data-grid-libraries/ Задачи на промисы для собеседований — https://habr.com/ru/company/otus/blog/686670/ 0:05:11 Новости релизов Chrome 105 — https://developer.chrome.com/blog/new-in-chrome-105/ Новинки DevTools — https://developer.chrome.com/blog/new-in-devtools-105/ Обзор Container Queries и :has() — https://developer.chrome.com/blog/has-with-cq-m105/ Firefox 104.0.2 — https://www.mozilla.org/en-US/firefox/104.0.2/releasenotes/ Deno 1.25 — https...2022-09-0907 min

Manager WithinРамиль Бадретдинов — работа в Google и Facebook, как разработчику стать Engineering ManagerВ этом эпизоде у нас в гостях Рамиль Бадретдинов — Engineering Manager в Facebook. Мы поговорили о работе в Google, других компаниях и, конечно же, в самом Facebook. Рамиль рассказал о роли Engineering Manager, как им стать и в чем заключается суть этой позиции. Также немного затронули США и переезд. Рамиль Бадретдинов на LinkedIn — https://www.linkedin.com/in/ramil-badretdinov Слушайте нас на любимой платформе: RSS-лента: https://radio.csssr.com/rss/mw.rss Apple Podcasts: https://podcasts.apple.com/us/podcast/manager-within/id1471648183 Soundcloud: https://soundcloud.com/csssr/sets/manager-within Google Podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL213LnJzcw VK: https://vk.com/podcasts-185290073 Яндекс.Музыка: https://music.yandex.ru/album/8737912 Читайте нас и пишите: Twitter CSSSR: https://twitter.com/csssr_dev Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev Telegram для связи с редакцией: https://t.me/Vindizh 2021-11-3057 min

CSSSRTSConf 2021, property-based testing, .NET 6, Visual Studio 2022, контейнеризация, PHP FoundationФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-200/ Middle front-end developer — https://csssr.com/ru-ru/jobs/middle-js-developer Android разработчик — https://csssr.com/ru-ru/jobs/android-developer iOS разработчик — https://csssr.com/ru-ru/jobs/ios-developer Все вакансии — https://csssr.com/ru-ru/jobs TSConf 2021 — https://www.youtube.com/playlist?list=PL2z7rCjEG2kubUfEAHu-08-aK3Tyn9Zxe Перегрузка функций в TS — https://dmitripavlutin.com/typescript-function-overloading/ Property-based testing — https://jrsinclair.com/articles/2021/how-to-get-started-with-property-based-testing-in-javascript-with-fast-check/ Гайд по Next.js, часть 2 — https://habr.com/ru/company/timeweb/blog/590157/ 5 ошибок при работе с промисами — https://blog.bitsrc.io/5-common-mistakes-in-using-promises-bfcc4d62657f Контейнеризация — https://iximiuz.com/en/posts/container-learning-path/ Параллакс с кастомными CSS-свойствами — https://css-tricks.com/parallax-powered-by-css-custom-properties/ Сокращение количества медиа-запросов — https://css-tricks.com/responsive-layouts-fewer-media-queries/ ECMAScript Proposals — https://www.proposals.es/ Коллекция терминалов и CLI — https://www.smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/ Коллекция JavaScript-репозиториев — https://reconshell...2021-11-2610 min

Новости 512TSConf 2021, property-based testing, .NET 6, Visual Studio 2022, контейнеризация, PHP FoundationФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-200/ Middle front-end developer — https://csssr.com/ru-ru/jobs/middle-js-developer Android разработчик — https://csssr.com/ru-ru/jobs/android-developer iOS разработчик — https://csssr.com/ru-ru/jobs/ios-developer Все вакансии — https://csssr.com/ru-ru/jobs TSConf 2021 — https://www.youtube.com/playlist?list=PL2z7rCjEG2kubUfEAHu-08-aK3Tyn9Zxe Перегрузка функций в TS — https://dmitripavlutin.com/typescript-function-overloading/ Property-based testing — https://jrsinclair.com/articles/2021/how-to-get-started-with-property-based-testing-in-javascript-with-fast-check/ Гайд по Next.js, часть 2 — https://habr.com/ru/company/timeweb/blog/590157/ 5 ошибок при работе с промисами — https://blog.bitsrc.io/5-common-mistakes-in-using-promises-bfcc4d62657f Контейнеризация — https://iximiuz.com/en/posts/container-learning-path/ Параллакс с кастомными CSS-свойствами — https://css-tricks.com/parallax-powered-by-css-custom-properties/ Сокращение количества медиа-запросов — https://css-tricks.com/responsive-layouts-fewer-media-queries/ ECMAScript Proposals — https://www.proposals.es/ Коллекция терминалов и CLI — https://www.smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/ Коллекция JavaScript-репозиториев — https://reconshell...2021-11-2610 min

CSSSRChrome 96, TypeScript 4.5, дженерики в TS, сравнение систем типов, ReactRouter 6, Slack + DenoФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-199/ Дженерики в TypeScript — https://habr.com/ru/company/tinkoff/blog/588655/ Сравнение систем типов — https://dev.to/csssr/comparison-of-type-systems-in-front-end-languages-e0i ES2022: гайд по блокам статической инициализации, приватным полям и методам классов — https://betterprogramming.pub/es2022-a-complete-guide-on-private-static-class-fields-methods-and-static-initialization-blocks-f12943a86b2d Будущее тулинга за Rust? — https://leerob.io/blog/rust Туториал по Next.js — https://habr.com/ru/company/timeweb/blog/588498/ Заметка о equestAnimationFrame и requestIdleCallback — https://habr.com/ru/company/timeweb/blog/587908/ Туториал по ReactRouter 6 — https://www.robinwieruch.de/react-router Дополнения к вьюпортам — https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/ Секреты DevTools — https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/ Доклад о секретах DevTools на YouTube — https://www.youtube.com/watch?v=q_qzHzIVxw4 Хитрости Chrome DevTools — https://habr.com/ru/post/587146/ Коллекция библиотек для Node.js-проектов — https://reconshell.com/nodejs-package-list/ Chrome 96 — https://developer.chrome.com/blog/new-in-chrome-96/ Новинки Chrome DevTools 96 — https://developer.chrome.com/blog/new-in-devtools-96/ Видеообзор Chrome 96 — https://www.youtube.com/watch?v=PPukHsOH_BI Видеообзор Chrome DevTools 96 — https://www.youtube.com/watch?v=3CXbhnaFNEw T...2021-11-1908 min

Новости 512Chrome 96, TypeScript 4.5, дженерики в TS, сравнение систем типов, ReactRouter 6, Slack + DenoФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-199/ Дженерики в TypeScript — https://habr.com/ru/company/tinkoff/blog/588655/ Сравнение систем типов — https://dev.to/csssr/comparison-of-type-systems-in-front-end-languages-e0i ES2022: гайд по блокам статической инициализации, приватным полям и методам классов — https://betterprogramming.pub/es2022-a-complete-guide-on-private-static-class-fields-methods-and-static-initialization-blocks-f12943a86b2d Будущее тулинга за Rust? — https://leerob.io/blog/rust Туториал по Next.js — https://habr.com/ru/company/timeweb/blog/588498/ Заметка о equestAnimationFrame и requestIdleCallback — https://habr.com/ru/company/timeweb/blog/587908/ Туториал по ReactRouter 6 — https://www.robinwieruch.de/react-router Дополнения к вьюпортам — https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/ Секреты DevTools — https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/ Доклад о секретах DevTools на YouTube — https://www.youtube.com/watch?v=q_qzHzIVxw4 Хитрости Chrome DevTools — https://habr.com/ru/post/587146/ Коллекция библиотек для Node.js-проектов — https://reconshell.com/nodejs-package-list/ Chrome 96 — https://developer.chrome.com/blog/new-in-chrome-96/ Новинки Chrome DevTools 96 — https://developer.chrome.com/blog/new-in-devtools-96/ Видеообзор Chrome 96 — https://www.youtube.com/watch?v=PPukHsOH_BI Видеообзор Chrome DevTools 96 — https://www.youtube.com/watch?v=3CXbhnaFNEw T...2021-11-1908 min

CSSSRHolyJS Piter 2021, бандлинг c Webpack 5 in deep, чего ждать от PHP 8.1, Babel 7.16, снова о ES2022Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-197/ Middle front-end developer — https://csssr.com/ru-ru/jobs/middle-js-developer Android разработчик — https://csssr.com/ru-ru/jobs/android-developer iOS разработчик — https://csssr.com/ru-ru/jobs/ios-developer Все вакансии — https://csssr.com/ru-ru/jobs HolyJS Piter 2021 — https://www.youtube.com/playlist?list=PL8sJahqnzh8JyUetDcVI5iHzGP8pfKjcl Как работать с файлами в вебе — https://patrickbrosset.com/articles/2021-10-22-handling-files-on-the-web/ Бандлинг с Webpack 5 — https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process Скрейпер на ode.js — https://www.smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/ Тестирование Vue-компонентов с Cypress — https://css-tricks.com/testing-vue-components-with-cypress/ object-fit и background-size — https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/ Поиск на чистом JavaScript — https://css-tricks.com/in-page-filtered-search-with-vanilla-javascript/ Чего ждать от PHP 8.1 — https://laravel-news.com/getting-ready-for-php-8-1 CSS-медиафичи для доступности — https://tatiana-fokina-blog.ru/posts/css-media-features-for-a11y/ Как устроена Дока — https://habr.com/ru/company/yandex_praktikum/blog/585380/ Safari Technology Preview 134 — https://webkit.org/blog/12033/release...2021-11-0208 min

Новости 512HolyJS Piter 2021, бандлинг c Webpack 5 in deep, чего ждать от PHP 8.1, Babel 7.16, снова о ES2022Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-197/ Middle front-end developer — https://csssr.com/ru-ru/jobs/middle-js-developer Android разработчик — https://csssr.com/ru-ru/jobs/android-developer iOS разработчик — https://csssr.com/ru-ru/jobs/ios-developer Все вакансии — https://csssr.com/ru-ru/jobs HolyJS Piter 2021 — https://www.youtube.com/playlist?list=PL8sJahqnzh8JyUetDcVI5iHzGP8pfKjcl Как работать с файлами в вебе — https://patrickbrosset.com/articles/2021-10-22-handling-files-on-the-web/ Бандлинг с Webpack 5 — https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process Скрейпер на ode.js — https://www.smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/ Тестирование Vue-компонентов с Cypress — https://css-tricks.com/testing-vue-components-with-cypress/ object-fit и background-size — https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/ Поиск на чистом JavaScript — https://css-tricks.com/in-page-filtered-search-with-vanilla-javascript/ Чего ждать от PHP 8.1 — https://laravel-news.com/getting-ready-for-php-8-1 CSS-медиафичи для доступности — https://tatiana-fokina-blog.ru/posts/css-media-features-for-a11y/ Как устроена Дока — https://habr.com/ru/company/yandex_praktikum/blog/585380/ Safari Technology Preview 134 — https://webkit.org/blog/12033/release...2021-11-0208 min

CSSSRChrome 94, Safari 15, тестирование Effector, Container Units, any, @layout, open-source плагиат?Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-192/ Фронтенд-разработчик, React + TypeScript — https://csssr.com/ru-ru/jobs/high-middle-js-developer Фронтенд-разработчик, Angular 11 — https://csssr.com/ru-ru/jobs/js-developer QA-инженер с опытом автоматизации — https://csssr.com/ru-ru/jobs/backend-qa-engineer Как разрабатывать фронтенд в 2022 — https://itnext.io/the-best-frontend-development-strategies-in-2022-cb02dd7aa48b Использование any — https://fettblog.eu/typescript-any-is-ok/ Тестирование с Effector — https://blog.kamyshev.me/effestor-tests/ Оптимизация Core Web Vitals на главной Mail.ru — https://habr.com/ru/company/mailru/blog/577792/ Паттерны Web Vitals — https://web.dev/patterns/web-vitals-patterns/ Цвтовые пространства — https://www.youtube.com/watch?v=cGyLHxn16pE CSS-директива @layout — https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/ 7 применений ::before и ::after — https://css-tricks.com/7-practical-uses-for-the-before-and-after-pseudo-elements-in-css/ Container Units — https://ishadeed.com/article/container-query-units/ Заметка Криса Койера о Container Units — https://css-tricks.com/container-units-should-be-pretty-handy/ Рабочее окружение без мыши — https://www.smashingmagazine.com/2021/09/mouseless-development-environme...2021-09-2810 min

Новости 512Chrome 94, Safari 15, тестирование Effector, Container Units, any, @layout, open-source плагиат?Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-192/ Фронтенд-разработчик, React + TypeScript — https://csssr.com/ru-ru/jobs/high-middle-js-developer Фронтенд-разработчик, Angular 11 — https://csssr.com/ru-ru/jobs/js-developer QA-инженер с опытом автоматизации — https://csssr.com/ru-ru/jobs/backend-qa-engineer Как разрабатывать фронтенд в 2022 — https://itnext.io/the-best-frontend-development-strategies-in-2022-cb02dd7aa48b Использование any — https://fettblog.eu/typescript-any-is-ok/ Тестирование с Effector — https://blog.kamyshev.me/effestor-tests/ Оптимизация Core Web Vitals на главной Mail.ru — https://habr.com/ru/company/mailru/blog/577792/ Паттерны Web Vitals — https://web.dev/patterns/web-vitals-patterns/ Цвтовые пространства — https://www.youtube.com/watch?v=cGyLHxn16pE CSS-директива @layout — https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/ 7 применений ::before и ::after — https://css-tricks.com/7-practical-uses-for-the-before-and-after-pseudo-elements-in-css/ Container Units — https://ishadeed.com/article/container-query-units/ Заметка Криса Койера о Container Units — https://css-tricks.com/container-units-should-be-pretty-handy/ Рабочее окружение без мыши — https://www.smashingmagazine.com/2021/09/mouseless-development-environme...2021-09-2810 min

Callback HellGraalVM + Facebook, конкуренты React, a11y, мультиплатформа идущая от мобильных платформВ этот эпизод попали GraalVM в Facebook, сложные отношения React и его конкурентов, доступность и статья Романа Шамина о ней, а также состояние мультиплатформенности со стороны мобильных платформ. Шоуноты: (0:00:50) GraalVM + Facebook –– Статья про успешный опыт перехода: https://medium.com/graalvm/graalvm-at-facebook-af09338ac519 –– Наш Аргументариум по теме: https://www.youtube.com/watch?v=RGEHGPi92vI –– Про то, как GraalVM позволяет шарить логику между фронтом и бэком было в выпуске: https://soundcloud.com/csssr/servisy-google-s-plokhimi-web-vitals-shering-logiki-mezhdu-frontom-i-bekom-dokumentatsiya-na-proektakh?in=csssr/sets/callback-hell (0:10:10) React и его конкуренты –– Нововведения в React 18: https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html –– Релиз Solid 1.0 https://dev.to/ryansolid/solidjs-official-release-the-long-road-to-1-0-4ldd –– Astro — фреймворк, работающий с разными UI-библиотеками/фреймворками: https://astro.build/ (0:36:55) Доступность –– Статья про доступность в дизайне: https://teletype.in/@romanshamin/a11y-for-designers –– Библиотеки от Adobe, помогающие делать приложение доступным: https://react-spectrum.adobe.com/ (1:10:35) Мультиплатформа, идущая с мобильных платформ –– Приложения с iOS на Mac: https://developer.apple.com/macos/iphone-and-ipad-apps/ –– Приложения с Android на Windows 11: https://blogs.windows.com/windowsexperience/2021/06/24/introducing-windows-11/ –– Приложения на ReactNative в вебе: https://necolas.github.io/react-native-web/docs/ Тред в Telegram: https://t.me/csssr/338 Слушайте на любимой платформе: RSS — https://radio.csssr.com/rss/callback_hell.rss YouTube — https://www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViA Пишите нам и читайте: Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev 2021-08-031h 34

Новости 512Firefox 90, треды в WebAssembly, HTTP и WebSocket, Deno 1.12, MongoDB 5.0, Deno Deploy betaФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-182/ Треды в WebAssembly – https://web.dev/webassembly-threads/ Сравнение WebSocket и HTTP – https://ably.com/topic/websockets-vs-http HSL-цвета — https://www.smashingmagazine.com/2021/07/hsl-colors-css/ Разбор технического интервью Senior-разработчика от CSSSR – https://youtu.be/DMKPOKiA79E CSS-трансформации — https://css-tricks.com/build-complex-css-transitions-using-custom-properties-and-cubic-bezier/ CSS-анимации — https://css-tricks.com/advanced-css-animation-using-cubic-bezier/ Выравнивание в flexbox – https://csslayout.news/whats-the-difference-between-the-alignment-values-of-start-flex-start-and-self-start/ :where() и специфичность стилей — https://css-tricks.com/using-the-specificity-of-where-as-a-css-reset/ Плагин для Figma на Svelte – https://tomquinonero.com/blog/write-a-figma-plugin-using-svelte/ Динамический header с Intersection Observer – https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/ Создание компонента хлебных крошек — https://web.dev/building-a-breadcrumbs-component/ devtoolstips.org – https://devtoolstips.org/ Firefox 90 – https://hacks.mozilla.org/2021/07/getting-lively-with-firefox-90/ Node.js 16.5.0 – https://nodejs.org/en/blog/release/v16.5.0/ Deno 1.12 – https://deno.com/blog/v1.12 MongoDB 5.0 – https://www.mongodb.com/blog/post/launched-today-mongodb-5-0-serverless-atlas-evolution-application-data-platform Ember 4.0 – https://blog.emberjs.com/the-road-to-ember-4-0/ Laravel 8.50.0 – https://lara...2021-07-1606 min

CSSSRFirefox 90, треды в WebAssembly, HTTP и WebSocket, Deno 1.12, MongoDB 5.0, Deno Deploy betaФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-182/ Треды в WebAssembly – https://web.dev/webassembly-threads/ Сравнение WebSocket и HTTP – https://ably.com/topic/websockets-vs-http HSL-цвета — https://www.smashingmagazine.com/2021/07/hsl-colors-css/ Разбор технического интервью Senior-разработчика от CSSSR – https://youtu.be/DMKPOKiA79E CSS-трансформации — https://css-tricks.com/build-complex-css-transitions-using-custom-properties-and-cubic-bezier/ CSS-анимации — https://css-tricks.com/advanced-css-animation-using-cubic-bezier/ Выравнивание в flexbox – https://csslayout.news/whats-the-difference-between-the-alignment-values-of-start-flex-start-and-self-start/ :where() и специфичность стилей — https://css-tricks.com/using-the-specificity-of-where-as-a-css-reset/ Плагин для Figma на Svelte – https://tomquinonero.com/blog/write-a-figma-plugin-using-svelte/ Динамический header с Intersection Observer – https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/ Создание компонента хлебных крошек — https://web.dev/building-a-breadcrumbs-component/ devtoolstips.org – https://devtoolstips.org/ Firefox 90 – https://hacks.mozilla.org/2021/07/getting-lively-with-firefox-90/ Node.js 16.5.0 – https://nodejs.org/en/blog/release/v16.5.0/ Deno 1.12 – https://deno.com/blog/v1.12 MongoDB 5.0 – https://www.mongodb.com/blog/post/launched-today-mongodb-5-0-serverless-atlas-evolution-application-data-platform Ember 4.0 – https://blog.emberjs.com/the-road-to-ember-4-0/ Laravel 8.50.0 – https://lara...2021-07-1606 min

Новости 512petite-vue, вакансия от CSSSR, сравнение React и Solid.js, Qwik, тестирование писем, роадмап Deno Q3Форма обратной связи Текстовая версия Мы ищем фронтов Все вакансии Интересные публикации petite-vue Сравнение petite-vue и Vue size-adjust Гайд по тришейкингу React vs. Solid.js Тестирование писем Фреймворк Qwik Чеклист для изменения моделей данных Клон Facebook для IE6 Тест на знание нюансов JavaScript Новости релизов Июльские security-релизы Node.js ESLint 7.30.0 NeoVim 0.5 Другие новости Роадмап Deno Q3 Конкурс JS 1024 Разработчики Huawei спамят в репозиторий ядра Linux Слушайте на любимой платформе: RSS Apple Podcasts SoundCloud Google Podcasts Яндекс.Музыка Пишите нам и читайте: Telegram—канал CSSSR Twitter CSSSR Telegram ведущего Twitter новостей Twitter ведущего 2021-07-0906 min

CSSSRpetite-vue, вакансия от CSSSR, сравнение React и Solid.js, Qwik, тестирование писем, роадмап Deno Q3Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-180/ Мы ищем фронтов: https://css.sr/i7b Все вакансии: https://css.sr/r5z petite-vue — https://github.com/vuejs/petite-vue Сравнение petite-vue и Vue — https://github.com/vuejs/petite-vue#comparison-with-standard-vue size-adjust — https://web.dev/css-size-adjust/ Гайд по тришейкингу — https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/ React vs. Solid.js — https://blog.openreplay.com/solid-vs-react-the-fastest-vs-the-most-popular-ui-library Тестирование писем — https://www.smashingmagazine.com/2021/07/email-testing-flow/ Фреймворк Qwik — https://habr.com/ru/post/564990/ Чеклист для изменения моделей данных — https://rtpg.co/2021/06/07/changes-checklist.html Клон Facebook для IE6 — https://habr.com/ru/company/ruvds/blog/564300/ Тест на знание нюансов JavaScript — https://jsisweird.com/ Июльские security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/july-2021-security-releases/ ESLint 7.30.0 — https://eslint.org/blog/2021/07/eslint-v7.30.0-released NeoVim 0.5 — https://github.com/neovim/neovim/commit/a5ac2f45ff84a688a09479f357a9909d5b914294 Роадмап Deno Q3 — https://github.com/denoland/deno/issues/11168 Конкурс JS...2021-07-0906 min

Новости 512petite-vue, вакансия от CSSSR, сравнение React и Solid.js, Qwik, тестирование писем, роадмап Deno Q3Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-180/ Мы ищем фронтов: https://css.sr/i7b Все вакансии: https://css.sr/r5z petite-vue — https://github.com/vuejs/petite-vue Сравнение petite-vue и Vue — https://github.com/vuejs/petite-vue#comparison-with-standard-vue size-adjust — https://web.dev/css-size-adjust/ Гайд по тришейкингу — https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/ React vs. Solid.js — https://blog.openreplay.com/solid-vs-react-the-fastest-vs-the-most-popular-ui-library Тестирование писем — https://www.smashingmagazine.com/2021/07/email-testing-flow/ Фреймворк Qwik — https://habr.com/ru/post/564990/ Чеклист для изменения моделей данных — https://rtpg.co/2021/06/07/changes-checklist.html Клон Facebook для IE6 — https://habr.com/ru/company/ruvds/blog/564300/ Тест на знание нюансов JavaScript — https://jsisweird.com/ Июльские security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/july-2021-security-releases/ ESLint 7.30.0 — https://eslint.org/blog/2021/07/eslint-v7.30.0-released NeoVim 0.5 — https://github.com/neovim/neovim/commit/a5ac2f45ff84a688a09479f357a9909d5b914294 Роадмап Deno Q3 — https://github.com/denoland/deno/issues/11168 Конкурс JS...2021-07-0906 min

Новости 512React 18, Vue 3.1, анонс ESLint 8, курсы от CSSSR, :is(), where() и :has(), как прилёг ИнтернетФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-175/ Курсы от CSSSR.School — https://css.sr/wja Почта для связи — info@csssr.school React 18 — https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html :is() и :where() — https://web.dev/css-is-and-where/ :has() — https://www.smashingmagazine.com/2021/06/has-native-css-parent-selector/ Compute Pressure API — https://web.dev/compute-pressure/ Приватные поля классов в Firefox — https://hacks.mozilla.org/2021/06/implementing-private-fields-for-javascript/ Тригонометрия в CSS и JS, часть 1 — https://tympanus.net/codrops/2021/06/01/trigonometry-in-css-and-javascript-introduction-to-trigonometry/ Тригонометрия в CSS и JS, часть 2 — https://tympanus.net/codrops/2021/06/02/trigonometry-in-css-and-javascript-getting-creative-with-trigonometric-functions/ Тригонометрия в CSS и JS, часть 3 — https://tympanus.net/codrops/2021/06/04/trigonometry-in-css-and-javascript-beyond-triangles/ Тестирование доступности с DevTools Microsoft Edge — https://christianheilmann.com/2021/06/08/accessibility-issues-you-can-discover-and-fix-using-the-browser-developer-tools/ Карманная книга по TypeScript: сужение типов — https://habr.com/ru/company/macloud/blog/560594/ Карманная книга по TypeScript: функции — https://habr.com/ru/company/macloud/blog/561470/ Карманная книга по TypeScript: объектные типы — https://habr.com/ru/company/macloud/blog/562054/ Vue.js 3.1 — https://github.com/vuejs/vue-next/releases/tag/v3.1.0 Deno 1.11 — https://github.com/denoland/deno/releases/tag/v1.11.0 Vivaldi 4.0 — https://vivaldi.com/blog/vivaldi-4-0/ ESLint 8.0.0 — https://eslint.org/blog/20...2021-06-1107 min

Новости 512React 18, Vue 3.1, анонс ESLint 8, курсы от CSSSR, :is(), where() и :has(), как прилёг ИнтернетФорма обратной связи Текстовая версия CSSSR.School Почта для связи Интересные публикации React 18 :is() и :where() :has() Compute Pressure API Приватные поля классов в Firefox Тригонометрия в CSS и JS, часть 1 Тригонометрия в CSS и JS, часть 2 Тригонометрия в CSS и JS, часть 3 Тестирование доступности с DevTools Microsoft Edge Карманная книга по TypeScript: сужение типов Карманная книга по TypeScript: функции Карманная книга по TypeScript: объектные типы Новости релизов Vue.js 3.1 Deno 1.11 Vivaldi 4.0 ESLint 8.0.0 Устранение уязвимостей в Chrome 91 Другие новости Почему прилёг Интернет? Слушайте на любимой платформе: RSS Apple Podcasts SoundCloud Google Podcasts Яндекс.Музыка Пишите нам и читайте: Telegram—канал CSSSR Twitter CSSSR Telegram ведущего Twitter новостей Twitter ведущего 2021-06-1107 min

CSSSRReact 18, Vue 3.1, анонс ESLint 8, курсы от CSSSR, :is(), where() и :has(), как прилёг ИнтернетФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-175/ Курсы от CSSSR.School — https://css.sr/wja Почта для связи — info@csssr.school React 18 — https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html :is() и :where() — https://web.dev/css-is-and-where/ :has() — https://www.smashingmagazine.com/2021/06/has-native-css-parent-selector/ Compute Pressure API — https://web.dev/compute-pressure/ Приватные поля классов в Firefox — https://hacks.mozilla.org/2021/06/implementing-private-fields-for-javascript/ Тригонометрия в CSS и JS, часть 1 — https://tympanus.net/codrops/2021/06/01/trigonometry-in-css-and-javascript-introduction-to-trigonometry/ Тригонометрия в CSS и JS, часть 2 — https://tympanus.net/codrops/2021/06/02/trigonometry-in-css-and-javascript-getting-creative-with-trigonometric-functions/ Тригонометрия в CSS и JS, часть 3 — https://tympanus.net/codrops/2021/06/04/trigonometry-in-css-and-javascript-beyond-triangles/ Тестирование доступности с DevTools Microsoft Edge — https://christianheilmann.com/2021/06/08/accessibility-issues-you-can-discover-and-fix-using-the-browser-developer-tools/ Карманная книга по TypeScript: сужение типов — https://habr.com/ru/company/macloud/blog/560594/ Карманная книга по TypeScript: функции — https://habr.com/ru/company/macloud/blog/561470/ Карманная книга по TypeScript: объектные типы — https://habr.com/ru/company/macloud/blog/562054/ Vue.js 3.1 — https://github.com/vuejs/vue-next/releases/tag/v3.1.0 Deno 1.11 — https://github.com/denoland/deno/releases/tag/v1.11.0 Vivaldi 4.0 — https://vivaldi.com/blog/vivaldi-4-0/ ESLint 8.0.0 — https://eslint.org/blog/20...2021-06-1107 min

CSSSR«История фронтенда» ч.2, Safari 14.1, CORS, Cookie Store API, Next.js 10.2, RxJS 7, Google I/O 2021Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-168/ Второй эпизод «Истории фронтенда» — https://youtu.be/sgyoKkAfGpU Статья к эпизоду — https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/ История веба, часть 8 — https://css-tricks.com/chapter-8-css/ Производительность сайта Google I/O — https://jakearchibald.com/2021/io-site-perf/ История CORS и лучшие практики — https://ieftimov.com/post/deep-dive-cors-history-how-it-works-best-practices/ Базовый туториал по webpack — https://www.codeinwp.com/blog/webpack-tutorial-for-beginners/ Cookie Store API — https://mefody.dev/chunks/cookie-store-api/ Houdini Paint API — https://pavellaptev.medium.com/squircles-on-the-web-houdini-to-the-rescue-5ef11f646b72 dotfiles.github.io — https://dotfiles.github.io/ Safari 14.1 — https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/ Next.js 10.2 — https://nextjs.org/blog/next-10-2 RxJS 7 — https://rxjs.dev/ RxJS 7 breaking changes — https://rxjs.dev/deprecations/breaking-changes Redux 4.1.0 — https://github.com/reduxjs/redux/releases/tag/v4.1.0 Babel 7.14.0 — https://babeljs.io/blog/2021/04/29/7.14.0 Google I/O 2021 — https...2021-05-0505 min

Новости 512«История фронтенда» ч.2, Safari 14.1, CORS, Cookie Store API, Next.js 10.2, RxJS 7, Google I/O 2021Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-168/ Второй эпизод «Истории фронтенда» — https://youtu.be/sgyoKkAfGpU Статья к эпизоду — https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/ История веба, часть 8 — https://css-tricks.com/chapter-8-css/ Производительность сайта Google I/O — https://jakearchibald.com/2021/io-site-perf/ История CORS и лучшие практики — https://ieftimov.com/post/deep-dive-cors-history-how-it-works-best-practices/ Базовый туториал по webpack — https://www.codeinwp.com/blog/webpack-tutorial-for-beginners/ Cookie Store API — https://mefody.dev/chunks/cookie-store-api/ Houdini Paint API — https://pavellaptev.medium.com/squircles-on-the-web-houdini-to-the-rescue-5ef11f646b72 dotfiles.github.io — https://dotfiles.github.io/ Safari 14.1 — https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/ Next.js 10.2 — https://nextjs.org/blog/next-10-2 RxJS 7 — https://rxjs.dev/ RxJS 7 breaking changes — https://rxjs.dev/deprecations/breaking-changes Redux 4.1.0 — https://github.com/reduxjs/redux/releases/tag/v4.1.0 Babel 7.14.0 — https://babeljs.io/blog/2021/04/29/7.14.0 Google I/O 2021 — https...2021-05-0505 min

CSSSRChrome 91 Beta, postcss-easy-z, tree-shakeable библиотеки , гайды по кастомным CSS-свойствам и CLSФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-167/ Puppeteer-рецепты — https://addyosmani.com/blog/puppeteer-recipes/ Измерение производительности с DevTools — https://www.debugbear.com/blog/devtools-performance Angular будет использовать Ivy по умолчанию — https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4 Создание tree-shakeable библиотек — https://blog.theodo.com/2021/04/library-tree-shaking/ Гайд по кастомным CSS-свойствам — https://css-tricks.com/a-complete-guide-to-custom-properties/ Гайд по Cumulative Layout Shift — https://jessbpeck.com/posts/completecls/ Функции плавности в CSS — https://www.smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/ PostCSS-плагин postcss-easy-z — https://github.com/CSSSR/postcss-easy-z Chrome 91 Beta — https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html Vivaldi 3.8 — https://vivaldi.com/blog/vivaldi-crumbles-cookie-dialogs-raises-privacy/ Как Vivaldi выживает на рынке и развивается — https://vc.ru/story/227125-zachem-delat-novyy-brauzer-i-kak-borotsya-s-chrome-kogda-zavisish-ot-ego-dvizhka-intervyu-s-sozdatelem-opera-i-vivaldi Palemoon 29.2 — https://forum.palemoon.org/viewtopic.php?t=26690&p=213782#p213782 Mighty — https://www.mightyapp.com/ Security-обновление Composer — https://laravel-news.com/composer-security-update-cve-2021-29472 Fedora 34 — https://fedoramagazine.org/announcing-fedora-34/ Nessie — https://github.com/halvardssm...2021-04-3007 min

Новости 512Chrome 91 Beta, postcss-easy-z, tree-shakeable библиотеки , гайды по кастомным CSS-свойствам и CLSФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-167/ Puppeteer-рецепты — https://addyosmani.com/blog/puppeteer-recipes/ Измерение производительности с DevTools — https://www.debugbear.com/blog/devtools-performance Angular будет использовать Ivy по умолчанию — https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4 Создание tree-shakeable библиотек — https://blog.theodo.com/2021/04/library-tree-shaking/ Гайд по кастомным CSS-свойствам — https://css-tricks.com/a-complete-guide-to-custom-properties/ Гайд по Cumulative Layout Shift — https://jessbpeck.com/posts/completecls/ Функции плавности в CSS — https://www.smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/ PostCSS-плагин postcss-easy-z — https://github.com/CSSSR/postcss-easy-z Chrome 91 Beta — https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html Vivaldi 3.8 — https://vivaldi.com/blog/vivaldi-crumbles-cookie-dialogs-raises-privacy/ Как Vivaldi выживает на рынке и развивается — https://vc.ru/story/227125-zachem-delat-novyy-brauzer-i-kak-borotsya-s-chrome-kogda-zavisish-ot-ego-dvizhka-intervyu-s-sozdatelem-opera-i-vivaldi Palemoon 29.2 — https://forum.palemoon.org/viewtopic.php?t=26690&p=213782#p213782 Mighty — https://www.mightyapp.com/ Security-обновление Composer — https://laravel-news.com/composer-security-update-cve-2021-29472 Fedora 34 — https://fedoramagazine.org/announcing-fedora-34/ Nessie — https://github.com/halvardssm...2021-04-3007 min

CSSSRFirefox 87, Grid на примерах, «смерть» Node.js-процессов, проблема JS-библиотек, Compat2021Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-158/ CSS Grid на примерах — https://blog.csssr.com/ru/article/css-grid-by-example/ Использование Service Worker API — https://alistapart.com/article/now-thats-what-i-call-service-worker/ GUI Challenges: компонент настроек — https://web.dev/building-a-settings-component/ GUI Challenges: компонент настроек, видео — https://youtu.be/dm7gnp6eh3Q «Смерть» Node.js- процессов — https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process Проблемы JS-библиотек — https://dev.to/jaredcwhite/the-shocking-immaturity-of-javascript-c70 Интервью в Юкихиро Мацумото — https://evrone.ru/yukihiro-matsumoto-interview-2021 railstutorial.org — https://railstutorial.org guides.rubyonrails.org — https://guides.rubyonrails.org Проблемы rel=”preload” — https://www.debugbear.com/blog/rel-preload-problems Доступные фронтенд-компоненты — https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/ Профилирование React-приложений 101 — https://blog.asayer.io/the-definitive-guide-to-profiling-react-applications Firefox 87 — https://hacks.mozilla.org/2021/03/in-march-we-see-firefox-87/ Tor 10.0.14 — https://blog.torproject.org/new-release-tor-browser-10014 npm 7.7.4 — https://github.com/npm/cli/releases Angular 12.0.0-next.6 — https://github.com/angular/angular/releases/tag/12.0.0-nex...2021-03-2608 min

Новости 512Firefox 87, Grid на примерах, «смерть» Node.js-процессов, проблема JS-библиотек, Compat2021Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-158/ CSS Grid на примерах — https://blog.csssr.com/ru/article/css-grid-by-example/ Использование Service Worker API — https://alistapart.com/article/now-thats-what-i-call-service-worker/ GUI Challenges: компонент настроек — https://web.dev/building-a-settings-component/ GUI Challenges: компонент настроек, видео — https://youtu.be/dm7gnp6eh3Q «Смерть» Node.js- процессов — https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process Проблемы JS-библиотек — https://dev.to/jaredcwhite/the-shocking-immaturity-of-javascript-c70 Интервью в Юкихиро Мацумото — https://evrone.ru/yukihiro-matsumoto-interview-2021 railstutorial.org — https://railstutorial.org guides.rubyonrails.org — https://guides.rubyonrails.org Проблемы rel=”preload” — https://www.debugbear.com/blog/rel-preload-problems Доступные фронтенд-компоненты — https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/ Профилирование React-приложений 101 — https://blog.asayer.io/the-definitive-guide-to-profiling-react-applications Firefox 87 — https://hacks.mozilla.org/2021/03/in-march-we-see-firefox-87/ Tor 10.0.14 — https://blog.torproject.org/new-release-tor-browser-10014 npm 7.7.4 — https://github.com/npm/cli/releases Angular 12.0.0-next.6 — https://github.com/angular/angular/releases/tag/12.0.0-nex...2021-03-2608 min

CSSSR«История фронтенда» от CSSSR, Chrome 89, Flutter 2, import maps, free-for.dev, структуры данных IvyФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-154/ «История фронтенда» от CSSSR, 1 серия — https://www.youtube.com/watch?v=7nrDctGYOIk «История фронтенда» от CSSSR, текстовое дополнение — https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/ Всё что вы хотели знать о зависимостях, но боялись спросить [EN] — https://blog.bitsrc.io/everything-you-ever-wanted-to-know-but-were-afraid-to-ask-about-javascript-dependencies-175220f0dcfb Всё что вы хотели знать о зависимостях, но боялись спросить [RU] — https://habr.com/ru/company/otus/blog/545008/ import map — https://jspm.org/import-map-cdn Советы по оптимизации производительности Vue.js — https://habr.com/ru/post/543298/ Внутренние структуры данных Ivy — https://blog.angular.io/ivys-internal-data-structures-f410509c7480 Aleph.js — React-фреймворк с Deno — https://blog.bitsrc.io/introduction-to-aleph-the-react-framework-in-deno-322ec26d0fa9 Гайд по микрофронтендам для начинающих — https://www.sitepoint.com/a-beginners-guide-to-the-micro-front-end-architecture/ Коллекция продуктов и сервисов для разработки free-for.dev — https://free-for.dev/ Chrome 89 — https://developer.chrome.com/blog/new-in-chrome-89/ Новинки DevTools — https://developers.google.com/web/updates/2021/01/devtools Flutter 2.0 — https://developers.googleblog.com/2021/03/announcing-flutter-2.html Обзор нововведений Flutter 2.0 — https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65 Deno 1.8 — https://deno.land/posts/v1.8 Electron 12.0 — https://www.electronjs.org/blog/electron-12-0 Node.js 15.11.0 — https://nodejs.org/en/blog/release/v15.11.0/ Ember...2021-03-0506 min

Новости 512«История фронтенда» от CSSSR, Chrome 89, Flutter 2, import maps, free-for.dev, структуры данных IvyФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-154/ «История фронтенда» от CSSSR, 1 серия — https://www.youtube.com/watch?v=7nrDctGYOIk «История фронтенда» от CSSSR, текстовое дополнение — https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/ Всё что вы хотели знать о зависимостях, но боялись спросить [EN] — https://blog.bitsrc.io/everything-you-ever-wanted-to-know-but-were-afraid-to-ask-about-javascript-dependencies-175220f0dcfb Всё что вы хотели знать о зависимостях, но боялись спросить [RU] — https://habr.com/ru/company/otus/blog/545008/ import map — https://jspm.org/import-map-cdn Советы по оптимизации производительности Vue.js — https://habr.com/ru/post/543298/ Внутренние структуры данных Ivy — https://blog.angular.io/ivys-internal-data-structures-f410509c7480 Aleph.js — React-фреймворк с Deno — https://blog.bitsrc.io/introduction-to-aleph-the-react-framework-in-deno-322ec26d0fa9 Гайд по микрофронтендам для начинающих — https://www.sitepoint.com/a-beginners-guide-to-the-micro-front-end-architecture/ Коллекция продуктов и сервисов для разработки free-for.dev — https://free-for.dev/ Chrome 89 — https://developer.chrome.com/blog/new-in-chrome-89/ Новинки DevTools — https://developers.google.com/web/updates/2021/01/devtools Flutter 2.0 — https://developers.googleblog.com/2021/03/announcing-flutter-2.html Обзор нововведений Flutter 2.0 — https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65 Deno 1.8 — https://deno.land/posts/v1.8 Electron 12.0 — https://www.electronjs.org/blog/electron-12-0 Node.js 15.11.0 — https://nodejs.org/en/blog/release/v15.11.0/ Ember...2021-03-0506 min

Новости 512«История фронтенда» от CSSSR, Chrome 89, Flutter 2, import maps, free-for.dev, структуры данных IvyФорма обратной связи Текстовая версия Интересные публикации «История фронтенда» от CSSSR, 1 серия «История фронтенда» от CSSSR, текстовое дополнение Всё что вы хотели знать о зависимостях, но боялись спросить [EN] Всё что вы хотели знать о зависимостях, но боялись спросить [RU] import map Советы по оптимизации производительности Vue.js Внутренние структуры данных Ivy Aleph.js — React-фреймворк с Deno Гайд по микрофронтендам для начинающих Коллекция продуктов и сервисов для разработки free-for.dev Новости релизов Chrome 89 Новинки DevTools Flutter 2.0 Обзор нововведений Flutter 2.0 Deno 1.8 Electron 12.0 Node.js 15.11.0 Ember 3.25 jQuery 3.6.0 Другие новости Brave планирует разработку поисковой системы Слушайте на любимой платформе: RSS Apple Podcasts SoundCloud Google Podcasts Яндекс.Музыка Пишите нам и читайте: Telegram—канал CSSSR Twitter CSSSR Telegram ведущего Twitter новостей Twitter ведущего 2021-03-0506 min

Новости 512TypeScript 4.2 RC, долой Express, дата и время на JS, Lerna 4.0.0, Mocha 8.3.0, HolyJS Moscow 2020Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-150/ z-index на больших проектах — https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/ Лучшие JS-библиотеки для работы с датой и временем — https://www.skypack.dev/blog/2021/02/the-best-javascript-date-libraries/ Почему пора прекращать работать с Express — https://dev.to/romainlanz/why-you-should-drop-expressjs-in-2021-711 Инстансы PM2 — https://vadosware.io/post/right-sizing-pm2-clusters/ HolyJS Moscow 2020 — https://www.youtube.com/playlist?list=PL8sJahqnzh8KkFDsx3tAM8t1kOMn89CwU Лучшие практики создания каруселей — https://web.dev/carousel-best-practices/ Репозиторий Awesome Resources — https://github.com/shahednasser/awesome-resources Продвинутый гуглинг — https://www.spyfu.com/blog/google-search-operators/ TypeScript 4.2 RC — https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-rc/ Bootstrap 5 Beta 2 — https://blog.getbootstrap.com/2021/02/10/bootstrap-5-beta-2/ Husky 5 — https://dev.to/typicode/what-s-new-in-husky-5-32g5 Mocha 8.3.0 — https://github.com/mochajs/mocha/releases/tag/v8.3.0 Rust 1.50 — https://blog.rust-la...2021-02-1606 min

Новости 512Эра ES-модулей, релизы Node.js LTS, CSS transition, width & height, WebdriverIO 7, Rust FoundationФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-149/ Готовьтесь к ESM — https://blog.sindresorhus.com/get-ready-for-esm-aa53530b3f77 Сравнение AMD, CommonJS, UMD и ESM — https://irian.to/blogs/what-are-cjs-amd-umd-and-esm-in-javascript/ Использование ESM, часть 1 — https://gils-blog.tayar.org/posts/using-jsm-esm-in-nodejs-a-practical-guide-part-1/ Использование ESM, часть 2 — https://gils-blog.tayar.org/posts/using-jsm-esm-in-nodejs-a-practical-guide-part-2/ Использование ESM, часть 3 — https://gils-blog.tayar.org/posts/using-jsm-esm-in-nodejs-a-practical-guide-part-3/ CSS Transitions — https://www.joshwcomeau.com/animation/css-transitions/ Вычисление высоты и ширины элементов — https://css-tricks.com/exploring-the-complexities-of-width-and-height-in-css/ Обмен данными между CSS и JS — https://christianheilmann.com/2021/02/08/sharing-data-between-css-and-javascript-using-custom-properties/ Базы данных на примере картотеки — https://ccorcos.github.io/filing-cabinets/ Node.js 14.15.5 — https://nodejs.org/en/blog/release/v14.15.5/ Node.js 12.20.2 — https://nodejs.org/en/blog/release/v12.20.2/ Node.js 10.23.3 — https://nodejs.org/en/blog/release/v10.23.3/ imgproxy 2.16.0 — https://github.com/imgproxy/imgproxy/blob/master/CHANGELOG.md Firefox 85.0.2 —...2021-02-1206 min

Новости 512Firefox 85.0.1, V8 8.9, progressive rendering, Vuex 4.0.0, Ubuntu 20.04.2 LTS, репа Awesome Node.jsФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-148/ Аудит производительности внутренних систем — https://nooshu.github.io/blog/2021/02/03/the-importance-of-internal-system-performance/ Пример типизации функций — https://www.smashingmagazine.com/2021/01/dynamic-static-typing-typescript/ Прогрессивный рендеринг [EN] — https://blog.bitsrc.io/progressive-rendering-for-better-web-app-performance-22db0d2cd80 Прогрессивный рендеринг [RU] — https://habr.com/ru/company/skillfactory/blog/540294/ Превратится JavaScript в TypeScript? — https://blog.bitsrc.io/does-typescript-influence-javascript-e03fd8af288d Топ-10 Angular-докладов 2020 — https://blog.meetupfeed.io/top10-angular-meetup-videos/ Репозиторий Awesome Node.js — https://github.com/sindresorhus/awesome-nodejs Mozilla Firefox 85.0.1 — https://www.mozilla.org/en-US/firefox/85.0.1/releasenotes/ Mozilla Firefox 78.7.1 — https://www.mozilla.org/en-US/firefox/78.7.1/releasenotes/ Устранение ещё одной уязвимости в Chrome — https://chromereleases.googleblog.com/2021/02/stable-channel-update-for-desktop_4.html V8 8.9 — https://v8.dev/blog/v8-release-89 Karma 6.1.0 — https://github.com/karma-runner/karma/releases/tag/v6.1.0 Cypress 6.4.0 —...2021-02-0906 min

Новости 512npm 7.5.0, прощай AngularJS, Node.js 15.8.0, фичи ES2021, TS-привычки, esbuild и AssemblyScriptФорма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8 Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-147/ Фичи ES2021 — https://medium.com/javascript-in-plain-english/5-javascript-features-that-are-introduced-in-es2021-58179a702451 10 плохих TypeScript-привычек — https://startup-cto.net/10-bad-typescript-habits-to-break-this-year/ Оптимизация главной страницы GitHub — https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/ Создание глобуса на главной странице GitHub — https://github.blog/2020-12-21-how-we-built-the-github-globe/ Данные для визуализации на глобусе — https://github.blog/2020-12-21-visualizing-githubs-global-community/ Способы синхронизации данных между вкладками — https://www.youtube.com/watch?v=9UNwHmagedE Чем отличается DOM-нода от DOM-элемента — https://dmitripavlutin.com/dom-node-element/ DGS Framework от Netflix — https://netflix.github.io/dgs/ Энтерпрайз, который выжил — https://habr.com/ru/company/yandex/blog/540126/ Портирование приложений в Microsoft Teams — https://www.smashingmagazine.com/2021/02/port-web-app-microsoft-teams/ npm 7.5.0 и общая доступность npm 7 — https://github.blog/2021-02-02-npm-7-is-now-generally-available/ npm 7 и breaking changes — https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/ Node.js 15.8.0 — https://nodejs.org/en/blog/release/v15.8.0/ Исправление критической уязвимости в Chrome 88 — https://chromereleases.googleblog.com...2021-02-0508 min

Новости 512Черновик WCAG 3.0, Chrome 89 Beta и ChromeOS 88, Vivaldi 3.6, aspect-ratio, плохой ReduxФорма обратной связи: 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-speed-comparison/ aspect-ratio — https://web.dev/aspect-ratio/ Современные возможности CSS — https://www.smashingmagazine.com/2021/02/things-you-can-do-with-css-today/ Почему я не люблю Redux — https://kelin2025.medium.com/why-ive-never-used-redux-chapter-1-the-reasons-e4ff22e3cee0 Когда React не самый удачный выбор для проекта — https://medium.com/better-programming/i-almost-got-fired-for-choosing-react-in-our-enterprise-app-846ea840841c Edge DevTools в VS Code, доклад с VS Code Day 2021 — https://christianheilmann.com/2021/01/27/bringing-edges-developer-tools-to-vs-code-for-debugging-web-apps-a-talk-at-vs-code-day/ Хранение секретов при фронтенд-разработке — https://blog.logrocket.com/best-practices-for-managing-and-storing-secrets-in-frontend-development/ Figma Crash Course — https://www.figmacrashcourse.com/ Chrome 89 Beta — https://blog.chromium.org/2021/01/chrome-89-beta-advanced-hardware.html Vivaldi 3.6 — https://habr.com/ru/company/vivaldi/blog/539592/ ChromeOS 88 — https://chromereleases.googleblog.com/2021/01/stable-channel...2021-02-0306 min

Новости 512Firefox 85, GitLab 13.8, Node.js 15.7.0, null и undefined, приватность GitHub Pages и Open Web DocsФорма обратной связи: 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/2021/01/undefined-null-revisited.html Типы TS с минимальной поддержкой — https://fettblog.eu/low-maintenance-types-typescript/ Когда использовать HTTPS при локальной разработке — https://web.dev/when-to-use-local-https/ Как использовать HTTPS при локальной разработке — https://web.dev/how-to-use-local-https/ Туториал REST API на Deno — https://habr.com/ru/post/539212/ Управление воспроизведением CSS — https://css-tricks.com/how-to-play-and-pause-css-animations-with-css-custom-properties/ Параллельное тестирование в Laravel — https://laravel-news.com/parallel-testing Firefox 85 — https://hacks.mozilla.org/2021/01/january-brings-us-firefox-85/ Safari Technology Preview 119 — https://webkit.org/blog/11525/release-notes-for-safari-technology-preview-119/ Node.js 10.23.2 — https://nodejs.org/en/blog/release/v10.23.2/ Node.js 15.7.0 — https://nodejs.org/en/blog/release/v15.7.0/ Nest.js 7.6.7 — https://github.com/nestjs/nest/releases/tag/v7.6.7 Webpack 5.16.0 — https://github.com/webpack/webpack/releases/tag/v5.16...2021-01-2909 min

Новости 512Edge 88, React Context vs. Redux, фронтенд-ресурсы, запись скриптов Puppeteer, VS Code Day 2021Форма обратной связи: 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 — https://www.smashingmagazine.com/2021/01/smashingmag-performance-case-study/ Запись скриптов Puppeteer — https://www.stefanjudis.com/blog/how-to-record-screen-actions-as-a-puppeteer-script/ Библиотека Frontend-разработчика, часть 1 — https://habr.com/ru/post/533558/ Библиотека Frontend-разработчика, часть 2 — https://habr.com/ru/post/535184/ Библиотека Frontend-разработчика, часть 3 — https://habr.com/ru/post/536544/ Библиотека Frontend-разработчика, часть 4 — https://habr.com/ru/post/538932/ VSCode Day 2021 — https://code.visualstudio.com/vscode-day 100 лучших CodePen 2020 — https://codepen.io/2020/popular/pens/10 Microsoft Edge 88 — https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-88070550-january-21 Ruby on Rails 6.1.1 — https://github.com/rails/rails/releases/tag/v6.1.1 Django 3.1.5 — https://www.djangoproject.com/weblog/2021/jan...2021-01-2606 min

Новости 512Chrome 88, Meteor.js 2.0, Deno 1.7, CSS clip-path(), 300+ вопросов по React, JS Rising Stars 2020Форма обратной связи: 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 на TypeScript — https://developers.google.com/web/updates/2021/01/puppeteer-typescript 20 инструментов для визуализации данных на JS — https://medium.com/javascript-in-plain-english/20-javascript-data-visualization-tools-you-can-use-for-the-web-54dc2a5ecbb7 10 хороших практик для контейнеризации Node.js с Docker — https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/ 300+ вопросов для React-интервью — https://habr.com/ru/post/538376/ Ссылка на репозиторий — https://github.com/harryheman/React-Questions Релиз Chrome 88 — https://www.youtube.com/watch?v=cqAO2xR7lzM Новинки DevTools — https://developers.google.com/web/updates/2020/11/devtools Angular 11.1 — https://github.com/angular/angular/blob/master/CHANGELOG.md Meteor.js 2.0 — https://habr.com/ru/news/t/538412/ Deno 1.7 — https://deno.lan...2021-01-2207 min

Новости 512Snowpack 3, security-обновления Laravel, Node.js 15.6.0, 20 JS-фреймворков, чистый код на TS, SSRФорма обратной связи: 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.industrialempathy.com/posts/image-optimizations/ Сравнение производительности JS-фреймворков — https://medium.com/javascript-in-plain-english/javascript-frameworks-performance-comparison-2020-cd881ac21fce Как уменьшить количество JS — https://calendar.perfplanet.com/2020/html-and-css-techniques-to-reduce-your-javascript/ «Чистый» TypeScript — https://fettblog.eu/tidy-typescript-avoid-traditional-oop/ 7 способов тестирования доступности — https://christianheilmann.com/2021/01/11/seven-ways-to-test-for-accessibility-of-your-web-site-with-browser-developer-tools/ Как создавать хорошие формы — https://austingil.com/how-to-build-html-forms-right-semantics/ Node.js 15.6.0 — https://nodejs.org/en/blog/release/v15.6.0/ Ember 3.24 — https://blog.emberjs.com/ember-3-24-released/ Snowpack 3.0 — https://www.snowpack.dev/posts/2021-01-13-snowpack-3-0 Webpack 5.15.0 — https://github.com/webpack/webpack/releases/tag/v5.15.0 Security-релизы Laravel — https://blog.laravel.com/security-laravel-62011-7302-8221-released Google заблокирует...2021-01-1906 min

Новости 512Новогодние пробелыТекстовая версия: 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/article/building-real-life-components/ Стилизация компонентов — https://nolanlawson.com/2021/01/03/options-for-styling-web-components/ Improving Cross-Browser Testing, часть 1 — https://hacks.mozilla.org/2020/12/cross-browser-testing-part-1-web-app-testing-today/ Improving Cross-Browser Testing, часть 2 — https://hacks.mozilla.org/2021/01/improving-cross-browser-testing-part-2-new-automation-features-in-firefox-nightly/ Как подружить Svelte и TypeScript — https://css-tricks.com/integrating-typescript-with-svelte/ Развитие веба как платформы — https://www.smashingmagazine.com/2021/01/web-expose-hardware-capabilities/ Нет тестам в pre-commit хуках — https://cakeinpanic.medium.com/stop-running-tests-on-precommit-hook-665be07b220d Коммиты — это снапшоты — https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/ Security-релизы Node.js — https://nodejs.org/en/blog/vulnerability/january-2021-security-releases/ Обновление Chrome 87 — https://chromereleases.googleblog.com/2021/01/stable-channel-update-for-desktop.html Обновление Firefox 84...2021-01-1510 min

Новости 512Новогодний спецвыпуск 2021В этом специальном выпуске мы подведём итоги года и раздадим призы лучшим новостям и событиям. С Наступающим 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 Podcasts — https://podcasts.google.com/?feed=aHR0cHM6Ly9yYWRpby5jc3Nzci5jb20vcnNzL25ld3M1MTIucnNz&ep=14 SoundCloud — https://soundcloud.com/csssr/sets/512-news Я.Музыка — https://music.yandex.ru/album/7040324/track/54795992 Пишите нам и читайте: Telegram—канал CSSSR: https://t.me/csssr Twitter CSSSR: https://twitter.com/csssr_dev Twitter новостей: https://twitter.com/csssr_news Telegram ведущего: https://t.me/Vindizh Twitter ведущего: https://twitter.com/Vindizh 2020-12-2906 min

Новости 512React Server Components, Ruby 3, фреймворк Turbo от Basecamp, Node.js 15.5.0, memory management в JSФорма обратной связи: 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/javascript-event-loop-call-stack/ How to Favicon in 2021 — https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs Что нужно знать о популярных фреймворках — https://habr.com/p/533702/ Советы для продуктивности и роста React-разработчика — https://www.telerik.com/kendo-react-ui/react-best-practices-and-productivity-tips/ Ruby 3 — https://www.ruby-lang.org/en/news/2020/12/25/ruby-3-0-0-released/ Node.js 15.5.0 — https://nodejs.org/en/blog/release/v15.5.0/ React Server Components — https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html Обзор React Server Components от Эдди Османи — https://addyosmani.com/blog/react-server...2020-12-2606 min

Новости 512ES2021, итераторы, релизы CakePHP, Ember 3.23, npm 7.3.0, Zoom для школ от Ростелекома и Mail.ruФорма обратной связи: 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 в Figma — https://www.figma.com/blog/inside-figma-a-case-study-on-strict-null-checks/ Основы кеширования — https://blog.bitsrc.io/fundamentals-of-caching-web-applications-a215c4333cbb 5 ошибок при веб-разработке — https://blog.bitsrc.io/5-common-mistakes-developers-do-that-affect-page-load-time-5a49b0e46f6b Ошибки в использовании React Hooks — https://dmitripavlutin.com/react-hooks-mistakes-to-avoid/ Топ-9 полезных репозиториев — https://thesmartcoder.dev/9-popular-github-repos-for-every-web-developer/ CakePHP 4.2.0 — https://github.com/cakephp/cakephp/releases/tag/4.2.0 CakePHP 2.10.24 — https://github.com/cakephp/cakephp/releases/tag/2.10.24 Ember 3.23 — https://blog.emberjs.com/ember-3-23-released/ npm 7.3.0 — https...2020-12-2206 min

Новости 512Firefox 84, «Фронтенд-2021» от Тинькофф, security-релизы Node.js, Deno 1.6, MDN Web DNA 2020Форма обратной связи: 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.com/article/css-scroll-snap/ Event Bus на JS — https://css-tricks.com/lets-create-a-lightweight-native-event-bus-in-javascript/ 5 способов центрирования в CSS — https://web.dev/centering-in-css/ Новые возможности отладки WebAssembly — https://developers.google.com/web/updates/2020/12/webassembly Чек-лист SEO-оптимизации — https://www.smashingmagazine.com/search-engine-optimization-checklist/ Firefox 84 — https://hacks.mozilla.org/2020/12/and-now-for-firefox-84/ Safari Technology Preview 117 — https://webkit.org/blog/11364/release-notes-for-safari-technology-preview-117/ Node.js security releases (January) — https://nodejs.org/en/blog/vulnerability/january-2021-security-releases/ Node.js 14.15.2 — https://nodejs.org/en/blog/release/v14.15.2/ Node.js 14.15.3 — https://nodejs.org/en/blog/release/v1...2020-12-1905 min

Новости 512Bootstrap 5 Beta 1, Type Challenges, ускорение с ES2017, Web Almanac 2020, MDN Web Docs на YariТекстовая версия: 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/ubiraem-sdvigi-v-verstke-nalozheniyem-v-css-grid.html Когда использовать моки в тестах — https://dev.to/kettanaito/when-should-i-not-use-mocks-in-testing-544e Выполняем проверки Lighthouse c Github Actions — https://calendar.perfplanet.com/2020/running-lighthouse-in-github-actions/ Type Challenges — https://github.com/type-challenges/type-challenges Margin collapse — https://www.joshwcomeau.com/css/rules-of-margin-collapse/ Чат-бот с Google Dialogflow — https://www.smashingmagazine.com/2020/12/conversational-nlp-enabled-chatbot-google-dialogflow/ Деморепозиторий с чат-ботом — https://github.com/vickywane/dialogflow-article-server Чек0лист для подготовки к интервью — https://interviews.school/ Bootstrap 5 Beta 1 — https://blog.getbootstrap.com/2020/12/07/bootstrap-5-beta-1/ Wordpress 5.6 — https://wordpress.org/news/2020/12/simone/ Laravel 8.5.5 — https://github.com/laravel/laravel/releases/tag/v8.5.5 Ядр...2020-12-1604 min

Новости 512Angular 11, .NET 5.0, security-релизы, Container Query в Chrome, Bloomberg переходит на TS, werf.ioФорма обратной связи: 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-vue3-update/ Как работают SVG-анимации — https://css-tricks.com/svg-line-animation-works/ Подборка библиотек для работы с SVG-анимациями — https://css-tricks.com/libraries-for-svg-drawing-animations/ Самоучитель по werf — https://ru.werf.io/applications_guide_ru/?utm_campaign=csssr Релиз Angular 11 — https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7 Angular roadmap — https://angular.io/guide/roadmap Ноябрьские security-релизы NodeJS — https://nodejs.org/en/blog/vulnerability/november-2020-security-releases/ Mozilla Firefox 82.0.3 — https://www.mozilla.org/en-US/firefox/82.0.3/releasenotes/ Security-релизы PostgreSQL — https://www.postgresql.org...2020-11-1707 min