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

№ 156: Давайте поговоримо про Webpack - CSS-хитрощі

№ 156: Давайте поговоримо про Webpack - CSS-хитрощі

Шон Ларкін приєднується до мене, щоб поговорити про Webpack! Я сумніваюся, що я один у тому, що я трохи розгублений щодо того, що таке і що робить Webpack. Навіть якщо ти активно "

№ 134: Екскурсія по незавершеному майданчику, побудованому з Jekyll, Grunt, Sass, системою SVG та іншими - CSS-хитрощі

№ 134: Екскурсія по незавершеному майданчику, побудованому з Jekyll, Grunt, Sass, системою SVG та іншими - CSS-хитрощі

Попередження: це звивистий скринкаст середнього рівня, в якому ми розглядаємо код, який забезпечує процес побудови сайту. Ми не пишемо жодного коду ".

№ 99: Огляд типів, атрибутів та елементів форм HTML5 - CSS-хитрощі

№ 99: Огляд типів, атрибутів та елементів форм HTML5 - CSS-хитрощі

HTML5 має безліч особливостей, характерних для форм, завдяки яким усі форми в Інтернеті стають кращими. Підтримка браузера для функцій на всій карті, але багато з "

№9: Зоряна ніч: 3D-фон з ефектом паралаксу - CSS-хитрощі

№9: Зоряна ніч: 3D-фон з ефектом паралаксу - CSS-хитрощі

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

# 98: Гра з кордонами на тілі - CSS-хитрощі

# 98: Гра з кордонами на тілі - CSS-хитрощі

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

# 96: localStorage for Forms - CSS-хитрощі

# 96: localStorage for Forms - CSS-хитрощі

HTML5 має неймовірно простий метод для зберігання постійних даних, який називається localStorage. Власне, ви просто викликаєте метод з парою ключ / значення, а це "

# 97: Вступ до анімації CSS - CSS-хитрощі

# 97: Вступ до анімації CSS - CSS-хитрощі

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

№ 95: Повість про прикордонні градієнти - CSS-хитрощі

№ 95: Повість про прикордонні градієнти - CSS-хитрощі

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

# 94: Вступ до псевдоелементів - CSS-хитрощі

# 94: Вступ до псевдоелементів - CSS-хитрощі

Псевдоелементи - це видимі елементи на веб-сторінці, які не перебувають "у DOM" або створені з HTML, а натомість вставляються безпосередньо з CSS. Це дозволяє "

# 93: Розсувні скриньки CSS3 - CSS-хитрощі

# 93: Розсувні скриньки CSS3 - CSS-хитрощі

Прослідуйте далі, оскільки ми використовуємо кілька дуже простих переходів CSS3, щоб створити ефект «слайда». Наведіть курсор миші на поле, і заголовок вікна "

№ 92: Проходження коду таблиці малювання - CSS-хитрощі

№ 92: Проходження коду таблиці малювання - CSS-хитрощі

Таблиця малювання - це, по суті, міні-додаток jQuery на одній сторінці. Він має одну основну функцію - створення кольорового дизайну шляхом зміни кольорів комірок "

# 91: Цикл WordPress - CSS-хитрощі

# 91: Цикл WordPress - CSS-хитрощі

Не вистачає документації щодо відомої структури викидання вмісту WordPress, але я все одно відчуваю, що є більше плутанини та таємничості "

# 86: Перші моменти з MAMP - CSS-хитрощі

# 86: Перші моменти з MAMP - CSS-хитрощі

На цьому я значно відставав, але до недавнього часу я ніколи не розвивався на місцевому рівні. Все, що я робив, це "ходив командос" і працював

# 90: Прості поради щодо TextMate - CSS-хитрощі

# 90: Прості поради щодо TextMate - CSS-хитрощі

TextMate - це редактор коду лише для Mac. Цього разу вибачте всіх користувачів ПК. Якщо ви давно переглядали ці скрінкасти, знаєте, я використовував "

# 89: Організація документа Photoshop - CSS-хитрощі

# 89: Організація документа Photoshop - CSS-хитрощі

Якщо ви подібні до мене, ви обоє винні у серйозно неорганізованих документах Photoshop і цінуєте добре організовані. Дезорганізація - це не "

# 8: Форматування CSS - CSS-хитрощі

# 8: Форматування CSS - CSS-хитрощі

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

# 88: Вступ до Compass / Sass - CSS-хитрощі

# 88: Вступ до Compass / Sass - CSS-хитрощі

Запитайте купу дизайнерів, що вони хочуть, щоб CSS міг зробити, а зараз не може, і ви отримаєте великий список, який схожий на список функцій для "

№85: Найкращі практики з динамічним вмістом - CSS-хитрощі

№85: Найкращі практики з динамічним вмістом - CSS-хитрощі

Однією зі статей, яку я оновив під час «Травень - місяць технічного обслуговування», була стаття про динамічний вміст. Ідея полягала в простому веб-сайті, де натискання посилання "

# 87: Просування вгору за допомогою MAMP - CSS-хитрощі

# 87: Просування вгору за допомогою MAMP - CSS-хитрощі

Локальна робота з MAMP - це неймовірно, але як щодо того, коли вам потрібно запустити цей сайт у прямому ефірі? Минулого разу ми отримали локально встановлену версію WordPress "

# 83: Думки про SEO - CSS-хитрощі

# 83: Думки про SEO - CSS-хитрощі

Справедливе попередження: більше безладного, ніж зазвичай. Послухайте мої думки про SEO. Я думаю, що знаю, що SEO - це низка досить очевидних найкращих практик. A "

№84: Проходження веб-сайту chris-mcgarry.com - CSS-хитрощі

№84: Проходження веб-сайту chris-mcgarry.com - CSS-хитрощі

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

# 81: AJAX створення теми WordPress - CSS-хитрощі

# 81: AJAX створення теми WordPress - CSS-хитрощі

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

# 82: CSS Image Switcher - CSS-хитрощі

# 82: CSS Image Switcher - CSS-хитрощі

Наведіть курсор на посилання і подивіться, як змінюється зображення вище. Ось що ми будуємо в цьому скрінкасті, тільки для цього ми не використовуємо жодного JavaScript. Фокус якийсь "

№ 80: Щодо винаходу коліс - CSS-хитрощі

№ 80: Щодо винаходу коліс - CSS-хитрощі

Подружжю для весілля потрібна фотогалерея, де кожен може переглянути та завантажити власні фотографії з весілля. Початковий розробник: Я знаю про "

# 79: Повна / Без черги анімація за допомогою jQuery - CSS-хитрощі

# 79: Повна / Без черги анімація за допомогою jQuery - CSS-хитрощі

Коли ви використовуєте функцію jQuery .animate () з чимось на кшталт події наведення, ці анімації "стоять у черзі". Тобто, якщо навести курсор кілька разів, це "

№7: Меню трьох штатів - CSS-хитрощі

№7: Меню трьох штатів - CSS-хитрощі

Використовуючи варіацію техніки CSS Sprites, ми можемо створити меню "трьох станів", використовуючи лише одне зображення для кожного пункту меню. Це зменшує кількість запитів "

№ 78: Про веб-рекламу - CSS-хитрощі

№ 78: Про веб-рекламу - CSS-хитрощі

У цьому скрінкасті я обговорюю рекламу в Інтернеті. Що це, як це працює, і чому це не зло (крім випадків, коли воно є). Я говорю про свій досвід, "

№72: Створення веб-сайту (2 з 3): перетворення HTML / CSS - CSS-хитрощі

№72: Створення веб-сайту (2 з 3): перетворення HTML / CSS - CSS-хитрощі

У частині 2 цієї серії ми розпочинаємо перетворення HTML / CSS макету Photoshop, який ми створили в першій частині. Ми починаємо з дуже скелетного проекту "

# 77: Стиль окремої статті - CSS-хитрощі

# 77: Стиль окремої статті - CSS-хитрощі

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

# 76: Екскурсія jQuery на веб-сайті в реальному часі - CSS-хитрощі

# 76: Екскурсія jQuery на веб-сайті в реальному часі - CSS-хитрощі

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