Podcast by CSSSR
Chelseatugg med Wille och Kevin, signerat Chelsea Supporters Sweden.
CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.
Humorous
Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Adam Argyle, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.
AtoZ CSS is a video podcast that tackles one CSS topic per letter of the alphabet. From auto to z-index, take a deep dive into a single property, value, selector or concept each week.
Kevin Ståhlberg och Daniel Joannou teamar upp för andra veckan i rad för att sammanfatta och bena ut Chelseas status.저자 SvenskaFans.com
Like so many things CSS, there is all sorts of little stuff to know, even something as minuscule as centering a list marker. A reader wrote in with a screenshot of what they were trying to accomplish — basically an …저자 CSS-Tricks
C
CSSSR


1
Snowpack 3, security-обновления Laravel, Node.js 15.6.0, 20 JS-фреймворков, чистый код на TS, SSR
6:17
6:17
나중에 재생
나중에 재생
리스트
좋아요
좋아요
6:17
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-142Компилируем Svelte в голове [EN] — https://lihautan.com/compile-svelte-in-your-head-part-1/Компилируем Svelte в голове [RU] — https://m.habr.com/ru/post/536468/Туториал по SSR — https://habr.com/ru/post/527310/Оптимизация заг…
Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-141/Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Front-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/Разработка rea…
Kevin Ståhlberg diskuterar veckans senaste händelser i Chelsea tillsammans med Daniel Joannou.저자 SvenskaFans.com
В этом специальном выпуске мы подведём итоги года и раздадим призы лучшим новостям и событиям.С Наступающим 2021!Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-140/Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Слушайте на любимой платформе:RSS — https://radio.csssr.com/rss/news512.rssApple Podcasts — https://podcasts.ap…
C
CSSSR


1
React Server Components, Ruby 3, фреймворк Turbo от Basecamp, Node.js 15.5.0, memory management в JS
6:22
6:22
나중에 재생
나중에 재생
리스트
좋아요
좋아요
6:22
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-139/Утечки памяти в Angular — https://medium.com/javascript-in-plain-english/understanding-memory-leaks-in-angular-4a738f7ce90dJavaScript Memory Management — https://felixgerschau.com/javascript-memory-managementEvent Loop and C…
C
CSSSR


1
Тагир Валеев, Новосибирск, Java, обучение Computer Science, работа в JetBrains и разработка IDE
1:08:26
1:08:26
나중에 재생
나중에 재생
리스트
좋아요
좋아요
1:08:26
Наш гостевой микрофон сегодня находится в Новосибирске у Тагира Валеева техлида в команде поддержки Java в Jetbrains, Java чемпиона, контрибьютор в OpenJDK, активный спикер на конференциях.Контакты гостя:Twitter - https://twitter.com/tagir_valeevШоуноты: ⁃ Об опыте использования C++ и Java в биоинформатике (00:00) ⁃ Первое знакомство с FindBugs и о…
C
CSSSR


1
ES2021, итераторы, релизы CakePHP, Ember 3.23, npm 7.3.0, Zoom для школ от Ростелекома и Mail.ru
6:43
6:43
나중에 재생
나중에 재생
리스트
좋아요
좋아요
6:43
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-138/ES2021 [EN] — https://backbencher.dev/javascript/es2021-new-featuresES2021 [RU] — https://habr.com/ru/post/533672/Итераторы [EN] — https://mpodlasin.com/articles/iterables-and-iteratorsИтераторы [RU] — https://habr.com/ru/co…
Joshua Comeau crowd-coined the term “boop” (high five, Adam Kuhn). These are sorta like hover/focus states, except that they aren’t. Your thingies — things like links, buttons, etc. — should still have those states. A “boop” is a more …저자 CSS-Tricks
C
CSSSR


1
Firefox 84, «Фронтенд-2021» от Тинькофф, security-релизы Node.js, Deno 1.6, MDN Web DNA 2020
5:33
5:33
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:33
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-137/Фронтенд-2021 в Тинькофф — https://habr.com/ru/company/tinkoff/blog/533462/Технологический радар фронтенда в Тинькофф — https://radar.tinkoff.ru/frontendЗагрузка JS по взаимодействию — https://addyosmani.com/blog/import-on-i…
C
CSSSR


1
Анна Михина, Тинькофф — суперприложение, публичность, работа «без результата», материнство и карьера
1:31:26
1:31:26
나중에 재생
나중에 재생
리스트
좋아요
좋아요
1:31:26
В этом выпуске у нас в гостях Анна Михина — руководитель направления развития лайфстайл-сервисов в Тинькофф. — Работа в Тинькофф (1:00)— Публичные мероприятия, PR сервиса или операционная деятельность (1:48)— Тихие дни (2:28)— Суперприложение (5:27)— Foursquare и Swarm (9:40)— Сервисы и партнеры (11:00)— Подбор партнеров (11:20)— Приватность пользо…
C
CSSSR


1
Bootstrap 5 Beta 1, Type Challenges, ускорение с ES2017, Web Almanac 2020, MDN Web Docs на Yari
4:53
4:53
나중에 재생
나중에 재생
리스트
좋아요
좋아요
4:53
Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-136/Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8ES2017 и EStimator.dev — https://web.dev/publish-modern-javascript/Предотвращаем сдвиги в вёрстке с CSS Grid (EN) — https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/Предотвращаем сдвиги в вёрст…
William Sjögren diskuterar veckans senaste händelser i Chelsea tillsammans med Kevin Ståhlberg.저자 SvenskaFans.com
C
CSSSR


1
NodeJS 15.4.0, Chrome 88 Beta, платформа BBC, RoR в 2020, Google Dev Summit 2020, Tinder в VSCode
6:03
6:03
나중에 재생
나중에 재생
리스트
좋아요
좋아요
6:03
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Новая платформа BBC — https://medium.com/bbc-design-engineering/bbc-world-service-web-performance-26b08f7abfccРепозиторий Simorgh — https://github.com/bbc/simorghEffector в ДомКлик — https://habr.com/ru/company/domclick/blog/532016/Как сделать TS максимально полезным — https://habr.com/ru/com…
Fair warning: you aren’t going to need this every day! I just happened to be looking at a neat little SVG warping tool that had a feature where my mouse scroll wheel (or trackpad) could be used to zoom the …저자 CSS-Tricks
I probably should have learned this long ago, but alas, here we are. Turns out you can tell what function you want JSX to use. Yep, JSX really only has one primary transformation that it does. It turns angle brackets …저자 CSS-Tricks
Daniel Joannou och Frederic Pavlidis tar tillfälligt över podden för att diskutera det senaste om Chelsea.저자 SvenskaFans.com
In this episode, we get a little more experimental as we continue the Houdini series and discuss the Layout Worklet, also sometimes referred to as the Houdini Layout API. The Layout API enables developers to write their own layout algorithms. For more about Houdini worklets, check out our last episode on the Paint Worklet for an overview → https://…
C
CSSSR


1
PhpStorm 2020.3; Playwright, Puppeteer и Selenium; Next.js в Lyft; Beaker 1.0; State of JS 2020
5:48
5:48
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:48
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Сравнение Playwright, Puppeteer и Selenium — https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/Lyft внедряет Next.js — https://eng.lyft.com/changing-lanes-how-lyft-is-migrating-100-frontend-microservices-to-next-js-42199aaebd5fВидео о Lyft и Next.js с Next.js Con…
C
CSSSR


1
WebStorm 2020.3, minmax(), Math.random() в JS, fwdays 2020, Advent of Code, Octoverse и State of CSS
6:13
6:13
나중에 재생
나중에 재생
리스트
좋아요
좋아요
6:13
Новая форма обратной связи: forms.gle/QXTEqAfKTjUoR7Lk8CSS Grid minmax() — https://ishadeed.com/article/css-grid-minmax/Math.random() в JavaScript — https://css-tricks.com/lots-of-ways-to-use-math-random-in-javascript/Плохие практики в React-компонентах — https://antongunnarsson.com/react-component-code-smells/JavaScript 25 лет — https://www.jetbra…
In this episode, we continue the Houdini series and enter worklet land! We go over the Paint Worklet, an API that enables developers to define canvas-like custom painting functions that can be used directly in CSS as backgrounds, borders, masks, and more. Links CSS Paint API → https://goo.gle/39bWvBV MDN Docs on CSS Painting API → https://goo.gle/3…
C
CSSSR


1
PHP 8, TypeScript Performance от Microsoft, RoR 6.1 RC1, пишем фронтенд-фреймворк и ЯП на JavaScipt
5:29
5:29
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:29
Новая форма обратной связи: forms.gle/QXTEqAfKTjUoR7Lk8Реактивные переменные GraphQL Apollo — https://www.smashingmagazine.com/2020/11/reactive-variables-graphql-apollo-client/Создай фронтенд-фреймворк — https://mfrachet.github.io/create-frontend-framework/Производительность TypeScript — https://github.com/microsoft/TypeScript/wiki/PerformanceНестр…
William Sjögren diskuterar veckans senaste händelser i Chelsea tillsammans med Kevin Ståhlberg.저자 SvenskaFans.com
C
CSSSR


1
Николай Лопин, Испания, Барселона — испанский менталитет, сиеста, IT в Барселоне, туризм и воровство
1:03:18
1:03:18
나중에 재생
나중에 재생
리스트
좋아요
좋아요
1:03:18
Сегодня мы перенесемся в солнечную Барселону. Поговорим о жизни в Барселоне, про влияние туризма на жизнь, воровство, местных жителей, тепло и холод в Испании, сиесту, налогах, ценах и многом другом. У нас в гостях Николай Лопин – екатиренбуржец-фронтендер, автор курсов по JavaScript в Нетологии. Через Москву и Чехию он оказался в Испании.— Как Ник…
C
CSSSR


1
Браузер изнутри, git наглядно, bfcache, Electron 11, скепсис и Web Vitals, TIOBE в ноябре
5:33
5:33
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:33
Новая форма обратной связи: forms.gle/QXTEqAfKTjUoR7Lk8Работа современных браузеров — https://developers.google.com/web/updates/2018/09/inside-browser-part1Работа современных браузеров, перевод на Хабре — https://habr.com/ru/post/526696/bfcache — https://web.dev/bfcache/Адаптация NextJS — https://nextjs.org/blog/incremental-adoptionБазовый гайд по …
C
CSSSR


1
Chrome 87, Firefox 83, TypeScript 4.1, aria-label, HTML-формы, CSS-градиенты, CSSBattle 2020
5:38
5:38
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:38
Новая форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8HTML-формы — https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/aria-label — https://html5accessibility.com/stuff/2020/11/07/not-so-short-note-on-aria-label-usage-big-table-edition/Tinkoff пилит монолит, часть 3 — https://habr.com/ru/company/tinkoff/…
William Sjögren diskuterar veckans senaste händelser i Chelsea tillsammans med Kevin Ståhlberg.저자 SvenskaFans.com
C
CSSSR


1
Сергей Жук, Брянск, PHP и плохо ли на нём писать, книги в IT, подкаст «Между скобок»
1:01:03
1:01:03
나중에 재생
나중에 재생
리스트
좋아요
좋아요
1:01:03
Сегодня наш собеседник Сергей Жук — тимлид в Skyeng, автор множества книг по PHP, ютубер и автор подкаста “Между скобок”.Шоуноты: ⁃ Как начал писать на PHP (00:20) ⁃ На столько ли плох PHP, как о нем говорят? (03:10) ⁃ Статическая типизации в PHP (07:30) ⁃ Есть ли альтернативы PHP? Какой еще язык стоит изучать PHP-разработчику (11:40) ⁃ Книги Серге…
static: the default relative: allows you to nudge around with top/right/bottom/left, making z-index work, gives you a positioning context absolute: top/right/bottom/left moves the element …저자 CSS-Tricks
In this episode we go over the TypedOM, a new API for parsing, converting, creating and managing CSS. It's typed, as the name suggests, and these typings not only help developers find bugs, they can make properties animateable natively in the engine. Links MDN Typed OM Reference → https://goo.gle/3n2FrC9 Spec → https://goo.gle/32fq94O caniuse attri…
C
CSSSR


1
Angular 11, .NET 5.0, security-релизы, Container Query в Chrome, Bloomberg переходит на TS, werf.io
7:18
7:18
나중에 재생
나중에 재생
리스트
좋아요
좋아요
7:18
Форма обратной связи: https://docs.google.com/forms/d/e/1FAIpQLSc6EGXljeXw_K1Y0CwEtGfmC6Rx77TXKl5JhS5c_u8VhLMy1Q/viewformBloomberg переходит на 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…
In this episode we introduce Houdini! We start by talking about our hooks into the layout engine and CSS parser, so we can connect our custom functionality with some CSS authored by a designer or developer. These hooks are called Houdini Properties & Values. Links Properties and Values Spec → https://goo.gle/2HZ6Aad Value Definitions Spec → https:/…
C
CSSSR


1
NodeJS 15.1.0, TS 4.1 RC, Promises с нуля, нативность Sketch, тарифы Travis-CI, MDN Web DNA 2020
4:27
4:27
나중에 재생
나중에 재생
리스트
좋아요
좋아요
4:27
Форма обратной связи: https://docs.google.com/forms/d/e/1FAIpQLSc6EGXljeXw_K1Y0CwEtGfmC6Rx77TXKl5JhS5c_u8VhLMy1Q/viewformNative CSS Grid Masonry Layout — https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/Автоматизация версионирования с CD — https://css-tricks.com/how-to-automate-project-versioning-and-releases-with-continuous-depl…
William Sjögren diskuterar veckans senaste händelser i Chelsea tillsammans med Kevin Ståhlberg och Mattias Büman.저자 SvenskaFans.com
C
CSSSR


1
Александр Ильин, Лаборатория Касперского — внутриком, ивенты в компании, антистресс и ценность опыта
58:18
58:18
나중에 재생
나중에 재생
리스트
좋아요
좋아요
58:18
Внутриком организует ивенты для сотрудников и активности в компании, имеет кучу опыта в самых разных областях и может сделать всё что угодно. У нас в гостях был именно такой человек — Саша Ильин — менеджер по внутренним коммуникациям в Лаборатории Касперского. Мы поговорили о том, чем занимается внутриком, как придумывать и организовывать ивенты дл…
C
CSSSR


1
NodeJS 14.15.0 LTS, NextJS 10, serverless-ужасы, offline-аналитика, package-lock.json, npm roadmap
5:23
5:23
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:23
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Ужасы serverless-архитектуры — https://thenewstack.io/serverless-horror-stories/Аналитика оффлайн использования сайта — https://web.dev/measuring-offline-usage/Lockfile — https://lucasfcosta.com/2020/10/17/lockfile-guide.htmlРеализация Autosave в Figma — https://www.figma.com/blog/behind-the-feature-…
C
CSSSR


1
Евгений Кот, Прага — переезд, офис Wrike в Праге, IT в Чехии, дорогие C#-разработчики, Прага и пиво
1:21:54
1:21:54
나중에 재생
나중에 재생
리스트
좋아요
좋아요
1:21:54
Открытие офиса компании в Чехии, пиво, особенности релокации, налоги цены и многое другое в эпизоде о Чехии и Праге. У нас в гостях Евгений Кот — глава разработки Wrike в Праге, евангелист и Google Developer Expert в Dart, а так же соорганизатор конференции HolyJS.— Почему Чехия?— Почему офис компании стоит открыть в Чехии?— Процесс релокации IT-сп…
Mattias Büman och Kevin Ståhlberg diskuterar veckans senaste händelser i Chelsea.저자 SvenskaFans.com
The Stackbit app helps you kick out a new Jamstack site very quickly. Pick a theme, a static site generator, and a CMS and it’ll get a repo going for you on the double. Stackbit has gotten much more powerful …저자 CSS-Tricks
Kyle is a JavaScript guy. He knows a ton about the web, and plenty about CSS too, but isn’t as up-to-date on modern CSS layout tools like flexbox and grid. We didn’t go from 0 to 100 here, but …저자 CSS-Tricks
C
CSSSR


1
CSS 3D, гайд по Webpack 5, NodeJS 15, React 17 и CRA 4, Playwright Python, Composer 2, Observer APIs
6:52
6:52
나중에 재생
나중에 재생
리스트
좋아요
좋아요
6:52
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Как использовать Webpack 5 [EN] — https://www.taniarascia.com/how-to-use-webpack/Как использовать Webpack 5 [RU] — https://habr.com/ru/post/524260/Как использовать Webpack 5: шаблон на Github — https://github.com/taniarascia/webpack-boilerplateObserver APIs — https://indepth.dev/observer-apis-in-java…
William Sjögren diskuterar veckans senaste händelser i Chelsea tillsammans med Kevin Ståhlberg.저자 SvenskaFans.com
C
CSSSR


1
Александр Шушунов, Тверь, техлид и тимлид, минусы Apollo,типизация, разница React, Svelte и Vue
1:21:14
1:21:14
나중에 재생
나중에 재생
리스트
좋아요
좋아요
1:21:14
Наш гостевой микрофон сегодня находится в Твери у Александра Шушунова. Саша — техлид в EPAM Systems, адепт церкви Дядюшки Боба, соорганизатор Tver.io и спикер.Шоуноты: — О том как Александр пришел к бытию техлидом в EPAM Systems (00:00) — Переход от С++ к JavaScript (13:20) — Чем отличается “техлид” от “тимлида”? (20:15) — Почему иногда использован…
William Sjögren diskuterar veckans senaste händelser i Chelsea tillsammans med Kevin Ståhlberg.저자 SvenskaFans.com
C
CSSSR


1
MobX or Redux, Flexbox or CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020
5:23
5:23
나중에 재생
나중에 재생
리스트
좋아요
좋아요
5:23
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Слабо документированные особенности Angular DI — https://habr.com/ru/company/tinkoff/blog/523160/Выбор между Flexbox и CSS Grid EN — https://codecoda.com/en/blog/entry/css-layout-grid-vs-flexboxВыбор между Flexbox и CSS Grid RU — https://habr.com/ru/company/ruvds/blog/523808/CSS Grid с Layoutit Grid …