Відеосюжети 2025, Січень

# 24: Закруглені кути - CSS-хитрощі

# 24: Закруглені кути - CSS-хитрощі

Ось П’ЯТЬ різних технік, якими ви можете створити закруглені кути для коробок на веб-сайті. Завжди існують різні способи зробити щось із CSS і "

# 23: Умовні таблиці стилів - CSS-хитрощі

# 23: Умовні таблиці стилів - CSS-хитрощі

Internet Explorer пропонує спосіб націлювання інформації про стиль CSS спеціально для різних його версій. Ці "умовні таблиці стилів" найкращі "

№22: Вирізання відсічних контурів - CSS-хитрощі

№22: Вирізання відсічних контурів - CSS-хитрощі

Цього тижня ми знову в Photoshop, тому що я хотів трохи поговорити про дуже специфічну майстерність, яка, на мою думку, важлива для всіх дизайнерів. Це"

# 20: Вступ до jQuery - CSS-хитрощі

# 20: Вступ до jQuery - CSS-хитрощі

Популярна бібліотека JavaScript jQuery - це дивовижний спосіб розширити можливості дизайну вашого сайту за межі того, що може зробити CSS. Але на щастя, якщо ви "

№21: Проходження контактної форми - CSS-хитрощі

№21: Проходження контактної форми - CSS-хитрощі

Деяким чином контактна форма - це "Привіт, світе!" застосування веб-дизайнерів та веб-розробників. Це нічого, що не було зроблено до "

# 199: Возитися з JSX - CSS-хитрощі

# 199: Возитися з JSX - CSS-хитрощі

Ймовірно, я мав би це навчитися давно, але, на жаль, ось ми. Виявляється, ви можете сказати, яку функцію ви хочете використовувати JSX. Так, JSX насправді має лише "

№ 194: Соціальна інтеграція Jetpack - CSS-хитрощі

№ 194: Соціальна інтеграція Jetpack - CSS-хитрощі

Jetpack може допомогти автоматизувати соціальні мережі вашого сайту. Це досить маленька функція порівняно з усіма величезними можливостями, які може зробити Jetpack, наприклад, покращення веб-сайту "

№1: Перетворення макета Photoshop (частина 1 з 3) - CSS-хитрощі

№1: Перетворення макета Photoshop (частина 1 з 3) - CSS-хитрощі

У цьому першому в історії відео-подкасті я розпочинаю процес перетворення макета веб-сайту Adobe Photoshop у реальний веб-сайт на базі CSS. Це є"

# 180: Повозитися з відео на мобільному - CSS-хитрощі

# 180: Повозитися з відео на мобільному - CSS-хитрощі

Чесне попередження: я не фахівець у цій справі, я просто пограю з відео в Інтернеті та вирішу деякі проблеми, які виникають у мене, коли я демонструю відеокліпи в "

# 196: Learning Grid & Flexbox з Кайлом Сімпсоном - CSS-хитрощі

# 196: Learning Grid & Flexbox з Кайлом Сімпсоном - CSS-хитрощі

Кайл - хлопець з JavaScript. Він знає багато про Інтернет, а також про CSS теж, але не такий сучасний на сучасних інструментах розмітки CSS, як flexbox та "

№ 197: Погляд на Stackbit і Stackbit Studio - CSS-хитрощі

№ 197: Погляд на Stackbit і Stackbit Studio - CSS-хитрощі

Додаток Stackbit допомагає дуже швидко викинути новий сайт Jamstack. Виберіть тему, статичний генератор сайтів та CMS, і він отримає репо для вас "

№ 198: Про властивість позиції - CSS-хитрощі

№ 198: Про властивість позиції - CSS-хитрощі

Static: відносний за замовчуванням: дозволяє рухатись зверху / праворуч / знизу / ліворуч, змушуючи z-index працювати, дає вам позиційний контекст розташування:

№19: Створення унікальної сторінки для оновлення Twitter - CSS-хитрощі

№19: Створення унікальної сторінки для оновлення Twitter - CSS-хитрощі

Цього тижня я проведу вас через створення простої веб-сторінки для відображення ваших останніх "твітів" від Twitter від початку до кінця. Це охоплює дизайн у "

# 178: Персі вловлює візуальні зміни в будь-якому робочому процесі - CSS-хитрощі

# 178: Персі вловлює візуальні зміни в будь-якому робочому процесі - CSS-хитрощі

Я хотів переконатися, що ви точно розумієте, що Персі може зробити для вас, звідси і назва. Коли ви робите зміни на своїх веб-сайтах Git repo, як у "

# 195: Як намалювати лінію за допомогою CSS - CSS-хитрощі

# 195: Як намалювати лінію за допомогою CSS - CSS-хитрощі

Дурне просто, правда? Це є! Але цікаво обмірковувати кілька хвилин і підрахувати купу різних способів, як ми могли це зробити. І що я маю на увазі під "

# 193: Скаллі: SSG для Angular - CSS-хитрощі

# 193: Скаллі: SSG для Angular - CSS-хитрощі

Тара З. Манічік приєдналася до мене для цього відео, створивши основи Скаллі, яка є генератором статичних сайтів для Angular - ні, SSG для "

# 192: Git Хитрощі для виходу з бід - CSS-хитрощі

# 192: Git Хитрощі для виходу з бід - CSS-хитрощі

Як не дивно, як Git для обробки вашого вихідного коду, ви можете певно git (хаха) себе в неприємності. Що робити, якщо ви внесете зміни у файл і хочете "

# 169: Як мислити як розробник інтерфейсу - CSS-хитрощі

# 169: Як мислити як розробник інтерфейсу - CSS-хитрощі

Це відео з мого виступу на WordCamp US. Давайте зазирнемо, яким передовим розвитком стало сьогодні. Виходячи з того, яка роль, де "

# 188: Дослідження шаблону заголовка, що перекривається - CSS-хитрощі

# 188: Дослідження шаблону заголовка, що перекривається - CSS-хитрощі

Снук опублікував статтю під назвою "Перекриття заголовка з сіткою CSS", де він розглядає шаблон дизайну заголовка, який, на мою думку, перевершує тренди і був "

# 189: Поняття для особистого та громадського використання - CSS-хитрощі

# 189: Поняття для особистого та громадського використання - CSS-хитрощі

Це останнє відео з нашої маленької серії про використання поняття. Ми розповіли, як Notion чудово підходить для роботи в командах веб-розробників. Але інша справа "

№ 187: Поняття про зустрічі команд та документацію - CSS-хитрощі

№ 187: Поняття про зустрічі команд та документацію - CSS-хитрощі

Це друге відео з 3-х серій із використанням Notion. У першій частині ми розкрили багато підстав щодо того, що таке поняття, як воно чудово підходить для будь-якої команди та Інтернету "

# 184: Внутрішні та вирівняні списки - CSS-хитрощі

# 184: Внутрішні та вирівняні списки - CSS-хитрощі

Той факт, що списки роблять їх маркери поза власним полем (за замовчуванням), трохи дивний. Будь-яке приховане переливання або нависання над краєм "

# 18: Вступ до шаблону веб-сайту гурту - CSS-хитрощі

# 18: Вступ до шаблону веб-сайту гурту - CSS-хитрощі

Нещодавно я випустив допоміжний проект під назвою Band Website Template. Це лише коротка екскурсія, пояснюючи, чому вона була побудована і чому я так думаю

# 185: Гра з масками CSS - CSS-хитрощі

# 185: Гра з масками CSS - CSS-хитрощі

Маскування в CSS - це один із способів приховати частини елемента та показати інші. Інший шлях - кліп-шлях, але не будемо зосереджуватись на цьому сьогодні. "Маски - це зображення; Кліпи"

# 183: Художнє керівництво зображеннями, елементом зображення та зображеннями CDN - CSS-хитрощі

# 183: Художнє керівництво зображеннями, елементом зображення та зображеннями CDN - CSS-хитрощі

Це добросовісне явище! Я говорю про ідею служб хостингу зображень, які дозволяють маніпулювати URL-адресою зображення, щоб перетворити "

№ 186: Поняття про групи веб-розробників - CSS-хитрощі

№ 186: Поняття про групи веб-розробників - CSS-хитрощі

Я великий шанувальник Notion, особливо для того, щоб підтримувати синхронізацію команд. Я працюю над командами розробників, і я вважаю, що це працює особливо добре для цього. Якби я мав"

# 182: Baby's First Vue SFC - CSS-хитрощі

# 182: Baby's First Vue SFC - CSS-хитрощі

SFC, як у "Single File Component", що пропонується Vue, і люди, здається, люблять Vue. У свої часи я писав дуже мало Vue, але я фанат! "

# 181: Тикання в списки HTML - CSS-хитрощі

# 181: Тикання в списки HTML - CSS-хитрощі

Днями у мене була німа маленька проблема, коли вкладений список не мав правильного інтервалу. Я лише додавав поле внизу до елементів списку та "

# 179: Сітка квадратів - CSS-хитрощі

# 179: Сітка квадратів - CSS-хитрощі

Використання сітки CSS для створення сітки - це, суть, вся суть. Але що, якщо ви хочете, щоб усі ці елементи сітки підтримували співвідношення сторін, наприклад квадрат 1: 1? Його"

# 176: Робота з Framer Motion - CSS-хитрощі

# 176: Робота з Framer Motion - CSS-хитрощі

Ми з Меттом Перрі з Framer заглянемо в бібліотеку анімації React Framer Motion. Спочатку ми розглянемо, наскільки простий API. Ви контролюєте "