CSS 공개
[search 0]

Download the App!

show episodes
 
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.
 
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.
 
Loading …
show series
 
Форма обратной связи: 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/…
 
Сегодня наш собеседник Сергей Жук — тимлид в Skyeng, автор множества книг по PHP, ютубер и автор подкаста “Между скобок”.Шоуноты: ⁃ Как начал писать на PHP (00:20) ⁃ На столько ли плох PHP, как о нем говорят? (03:10) ⁃ Статическая типизации в PHP (07:30) ⁃ Есть ли альтернативы PHP? Какой еще язык стоит изучать PHP-разработчику (11:40) ⁃ Книги Серге…
 
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…
 
Форма обратной связи: 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:/…
 
Форма обратной связи: 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…
 
Внутриком организует ивенты для сотрудников и активности в компании, имеет кучу опыта в самых разных областях и может сделать всё что угодно. У нас в гостях был именно такой человек — Саша Ильин — менеджер по внутренним коммуникациям в Лаборатории Касперского. Мы поговорили о том, чем занимается внутриком, как придумывать и организовывать ивенты дл…
 
Форма обратной связи: 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-…
 
Открытие офиса компании в Чехии, пиво, особенности релокации, налоги цены и многое другое в эпизоде о Чехии и Праге. У нас в гостях Евгений Кот — глава разработки Wrike в Праге, евангелист и Google Developer Expert в Dart, а так же соорганизатор конференции HolyJS.— Почему Чехия?— Почему офис компании стоит открыть в Чехии?— Процесс релокации IT-сп…
 
Форма обратной связи: 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…
 
Наш гостевой микрофон сегодня находится в Твери у Александра Шушунова. Саша — техлид в EPAM Systems, адепт церкви Дядюшки Боба, соорганизатор Tver.io и спикер.Шоуноты: — О том как Александр пришел к бытию техлидом в EPAM Systems (00:00) — Переход от С++ к JavaScript (13:20) — Чем отличается “техлид” от “тимлида”? (20:15) — Почему иногда использован…
 
Форма обратной связи: 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 …
 
Loading …

빠른 참조 가이드

Google login Twitter login Classic login