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

# 177: Локальна розробка WordPress для виробничого робочого циклу - CSS-хитрощі

# 177: Локальна розробка WordPress для виробничого робочого циклу - CSS-хитрощі

Це основи того, як я працюю локально з сайтом WordPress, а потім перетворюю його на виробництво. Flywheel є спонсором CSS-Tricks, і я радий, що вони "

# 17: Кнопка розсувних дверей - CSS-хитрощі

# 17: Кнопка розсувних дверей - CSS-хитрощі

Хоча розсувні двері далеко не нова концепція, і вони застаріють, як тільки ми побачимо ширшу підтримку для кількох фонів (CSS3), вона все ще хороша для "

# 174: Використання локальних перевизначень у DevTools - CSS-хитрощі

# 174: Використання локальних перевизначень у DevTools - CSS-хитрощі

Існує особливість Chrome DevTools, яка дозволяє: переглядати код будь-якого ресурсу, який використовує поточна веб-сторінка (наприклад, CSS та JavaScript). "Гарненька"

# 175: 7 речей, які слід знати про Webflow - CSS-хитрощі

# 175: 7 речей, які слід знати про Webflow - CSS-хитрощі

(Це спонсороване відео, над яким я працював між нами в CSS-Tricks та Webflow. Я думаю, що Webflow - це захоплюючий продукт для створення веб-сайтів, який, на мою думку, "

# 173: Ooooops, я думаю, ми зараз розробники з повним стеком. - CSS-хитрощі

# 173: Ooooops, я думаю, ми зараз розробники з повним стеком. - CSS-хитрощі

І під "ми", я маю на увазі нас, розробників, що працюють на фронт-енді; Це розмова, яку я зібрав, де постулюю, що "

# 163: Перші кроки з безсерверним - CSS-хитрощі

# 163: Перші кроки з безсерверним - CSS-хитрощі

Девід Уеллс із Netlify і ми робимо кілька кроків, щоб створити речі за допомогою Serverless. Ми здебільшого розглянемо хмарні функції тут і те, як використовувати "

# 172: Рука SVG, крива крива - CSS-хитрощі

# 172: Рука SVG, крива крива - CSS-хитрощі

Я виявляю, що 98% усього мого використання SVG походить від заздалегідь створених SVG-файлів або векторних зображень у якомусь програмному забезпеченні, яке я в кінцевому підсумку експортую як SVG. Не супер "

№170: Перегляньте проект аматорського розкручування React + Babel + Webpack + CSS Modules - CSS-хитрощі

№170: Перегляньте проект аматорського розкручування React + Babel + Webpack + CSS Modules - CSS-хитрощі

Чесне попередження! Це не швидкий, прямий, експертний підхід до налаштування цих технологій. Хоча, зрештою, ми робимо "

# 171: Рядок з рухомою картою в CSS - CSS-хитрощі

# 171: Рядок з рухомою картою в CSS - CSS-хитрощі

Та сама основна ідея, що і карти на домашній сторінці v17 цього сайту. Дивіться картки, що рухаються ручкою Кріса Койєра (@chriscoyier) на "

# 165: Створення вашої бекенда за допомогою безсерверних функцій - CSS-хитрощі

# 165: Створення вашої бекенда за допомогою безсерверних функцій - CSS-хитрощі

Девід Уеллс та Кріс Койєр розповідають про те, як можна статично створювати додаток, розміщений на Netlify, але все одно мати внутрішню базу даних для його роботи. Ми використовуємо "

# 16: Створення макета Photoshop - CSS-хитрощі

# 16: Створення макета Photoshop - CSS-хитрощі

Цей епізод є попереднім для епізодів 12, 13 і 14. Ми повертаємось до порожнього документа Photoshop і відтворюємо його заново. У цій серії немає HTML / CSS, "

№166: Навчіться інтегрувати візуальне тестування з Персі - CSS-хитрощі

№166: Навчіться інтегрувати візуальне тестування з Персі - CSS-хитрощі

Чи знали ви, що можете налаштувати систему перегляду, щоб кожен ваш запит на витягування показував вам, що саме візуально змінилося на вашому сайті? Це "

# 162: Що за біса безсерверний? - CSS-хитрощі

# 162: Що за біса безсерверний? - CSS-хитрощі

Девід Уеллс із Netlify, і я розмито відповідаю на це питання зрозумілим способом. Чи є ще задіяні сервери? Звичайно, але ви "

# 164: Основне покрокове керівництво WooCommerce - CSS-хитрощі

# 164: Основне покрокове керівництво WooCommerce - CSS-хитрощі

WooCommerce - це потужний та гнучкий плагін електронної комерції для WordPress. Хочете продати підписку чи членство? WooCommerce може це зробити? Цифровий "

# 168: CSS-в-JS - CSS-хитрощі

# 168: CSS-в-JS - CSS-хитрощі

У цьому відео до мене приєднується Дастін Шау, і він збирається провести мене по екскурсії світом того, що стало відомим як CSS-in-JS. Тобто, робити свою "

# 167: Рекламні відео для Jetpack та WooCommerce - CSS-хитрощі

# 167: Рекламні відео для Jetpack та WooCommerce - CSS-хитрощі

Це компіляція з чотирьох відео, які я зробив за останні кілька місяців для спонсорської підтримки Automattic. Це здебільшого про Jetpack, плагін WordPress I "

# 161: Jetpack - CSS-хитрощі

# 161: Jetpack - CSS-хитрощі

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

№ 160: Потужний розробник інтерфейсу - CSS-хитрощі

№ 160: Потужний розробник інтерфейсу - CSS-хитрощі

Інтернет - це без метафори лише купа серверів, пов’язаних між собою дротами. Без серверів у нас не було б можливості поділитися своїми творами з "

№ 157: Повість про чотири властивості - CSS-хитрощі

№ 157: Повість про чотири властивості - CSS-хитрощі

Це виступ, який я нещодавно читав на декількох конференціях. Йдеться про чотири різні властивості в CSS: off-path offset-path clip-path d Ось

# 159: Навчання Vue - CSS-хитрощі

# 159: Навчання Vue - CSS-хитрощі

Ми з Сарою Драснер копаємось у Vue! Vue - це дуже популярний фреймворк JavaScript, який абсолютно вибухає. Сара є головною командою, і вона про найбільше "

№15: Вступ до Firebug - CSS-хитрощі

№15: Вступ до Firebug - CSS-хитрощі

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

# 153: Початок роботи з CSS Grid - CSS-хитрощі

# 153: Початок роботи з CSS Grid - CSS-хитрощі

Складається враження, що CSS Grid вже давно, але, здається, він зараз доходить до точки, коли люди все більше говорять про це "

№ 154: Плакат для дитячого сайту на WordPress - CSS-хитрощі

№ 154: Плакат для дитячого сайту на WordPress - CSS-хитрощі

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

№ 155: Адаптивні зображення, WordPress та Cloudinary - CSS-хитрощі

№ 155: Адаптивні зображення, WordPress та Cloudinary - CSS-хитрощі

Ерік Портіс приєднується до мене, щоб поринути у світ чуйних зображень. Ми починаємо з основ. Адаптивні зображення - це спеціально зображення в HTML і існують "

# 158: Меню кнопок Expando - CSS-хитрощі

# 158: Меню кнопок Expando - CSS-хитрощі

Я бачив днями постріл Дріббл, який здійснив Елі Брамлі, який мав крутий інтерактивний ефект. Проста кругла синя кнопка, натиснувши, розширюється до маленької "

# 150: Гей, дизайнери, якщо ви знаєте лише одне про JavaScript, це те, що я б рекомендував - CSS-хитрощі

# 150: Гей, дизайнери, якщо ви знаєте лише одне про JavaScript, це те, що я б рекомендував - CSS-хитрощі

Іноді, щоб розпочати подорож, вивчаючи щось величезне і складне, потрібно навчитися чомусь маленькому і простому. JavaScript величезний і складний, але "

№ 151: Перші кілька хвилин із піднесеним текстом - CSS-хитрощі

№ 151: Перші кілька хвилин із піднесеним текстом - CSS-хитрощі

Sublime Text - це досить проклятий популярний редактор коду. Незважаючи на його популярність і все хороше, що я чув про це, я все ще сильно схиляюся до інших "

# 152: Завантаження шрифтів із Заком Леверманом - CSS-хитрощі

# 152: Завантаження шрифтів із Заком Леверманом - CSS-хитрощі

Час для чергового сполучення екранного сюжету! Цього разу у мене є Зак Леверман з Filament Group. Зак провів багато досліджень, писав та говорив "

# 14: Перетворення макету Photoshop: Частина друга, Епізод третій - CSS-хитрощі

# 14: Перетворення макету Photoshop: Частина друга, Епізод третій - CSS-хитрощі

Ми завершуємо перетворення макету тут, у третьому епізоді. Ми створюємо "область статті" та "бічну панель" (семантичне іменування класу!), А потім очищаємо "

# 149: Короткий вступ до лабораторного вузла Pattern з Брайаном Мюнценмайером - CSS-хитрощі

# 149: Короткий вступ до лабораторного вузла Pattern з Брайаном Мюнценмайером - CSS-хитрощі

У цьому скрінкасті я складаю пару з Брайаном Мюнценмайером, який, крім іншого, працює в лабораторії Pattern. Зокрема, Node-версія Pattern Lab, поряд з "