CSS 公开
[search 0]
更多

Download the App!

show episodes
 
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.
 
Your weekly celebration of JavaScript and the web. This show records LIVE on Thursdays at 1pm US/Eastern time. Panelists include Jerod Santo, Feross Aboukhadijeh, Kevin Ball, Emma Bostian, Nick Nisi, Divya Sasidharan, Mikeal Rogers, Chris Hiller, and Amal Hussein. Topics discussed include the web platform (Chrome, Safari, Edge, Firefox, Brave, etc), front-end frameworks (React, Ember, Angular, Vue, etc), Node.js, web animation, SVG, robotics, IoT, and much more. If JavaScript and/or the web ...
 
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.
 
Loading …
show series
 
We’ve reached the end of season 2 of the CSS Podcast. In this closing episode, we recap every episode by sharing our favorite tips and learnings from the last few months! Episodes reminisced E30 → Lists E31 → @rules E32 → Page Media Queries E33 → Preference Media Queries E34 → Overflow E35 → Background E36 → Text & Typography E37 → Cursors & Pointe…
 
This week we talk with Kent C. Dodds, one of the greatest React teachers in the industry, all about React! Why choose React over another framework? What are the hardest parts about learning React? You’ll find out this week! Discuss on Changelog News Join Changelog++ to support our work, get closer to the metal, and make the ads disappear! Sponsors …
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-181/RenderingNG — https://developer.chrome.com/blog/renderingng/Рефакторинг CSS — https://www.smashingmagazine.com/2021/07/refactoring-css-introduction-part1/Оптимизация потребления памяти приложения Miro — https://habr.com/ru/c…
 
В этот эпизод попали GraalVM в Facebook, сложные отношения React и его конкурентов, доступность и статья Романа Шамина о ней, а также состояние мультиплатформенности со стороны мобильных платформ.Шоуноты:(0:00:50) GraalVM + Facebook–– Статья про успешный опыт перехода: https://medium.com/graalvm/graalvm-at-facebook-af09338ac519–– Наш Аргументариум …
 
Сегодня у нас в гостях Дмитрий Шатохин — генеральный директор в BigWallet Payments. Мы поговорим о запуске Gett в России, о разнице между работой в стартапе и большой компании, и о жизни на Кипре.Дмитрий на LinkedIn: https://www.linkedin.com/in/shatohinСлушайте нас на любимой платформе:RSS-лента: https://radio.csssr.com/rss/mw.rssApple Podcasts: ht…
 
Count on The CSS Podcast to cover counters. Una and Adam teach all the ways to create, reset, and update counters. Use them for lists, games and more! Links Counters Level 3 → https://goo.gle/3f2BP18 Pure CSS Games Collection → https://goo.gle/3l0wrQe Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @go…
 
Feross is back with a brand new web app for us to pick apart! Wormhole is the fastest way to send files on the internet and we want to know why he built it, how it works, and what crazy hacks he invented along the way. Discuss on Changelog News Join Changelog++ to support our work, get closer to the metal, and make the ads disappear! Sponsors Raygu…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-184/Drag&drop с RxJS – https://www.thisdot.co/blog/how-to-implement-drag-and-drop-using-rxjsCRUD с Fastify – https://dev.to/elijahtrillionz/build-a-crud-api-with-fastify-688Ресурсы, блокирующие отрисовку страницы — https://sia.c…
 
CSS and SVG are very intertwined, and you can create a lot of unique effects by combining the two. This episode dives into a few CSS + SVG tips and tricks, including where and how to use SVG on your page, icon systems, color theming, adding animations, filter effects, and more! Links Solved with CSS: Colorizing SVG → https://goo.gle/3x0Uilb SVGOMG …
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-183/Scroll-linked animations — https://css-tricks.com/practical-use-cases-for-scroll-linked-animations-in-css-with-scroll-timelines/Промисы в JS — https://dmitripavlutin.com/what-is-javascript-promise/Функциональное программиров…
 
The panel discusses all the things that have to happen before you write a lick of code. Then, for Story of the Week: Dan Abramov thinks npm audit is broken by design. We also have thoughts. Lots of ’em. Discuss on Changelog News Join Changelog++ to support our work, get closer to the metal, and make the ads disappear! Sponsors Micro – Micro is reim…
 
Форма обратной связи: 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/Разбор технического интервь…
 
This episode is about the very available CSS values inherit, initial, unset and revert. We'll help explain what they are, what they do and when to use them. Links CSS Tricks Article → https://goo.gle/2U5PxJw Quirksmode Article → https://goo.gle/2TY80rz Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @g…
 
В этом эпизоде команда CH обсудила Copilot и место AI в разработке, растущую популярность Rust и навыки Senior-разработика, помимо написания кода.Тред в Telegram: https://t.me/csssr/321Слушайте на любимой платформе:RSS — radio.csssr.com/rss/callback_hell.rssYouTube — www.youtube.com/channel/UCoF-ngPNAd-_PTyKDZDsViAПишите нам и читайте:Telegram—кана…
 
Наш гостевой микрофон сегодня находится в Ростове-на-Дону у Влада Шилова — фронтенд-инженера в компании resume.io (http://resume.io/), члена программного комитета HolyJS, разработчика микро-библиотек и соведущего подкаста Goose&Duck.Контакты гостя:Twitter: https://twitter.com/omgovichGitHub: https://github.com/omgovichШоуноты: ⁃ HTML вместо Starcra…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-180/Мы ищем фронтов: https://css.sr/i7bВсе вакансии: https://css.sr/r5zpetite-vue — https://github.com/vuejs/petite-vueСравнение petite-vue и Vue — https://github.com/vuejs/petite-vue#comparison-with-standard-vuesize-adjust — ht…
 
KBall and Nick Nisi sit down with Nick Fitzgerald to learn about running JavaScript on WebAssembly. They talk about almost instantaneous startup, running interpreted languages at the edge, and take a deep dive into the weeds of how Wasm based modules will change the future of application development. Discuss on Changelog News Join Changelog++ to su…
 
Today we are breaking down accessibility related styling choices to ensure a better user experience for all of your users. These include focus visibility, keyboard navigation, and more! Links #lintHTMLwithCSS - https://goo.gle/3dSMIlU CSS Speech Level 1 - https://goo.gle/3xrg3vc Media Queries Level 5 - https://goo.gle/3qUcBXz Una Kravets (co-host) …
 
Nick Reese joins the party to tell us all about Elder.js, his opinionated static site generator and web framework built with SEO in mind. Elder.js was purpose-built with large, content-heavy websites in mind and already serves in many production capacities. We discuss imposter syndrome, the startup/product mindset, Svelte’s virtues, and much more. …
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-179/Состояние веб воркеров 2021 — https://www.smashingmagazine.com/2021/06/web-workers-2021/Temporal API — https://2ality.com/2021/06/temporal-api.htmlGhost Platform и SDUI — https://medium.com/airbnb-engineering/a-deep-dive-int…
 
Today we touch on touch interaction. Covering CSS's ability to change a user's touch experience with properties like touch-action, scroll-behavior, user-select and more. Links MDN - https://goo.gle/3y8My14 Spec - https://goo.gle/3dm4opF Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @googlechrome Unic…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-178/ECMAScript 2021 – https://www.ecma-international.org/news/ecma-international-approves-new-standards-4/Обзор фич ECMAScript 2021 – https://ui.dev/es2021/ TablesNG – https://developer.chrome.com/blog/tablesng/ Error cause prop…
 
В этом выпуске Callback Hell ребята обсудили развитие GitHub «вширь», войдёт ли proof assistant в нашу жизнь и что это такое вообще, а также четырехдневную рабочую неделю и её перспективы.Тред в Telegram: https://t.me/csssr/312(01:50) Развитие GitHub:–– Анонс Container registry: https://github.blog/2021-06-21-github-packages-container-registry-gene…
 
This week we chat with Angie Jones about all things testing. We’ll cover unit testing, visual testing, end-to-end testing, and more! Discuss on Changelog News Join Changelog++ to support our work, get closer to the metal, and make the ads disappear! Sponsors Raygun – With Raygun Error and Performance Monitoring you have all the information you need…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-177/Измерение потребления памяти JS — https://blog.webpagetest.org/posts/benchmarking-javascript-memory-usage/Стримы в Node.js — https://blog.insiderattack.net/a-visual-guide-to-nodejs-streams-9d2d594a9bf5Оптимизация изображений…
 
In this episode, Adam and Una explore some CSS syntactic sugar! They discuss the :is and :where functions, how they differ, and how they’re paving the way for nesting. Links Adam's post on web.dev → https://goo.gle/3qhYifl MDN :is() → https://goo.gle/3qgU0Vf Forgiving selector parsing → https://goo.gle/3xLTYHL Una Kravets (co-host) Twitter | Instag…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-176/Canvas Rendering — https://medium.com/young-coder/the-future-web-will-canvas-rendering-replace-the-dom-847be872884c Сравнение Svelte и React — https://www.jackfranklin.co.uk/blog/comparing-svelte-and-react-javascript/Тулинг …
 
Yulia Startsev from Mozilla’s SpiderMonkey team joins Jerod & Feross to talk compilers, going back to get your Master’s, making decisions as a group, process of shepherding a feature through TC39, how Firefox actually works, and LavaMoats. Yes, LavaMoats. Discuss on Changelog News Join Changelog++ to support our work, get closer to the metal, and m…
 
В этом эпизоде речь идёт о микрофронтендах в целом и Module Federation в частности, публикации своего кода разными компаниями и почему многие компании боятся это делать. Завершается эпизод обсуждением выставки E3, новинок и ожиданий от игровой индустрии. Микрофронтенды вообще и Module Federation в частности—— Документация Module Federation - https:…
 
Сегодня у нас в гостях Андрей Артамонов: технический директор DevExperts. Мы поговорим о том, как появилась и развивалась компания, зачем стоит вкладываться в опенсорс, какого это — работать в одном и том же месте 13 лет и о важности критического мышления в работе и в жизни.Андрей на LinkedIn — https://www.linkedin.com/in/andreyartamonov/Слушайте н…
 
Custom properties, aka CSS variables, are runtime dynamic variables which allow you to store loose or typed values. They're free, super fast, improve code legibility, unlock powers, are reachable with JavaScript, animateable, overall super fun and, well, kind of complex. Links Module Level 1 → https://goo.gle/3wtADL1 82% of developers get this 3 li…
 
Tanner joins Nick to talk about his projects, react-query and react table, and discuss scratching your own itch in a maintainable way with open source. Discuss on Changelog News Join Changelog++ to support our work, get closer to the metal, and make the ads disappear! Sponsors Retool – Retool is a low-code platform built specifically for developers…
 
Сегодня наш гостевой микрофон находится в Барнауле у Анны Жарковой — ведущего разработчика мобильных приложений в компании Usetech (usetech.com), спикера, автора статей по мобильной разработке и преподавателя курса iOS-разработки в Otus.ru.Твиттер Анны: https://twitter.com/anioutkajarkovaТелеграм канал Анны: https://t.me/prettygeeknotesШоуноты:— Пу…
 
В этом эпизоде Callback Hell:0:01:45 Небольшой конфуз Google: сервисы компании не проходят собственный тест на Web Vitals:—— Описание: https://web.dev/vitals/—— Статья о том, что не все сервисы Google получили хорошие оценки по Web Vitals https://www.ntara.com/google-core-web-vitals/0:36:30 Шеринг логики между фронтом и бэком;—— GraalVM: https://ww…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-175/Курсы от CSSSR.School — https://css.sr/wjaПочта для связи — info@csssr.schoolReact 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.s…
 
In this episode we deep dive the experimental Scroll Animations spec to bring you the breakdown on @scroll-timeline powered CSS animation. Learn about scroll-linked animations vs scroll-triggered animations and how to orchestrate scroll interactions with elements of the page. Links Scroll animations level 1 draft →https://goo.gle/3pvWX49 Polyfill →…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-174/Рендеринг страницы — https://xnim.me/blog/frontend-perf-for-newbies-part-1-critical-render-pathОтимизации — https://xnim.me/blog/frontend-perf-improving-fmp-and-ttiEvent Loop — https://xnim.me/blog/javascript-browser-event-l…
 
Eric Simons and the StackBlitz team recently announced WebContainers which let you run Node.js natively in your browser! This has BIG implications and leaves us with many BIG questions like: how did they do it, why did they do it, and where does it go from here? Tune in! Keyword: BIG Discuss on Changelog News Join Changelog++ to support our work, g…
 
Новый эпизод был посвящен Rescript, треду на Reddit с мыслями нетрезвого Senior-разработчика и тотальной слежке за сотрудниками.0:00:20 Rescript—— Rescript: https://rescript-lang.org/—— Доклад Дмитрия Коваленко: https://www.youtube.com/watch?v=5FdmV_H5ggk—— Статья про историю появления ReScript и его отличия от TS: https://formidable.com/blog/2021/…
 
Loading …

快速参考指南

Google login Twitter login Classic login