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.
 
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
 
In this episode we're guiding scrolling areas into peaceful resting places, maintaining alignment, keeping visual harmony, and hopefully improving the overall experience with the content. Links Scroll Snap Level 1 draft → https://goo.gle/2R9hUow overscroll-behavior → https://goo.gle/3o7vLYE scroll-behavior → https://goo.gle/3uKvkWU Una Kravets (co-…
 
Форма обратной связи: 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-performanceAngular будет использовать Ivy по умолчанию — https://blog.angula…
 
В этом выпуске речь идёт о трудностях одновременной поддержки нескольких мажорных версий, участии венчурного капиталла в OSS и монетизация проектов с открытым исходным кодом. Третьей темой было возвращение тонкого клиента и облачный браузер Mighty.Слушайте на любимой платформе:RSS — radio.csssr.com/rss/callback_hell.rssПишите нам и читайте:Telegram…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-170/Мониторинг — https://blog.kamyshev.me/solid-frontend-monitoring/Тестирование UI — https://storybook.js.org/blog/how-to-actually-test-uis/Прототипирование :has() — https://bkardell.com/blog/canihas.htmlКросс-браузерный CSS — …
 
В этом эпизоде ребята обсудили Vite и другие бандлеры, присоединение Microsoft к Bytecode Alliance и любовь к удалёнке, которая возникла у многих во время пандемии.Слушайте на любимой платформе:RSS — radio.csssr.com/rss/callback_hell.rssПишите нам и читайте:Telegram—канал CSSSR: t.me/csssrTwitter CSSSR: twitter.com/csssr_dev…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-169/Продвинутые дженерики в TypeScript — https://habr.com/ru/company/yandex/blog/555520/Fastify.js — https://habr.com/ru/post/555668/ Использование веб-компонентов в GitHub — https://github.blog/2021-05-04-how-we-use-web-compone…
 
Форма обратной связи: 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/ch…
 
In this episode we enter the 3rd dimension with CSS, placing and manipulating objects in 3D space with the transform property. 2D and 3D transforms are spectacular ways to animate and create a sense of depth in a design, follow along for how it all works. Links CSS Transforms Module Level 1 → https://goo.gle/2RsETdW CSS Transforms Module Level 2 → …
 
Наш гостевой микрофон сегодня находится в Курске у Михаила Семёхина тимлида в компании TechGC (https://www.techgc.co/) и соорганизатор курского IT-сообщества и Бориса Окунского CTO в компании UBIO Limited (https://ub.io/).Контакты гостей:Борис Окунский - https://twitter.com/boris_okunskiyМихаил Семёхин - https://twitter.com/mihonШоуноты: ⁃ Тернисты…
 
В этом эпизоде обсуждался отказ Wrike от Dart, DSL для стейт-машин и будущее визуальных языков программирования на примере Enso.Отказ Wrike от Dart (0:01:00)Enso (0:41:00)Lucy (1:01:40)Слушайте на любимой платформе:RSS — radio.csssr.com/rss/callback_hell.rssПишите нам и читайте:Telegram—канал CSSSR: t.me/csssrTwitter CSSSR: twitter.com/csssr_dev…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-166/Производительность CSS-in-JS — https://pustelto.com/blog/css-vs-css-in-js-perf/ Ленивые вычисления свойств объектов — https://humanwhocodes.com/blog/2021/04/lazy-loading-property-pattern-javascript/ Современные псевдоклассы …
 
Сегодня мы перенесёмся в Грецию, поговорим о релокации, языковом барьере, бюрократии, самих Афинах, национальной кухне и праздниках. Проведёт вас по Афинам наша гостья Ирина Иллюстрова. Ирина работает как фронтенд-фрилансер, живёт в Греции уже 7 лет и освоила греческий язык. — (00:35)Немного об Ирине— (01:22) Почему Греция?— (02:52) Какие у тебя бы…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-165/Проектирование приложения с TypeScript и ООП, часть 1 — https://bespoyasov.ru/blog/generating-trees-on-canvas-using-typescript-and-oop/Проектирование приложения с TypeScript и ООП, часть 2 — https://bespoyasov.ru/blog/genera…
 
В четвертом эпизоде Callback Hell главными темами были состояние JS-фреймворков и стейт-менеджеров. Почему их становится всё больше и больше? Оправданно ли это? Какие из них популярны? Ещё одной темой была целительная сила JavaScript или как программирование может помочь отвлечься и почувствовать себя лучше.Состояние JS-фреймворков (0:02:35)Состоян…
 
Третий эпизод был посвящен Tailwind CSS, возвращению Ричарда Столлмана в FSF и cancel culture. Начиная с этого выпуска мы начали проводить лайвы в Telegram, в связи с этим обсудили упадок Clubhouse и его влияние на другие соц. сети.Смерть Clubhouse (00:05)Tailwind CSS (30:06)Возвращение Столлмана в FSF и cancel culture (1:00:05)Слушайте на любимой …
 
Во втором эпизоде речь шла о хардкорном мутационном тестировании и его применении. Второй темой вечера был не мене сложный вопрос: куда расти Senior-разработчику?Что такое Mutation testing? (00:12)Куда расти Senior-разработчику? (52:45)Слушайте на любимой платформе:RSS — radio.csssr.com/rss/callback_hell.rssПишите нам и читайте:Telegram—канал CSSSR…
 
В первом пилотном эпизоде мы поговорили о том, могут ли сосуществовать ESLint и Prettier на одном проекте и для чего это может понадобиться. Также обсудили способы организации знаний и информационного потока.ESLint и/или Prettier (0:02:45)Организация знаний и информационного потока (0:50:40)Слушайте на любимой платформе:RSS — radio.csssr.com/rss/ca…
 
Paths, shapes, clipping, masking, oh my! There’s so much you can do with CSS shapes—from creating transition effects to creating interesting and organic typographic layouts. In this episode we dive in to how to wrangle shape effects in CSS. Shapes Level 1 → https://goo.gle/3gkJAkG Shapes Level 2 → https://goo.gle/3amJLIk Masking Level 1 → https://g…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-164/Микрофронтенды в Delivery Club — https://habr.com/ru/company/mailru/blog/552240/Переход с Parcel на Snowpack — https://benfrain.com/migrating-from-parcel-to-snowpack-build-tool-comparison/JS-классы — https://webreflection.me…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-163/Инъекции кода в JS — https://snyk.io/blog/5-ways-to-prevent-code-injection-in-javascript-and-node-js/Сравнение сборщиков — https://css-tricks.com/comparing-the-new-generation-of-build-tools/ Перевод DevTools на TypeScript — …
 
Welcome back to The CSS Podcast, where we cover all things CSS from accessibility to c-index. Today, Una and Adam will discuss a micro syntax for pseudo class notification when working with nth-child. Selectors level 3 → https://goo.gle/3dWB48G Useful nth-child recipes → https://goo.gle/3e102DE Nth-child syntax → https://goo.gle/328nA4b Quantity qu…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-162/Prototype pollution — https://habr.com/ru/company/huawei/blog/547178/Производительность сайтов команд Формулы-1, часть 6 — https://jakearchibald.com/2021/f1-perf-part-6/Производительность сайтов команд Формулы-1, часть 7 — h…
 
What do mouse pointers, potatoes, and your fingers have in common? They can all interact with a screen! With CSS we can define how active our web boxes are, which areas are interactive, and what style the cursor should be. Maybe that means your mouse arrow becomes an animated magic wand, or maybe not. Get ready for a fun episode, where things get a…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-161/Воркшоп по TDD с React — https://bespoyasov.ru/blog/tdd-workshop/Запись воркшопа — https://www.youtube.com/watch?v=oaktsy6YKMk7 малоизвестных HTML-атрибутов — https://javascript.plainenglish.io/7-useful-html-attributes-that-…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-160/Content Security Policy — https://web.dev/strict-csp/Производительность сайтов команд Формулы-1, часть 4 — https://jakearchibald.com/2021/f1-perf-part-4/Производительность сайтов команд Формулы-1, часть 5 — https://jakearchi…
 
In this episode we cover typography on the web from your CSS. From font properties to word breaking. Also, Adam gets thrown off and amazed at how dynamic the text underline property is and revels in the difference between small caps and petite caps. Links MDN Text Fundamentals → https://goo.gle/2O4Fh13Text Decoration 3 → https://goo.gle/3u7M2yK The…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-159/Анонс SvelteKit — https://svelte.dev/blog/sveltekit-betaДокументация — https://kit.svelte.dev/docsРепозиторий SvelteKit — https://github.com/sveltejs/kitПроизводительность сайтов команд Формулы-1, часть 1 — https://jakearchi…
 
Форма обратной связи: 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:…
 
Сегодня наш гостевой микрофон находится в Твери у Павла Аргентова. Павел — тимлид в компании Evrone и OCaml-энтузиаст. Мы поговорили о том, как OCaml помогает повысить уровень разработчика и почему потом не больно возвращаться на Ruby. Также поговорили о FP-сообществах и проблеме снобизма в них.Контакты гостя:Twitter: https://twitter.com/argent_smi…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-157/История развития React API — https://frantic.im/react-api-evolutionЗаписи докладов и воркшопов с «Я <3 фронтенд» — https://www.youtube.com/playlist?list=PLKaafC45L_SQvmgHWgtUeX_Y59NiZhmEFТонкости работы this в JavaScript — h…
 
In today's episode we cover overscroll and all the ways to handle content that's bursting at the seams. The web has a natural tendency to show overflowing content, so let's study our options when it comes to wrangling those pesky misbehavers. LinksText-overflow → http://goo.gle/38uDGbXCSS Overflow Module → http://goo.gle/2N7KsNg The CSS Podcast#CSS…
 
Loading …

빠른 참조 가이드

Google login Twitter login Classic login