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

# 48: Очищення phpBB - CSS-хитрощі

# 48: Очищення phpBB - CSS-хитрощі

Створення цілком власної теми для популярного програмного забезпечення для форумів phpBB було б чудовищною роботою. На щастя, швидко розпочати роботу ми можемо просто "

# 47: CSS Shorthand - CSS-хитрощі

# 47: CSS Shorthand - CSS-хитрощі

Існує кілька атрибутів CSS, які можна об’єднати в один атрибут для стислості кодування. Я схвалюю використання скороченого тексту CSS щоразу "

# 190: Спеціальні властивості CSS проникають у DOM тіні - CSS-хитрощі

# 190: Спеціальні властивості CSS проникають у DOM тіні - CSS-хитрощі

Один із цілих моментів Shadow DOM полягає в тому, що він забезпечує інкапсуляцію. Немає стилів, немає стилів. Але є шляхи "через" Shadow DOM і "

№46: Домени, DNS, хостинг та Google Apps - CSS-хитрощі

№46: Домени, DNS, хостинг та Google Apps - CSS-хитрощі

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

# 45: Використання FoxyCart для електронної комерції - CSS-хитрощі

# 45: Використання FoxyCart для електронної комерції - CSS-хитрощі

FoxyCart - це моя нова улюблена система електронної комерції. Почати з цього надзвичайно просто. Ви маєте повний проектний контроль над усіма його аспектами (кошик, "

# 42: Все про плаваючу трансляцію - CSS-хитрощі

# 42: Все про плаваючу трансляцію - CSS-хитрощі

Навіть більше, ніж z-index (який ми охопили кілька тижнів тому), властивість float, як відомо, викликає епізоди висмикування волосся та пробивання монітора. Здається"

# 41: WordPress як система управління вмістом - CSS-хитрощі

# 41: WordPress як система управління вмістом - CSS-хитрощі

Одного разу ми опитували людей, які улюблені системи управління вмістом. WordPress був переможцем, але також отримав багато коментарів: "WordPress не є CMS !!". "

# 43: Як використовувати CSS-спрайти - CSS-хитрощі

# 43: Як використовувати CSS-спрайти - CSS-хитрощі

CSS Sprites вже давно є гарячою темою. Справа в тому, що кожне зображення на веб-сторінці є окремим запитом сервера, і ви можете різко "

# 40: Як працює z-index - CSS-хитрощі

# 40: Як працює z-index - CSS-хитрощі

Z-індекс іноді може трохи заплутати. У цьому скрінкасті я намагаюся пояснити, як це працює, як це пов'язано з позиціонуванням, деякі дивацтва, а деякі "

# 44: Hodgepodge з трюків WordPress - CSS-хитрощі

# 44: Hodgepodge з трюків WordPress - CSS-хитрощі

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

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

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

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

# 39: Як користуватися sIFR 3 - CSS-хитрощі

# 39: Як користуватися sIFR 3 - CSS-хитрощі

SIFR (Scalable Inman Flash Replacement) - це технологія, яка дозволяє використовувати будь-який бажаний шрифт на своїх веб-сторінках. Коротше кажучи, він використовує JavaScript "

# 38: Основи та поради щодо проектування для iPhone - CSS-хитрощі

# 38: Основи та поради щодо проектування для iPhone - CSS-хитрощі

Розробка веб-сторінки, оптимізованої для iPhone, не є ракетною наукою. Це той самий HTML, CSS та JavaScript, які ви вже знаєте. Різниця"

# 30: Створення та надсилання електронної пошти HTML - CSS-хитрощі

# 30: Створення та надсилання електронної пошти HTML - CSS-хитрощі

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

# 36: Поточне виділення Nav: Використання PHP для встановлення ідентифікатора тіла - CSS-хитрощі

# 36: Поточне виділення Nav: Використання PHP для встановлення ідентифікатора тіла - CSS-хитрощі

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

# 37: Додатки стану, рідини та панелі меню - CSS-хитрощі

# 37: Додатки стану, рідини та панелі меню - CSS-хитрощі

Чесне попередження: цей скринкаст досить специфічний для Mac, і я роздумую про всі випадкові речі, не пов’язані з веб-дизайном. Представляю новий веб-додаток "

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

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

Починаючи з того місця, де ми зупинились минулого разу, ми продовжуємо вивчати можливості jQuery. Ми переглядаємо деякі старі функції і змушуємо їх виконувати деякі "

№33: Макіяж сторінки електронної комерції - CSS-хитрощі

№33: Макіяж сторінки електронної комерції - CSS-хитрощі

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

# 32: Використання модуля PNG Fix - CSS-хитрощі

# 32: Використання модуля PNG Fix - CSS-хитрощі

Проектування з використанням альфа-прозорих PNG робить життя набагато простішим та крутішим. Як ми всі болісно знаємо, IE 6 і нижче не підтримують "

# 34: Інтеграція та налаштування Карт Google - CSS-хитрощі

# 34: Інтеграція та налаштування Карт Google - CSS-хитрощі

Карти Google, з усіма функціями перетягування та масштабування, супутниковим видом та всім іншим, є моєю вибраною послугою картографування. Google пропонує безкоштовний API для своїх карт, тому "

№31: Вступ до Google Analytics - CSS-хитрощі

№31: Вступ до Google Analytics - CSS-хитрощі

Google Analytics - це безкоштовна послуга для відстеження всілякої інформації про відвідувачів вашого веб-сайту. Нещодавно я мав дивний досвід із "

# 29: Пошук Google для вашого сайту - CSS-хитрощі

# 29: Пошук Google для вашого сайту - CSS-хитрощі

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

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

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

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

# 28: Використання Wufoo для веб-форм - CSS-хитрощі

# 28: Використання Wufoo для веб-форм - CSS-хитрощі

Щоразу, коли хтось запитує мене про форми, я завжди згадую Wufoo. На роботі та вдома майже у кожній створеній мною формі я просто використовую Wufoo. Це робить форму "

# 201: Виконання бупінгу - CSS-хитрощі

# 201: Виконання бупінгу - CSS-хитрощі

Джошуа Комо ввів у натовп термін "буп" (старша п'ятірка, Адам Кун). Це сорти, подібні стану наведення / фокусування, за винятком того, що вони не є. Ваші штучки - "

# 26: Проектування для Wordpress: Частина друга - CSS-хитрощі

# 26: Проектування для Wordpress: Частина друга - CSS-хитрощі

У нас встановлений WordPress, тепер давайте справді забруднимо руки і почнемо отримувати WordPress, щоб робити те, що ми хочемо. Ми починаємо з тикання навколо "

# 27: Проектування для Wordpress: Частина третя - CSS-хитрощі

# 27: Проектування для Wordpress: Частина третя - CSS-хитрощі

У третій частині цієї серії ми закінчуємо структуру сайту та починаємо заглиблюватися в деталі. Налаштовано типографіку, встановлено праву бічну панель "

# 202: Відцентровані маркери списку - CSS-хитрощі

# 202: Відцентровані маркери списку - CSS-хитрощі

Як і багато інших речей у CSS, тут потрібно знати всі найрізноманітніші речі, навіть такі мізерні, як центрування маркера списку. Читач написав "

# 25: Проектування для Wordpress: Частина перша - CSS-хитрощі

# 25: Проектування для Wordpress: Частина перша - CSS-хитрощі

WordPress - надзвичайно популярна система управління вмістом для ведення блогів. Розділ блогу CSS-Tricks працює на WordPress, і я дуже задоволений цим. За популярним запитом ми "

# 200: Прокрутіть до Збільшити - CSS-хитрощі

# 200: Прокрутіть до Збільшити - CSS-хитрощі

Справедливе попередження: це вам не знадобиться щодня! Я випадково дивився на акуратний маленький інструмент викривлення SVG, який мав функцію, де моя миша "