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
 
Форма обратной связи: 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 …
 
Виртуальная машина GraalVM — относительно новая технология. Поддерживает много языков (в том числе JS), умеет JIT- и AOT-компиляцию, обещает прирост производительности и экономию ресурсов. В этом выпуске мы поговорим о технологии, её применении в веб-разработке в целом и постараемся разобраться, чем она может помочь фронтенду в частности, когда её …
 
Форма обратной связи: https://forms.gle/xU3PqXf3yD8T3Mz27HTTP Cache Partitioning — https://developers.google.com/web/updates/2020/10/http-cache-partitioningWeakSet in JS — https://blog.alexdevero.com/weakset-in-javascript/Event Loop & Call Stack — https://felixgerschau.com/javascript-event-loop-call-stack/Complete Guide to CSS Media Queries — https…
 
Кто такой Agile Coach, как наладить процессы и не убить при этом команды, как не потерять себя и чем может помочь медитация. Все эти вопросы мы обсудили с Михаилом Суховым — Agile Coach в Avito. Кроме этого Миша рассказал о своём опыте работы в стартапе, Студии Лебедева, Яндексе и Сбере, на разных позициях, и как он пришёл к своей текущей роли. Мы …
 
В этом выпуске у нас в гостях Катя Паленко. Катя занимается разработкой фронтенда, имеет чёрный пояс по JS и Angular. Она прошла через программу репатриации в Израиле, получила гражданство и теперь работает в небольшом стартапе. Мы говорили о Тель-Авиве, программе репатриации, поисках работы и команде, обсудили культуру и традиции. Ещё Катя участво…
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Tinkoff пилит монолит на микросервисы — https://habr.com/ru/company/tinkoff/blog/517230/ | https://habr.com/ru/company/tinkoff/blog/520476/TypeScript-хитрости — https://habr.com/ru/company/tinkoff/blog/521262/V8 Indicium — https://v8.dev/blog/system-analyzerECMAScript 2021 — https://2ality.com/2020/0…
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Новый JSX Transform - https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.htmlВыбор и оптимизация CDN - https://web.dev/content-delivery-networks/Асинхронные версии методов объекта Atomics - https://v8.dev/features/atomicsОптимизация Mercado Libre - https://web.dev/how-mercadolibre-…
 
Stupid simple, right? It is! But it’s fun to think about for a few minutes and count a bunch of different ways we could do it. And what do I mean by a line anyway? We’ll mostly talk about a 1px solid horizontal line, but we’ll veer off a little bit and talk about other lines. Can’t CSS draw a line from any point to any point? Not really, actually —…
 
Jetpack can help automate your site’s social media. It’s a pretty small feature compared to all the huge stuff Jetpack can do, like improve your site’s search, back it up, and protect it. But it’s a feature I love nonetheless. CSS-Tricks has social media accounts, for example, the Twitter handle @css. We largely use that account to notify folks whe…
 
Tara Z. Manicsic joined me for this video, setting up the very basics of Scully, which is a Static Site Generator for Angular — nay, the SSG for Angular, as Tara pointed out to me. I don’t know much Angular at all. In fact, I didn’t have the Angular CLI installed on my machine at all when we started this video, so that ends up being one of the firs…
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Разработка форм в Slack — https://slack.engineering/the-unsuspecting-beauty-complexity-of-web-forms/Обзор новых возможностей для веб-разработки в iOS 14 и iPadOS 14 — https://firt.dev/ios-14/CSS clipping — https://web.dev/css-clipping/История веба — https://css-tricks.com/category/history/Тимлид или …
 
Почему ФП лучше ООП, ФП в C++, для чего сейчас нужен Haskell, книги о функциональном программировании и его развитии, а также плюсы и минусы жизни в Новосибирске. Всё это и не только в свежем выпуске подкаста Remote Talk с нашим гостем Александром Граниным.Шоуноты: ⁃ Почему функциональное программирование лучше объектно-ориентированного программиро…
 
In this closing episode, we do a whirlwind recap of our entire first season! We go over every episode, from the box model to z-index to animations and functions and color. Listen as we recount our favorite tips and tricks and discuss what we learned in the process of making this podcast. Una Kravets (co-host) Twitter | Instagram | YouTube Making th…
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Переезд Badoo на TS — https://habr.com/en/company/badoo/blog/518246/Подробный разбор AVIF — https://jakearchibald.com/2020/avif-has-landed/CSS-свойство perspective — https://css-tricks.com/how-css-perspective-works/Программное управление Lighthouse — https://www.smashingmagazine.com/2020/09/introduct…
 
As amazing as Git is for handling your source code, you can certain git (lol) yourself into trouble. What if you make a change to a file and you want to get rid of the change? What if you just want to get rid of part of the change? What if you’ve already committed it? What if the commit was good but the commit message was bad? Those are just the fi…
 
Today we are talking about CSS blend modes! Blend modes are super fun and allow you to specify how you want elements to interact in terms of their overlapping pixel values on the page. Links: mix-blend-mode → https://goo.gle/3m5L9mP Isolation: Cascading Style Sheets → https://goo.gle/2GIDjiX Una Kravets (co-host) Twitter | Instagram | YouTube Makin…
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Хедер на flexbox — https://ishadeed.com/article/website-headers-flexbox/Масштабируем NodeJS — https://www.youtube.com/watch?v=K2bZ4alJUkAАдаптивность в 2020 — https://css-tricks.com/beyond-media-queries-using-newer-html-css-features-for-responsive-designs/Компонент-карточка без медиа-запросов — https…
 
Сегодня у нас в гостях Алексей Пучкин: Project Manager с 10-ти летнем стажем, свернувший в сторону маркетинга. Мы поговорим о том, кто такой Project Manager и о специфике работы в разных российских компаниях. Ещё обсудим переезд на Кипр и видеоигры.Twitter Manager Within: https://twitter.com/csssr_mwithinTelegram—канал CSSSR: https://t.me/csssrTwit…
 
In this episode, we’re talking about CSS filters! We can alter the pixels of our web apps in similar ways to our favorite design tools. From recreating Instagram filter effects, to blurring background for better legibility, we dive deep into what CSS and filters can do. Links: Filter Effects Module Level 1 → https://goo.gle/34SPJ1D Backdrop Filter …
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27React Native и MobX — https://www.smashingmagazine.com/2020/08/mobx-state-manager-react-native-applications/Работаем с Django — https://www.smashingmagazine.com/2020/08/demystifying-djangos-magic/Как использовать AVIF-изображения — https://reachlightspeed.com/blog/using-the-new-high-performance-avif-…
 
In this episode, we’re talking about CSS animations. With CSS animations a developer creates a set of keyframes, and then uses a variety of animation properties to describe how the element moves through each of the possible keyframes. Links: Animations Level 1 Spec → https://goo.gle/2DhV0V2 Easing Level 1 Spec → https://goo.gle/3kWoWap Scroll-Linke…
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Внедрение зависимостей с TS на практике — https://bespoyasov.ru/blog/di-ts-in-practice/WebAssembly для начинающих — https://evilmartians.com/chronicles/hands-on-webassembly-try-the-basicsОптимизация изображений с Github Actions — https://css-tricks.com/optimize-images-with-a-github-action/Новая специ…
 
В этом выпуске у нас в гостях был Илья Лесик, соорганизатор tver.io, сооснователь Lessmess и Additivka, автор библиотеки react-figmaКонтакты Ильи:Twitter: https://twitter.com/ilialesikСайт: https://lesik.dev/Шоуноты: ⁃ Из C++ и Java в JavaScript (02:00) ⁃ О работе в lessmess.agency (05:02) ⁃ Effector или Redux? Проблемы state manager’ов текущего по…
 
In this episode gradients take the stage as we share syntax secrets, tips and tricks, and probably teach you about repeating-conic-gradient. By the end, you’ll be savvy with color stops, transition hints, and all the ways to interpolate color in your design. Links: Spec Level 3 → https://goo.gle/3h8cRN7 Spec Draft Level 4 → https://goo.gle/3iPmDUE …
 
Форма обратной связи: forms.gle/xU3PqXf3yD8T3Mz27Архитектура современных NodeJS-приложений — https://habr.com/ru/company/yandex/blog/514550/Как просто превратить сайт в PWA — https://dev.to/dfiredeveloper/how-to-easily-turn-your-website-to-a-progressive-web-app-pwa-2nm4Разбор PHP 8 — https://stitcher.io/blog/new-in-php-8?ref=hnReject промисов в Nod…
 
В этом выпуске у нас в гостях Илья Дмитренок. Илья из Владивостока, живёт в Токио и работает в компании KPMG Ignition Tokyo, занимается разработкой - от бэкэнда до машинного обучения. Любит готовить еду и кататься на велосипеде.— История переезда: как так получилось, как найти жильё и как ориентироваться без знания японского?— Отношение к иностранц…
 
In this episode we talk about the runtime dynamic side of CSS, commonly recognized as a CSS function. Today, in similar fashion to other episodes, we’ll be doing a massive overview of all the CSS functions, to be later deep dived. Links: CSS Tricks Guide to CSS Functions → https://goo.gle/2XRb7Ah CSS Variables → https://goo.gle/2XRb2fX Functional N…
 
Лучшие репозитории на GitHub для разработчиков - https://dev.to/jatinrao/best-github-repositories-for-developers-3735Токсичная сторона культуры продуктивности - https://dev.to/danilapetrova/the-toxic-side-of-productivity-culture-glcRocket: веб-сервер на Rust - https://medium.com/@james_32022/rocket-web-servers-in-rust-46d862bb3514Новое CSS-свойство…
 
Сегодня у нас в гостях Максим Горшнёв, менеджер продукта Дирекции цифровой трансформации ПАО «Газпром нефть». Мы поговорим о том, как с нуля поднимаются продуктовые процессы в крупных компаниях, как стать продакт менеджером, что нужно делать, чтобы не сойти с ума от бюрократии и как спланировать маршрут двухнедельной поездки на мотоцикле.Telegram—к…
 
Loading …

빠른 참조 가이드

Google login Twitter login Classic login