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 talk about CSS @rules and all the different customizations you can make to fonts, encoding, animations, Houdini, and more. LinksAt-rules → http://goo.gle/3uvvRwbCSS Conditional Rules Module → http://goo.gle/37Bgf02 @property → https://goo.gle/3upuMpB Media Queries → https://goo.gle/2Nl2VGp CSS Fonts → http://goo.gle/3dB2uSU The C…
 
Форма обратной связи: 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-…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-152/Streams — https://web.dev/streams/Оптимизация рендеров перед мемоизацией — https://overreacted.io/before-you-memo/Мониторинг Node.js-приложений — https://habr.com/ru/company/domclick/blog/521584/Оптимизация видео для веба — …
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-151/Фичи DevTools — https://www.smashingmagazine.com/2021/02/useful-chrome-firefox-devtools-tips-shortcuts/z-index — https://ishadeed.com/article/understanding-z-index/Лямбды на TypeScript — https://evilmartians.com/chronicles/s…
 
In this Season 2 kickoff episode we talk about lists; their bullets/markers, styleability and overall featureset. List-en closely 🤓 LinksCSS Lists and Counters Module → http://goo.gle/2LlRhtS Custom bullets with CSS → http://goo.gle/3rol0BL CSS Lists, Markers, And Counters→ http://goo.gle/3cHa5yPCSS Counter Grid → https://goo.gle/3awKJkp The CSS Po…
 
Форма обратной связи: 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/П…
 
Сегодня у нас в гостях Мария Сможенкова: предприниматель, сооснователь издательства настольных игр и совладелица бара в Москве. Мы поговорим о том, кто придумывает и выпускает настольные игры, как начать продавать российские игры за рубежом и как не терять оптимизм, когда застрял на карантине в чужой стране с собакой и предстоящими родами.Facebook …
 
Форма обратной связи: 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-ty…
 
Форма обратной связи: 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-58179a70245110 плохих TypeScript-привычек — https://startup-cto.net/10-bad-typescript-habits-to-break-this-year…
 
Форма обратной связи: 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.che…
 
Форма обратной связи: 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/Разница…
 
Форма обратной связи: 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-r…
 
Форма обратной связи: https://forms.gle/QXTEqAfKTjUoR7Lk8Текстовая версия: https://blog.csssr.com/ru/news512/episode/news-143Книга «Проектирование API» — https://twirl.github.io/The-API-Book/docs/API.ru.htmlCSS clip-path() — https://ishadeed.com/article/clip-path/Портирование Firefox под Apple Silicon — https://hacks.mozilla.org/2021/01/porting-fir…
 
Форма обратной связи: 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…
 
В этом специальном выпуске мы подведём итоги года и раздадим призы лучшим новостям и событиям.С Наступающим 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…
 
Форма обратной связи: 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…
 
Наш гостевой микрофон сегодня находится в Новосибирске у Тагира Валеева техлида в команде поддержки Java в Jetbrains, Java чемпиона, контрибьютор в OpenJDK, активный спикер на конференциях.Контакты гостя:Twitter - https://twitter.com/tagir_valeevШоуноты: ⁃ Об опыте использования C++ и Java в биоинформатике (00:00) ⁃ Первое знакомство с FindBugs и о…
 
Форма обратной связи: 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…
 
Форма обратной связи: 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…
 
В этом выпуске у нас в гостях Анна Михина — руководитель направления развития лайфстайл-сервисов в Тинькофф. — Работа в Тинькофф (1:00)— Публичные мероприятия, PR сервиса или операционная деятельность (1:48)— Тихие дни (2:28)— Суперприложение (5:27)— Foursquare и Swarm (9:40)— Сервисы и партнеры (11:00)— Подбор партнеров (11:20)— Приватность пользо…
 
Текстовая версия: 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/Предотвращаем сдвиги в вёрст…
 
Форма обратной связи: 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…
 
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://…
 
Форма обратной связи: 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…
 
Новая форма обратной связи: 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…
 
Новая форма обратной связи: 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Нестр…
 
Сегодня мы перенесемся в солнечную Барселону. Поговорим о жизни в Барселоне, про влияние туризма на жизнь, воровство, местных жителей, тепло и холод в Испании, сиесту, налогах, ценах и многом другом. У нас в гостях Николай Лопин – екатиренбуржец-фронтендер, автор курсов по JavaScript в Нетологии. Через Москву и Чехию он оказался в Испании.— Как Ник…
 
Новая форма обратной связи: 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Базовый гайд по …
 
Новая форма обратной связи: 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/…
 
Loading …

빠른 참조 가이드

Google login Twitter login Classic login