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

# 02: Налаштування файлу / зв’язування jQuery - CSS-хитрощі

# 02: Налаштування файлу / зв’язування jQuery - CSS-хитрощі

У цьому скрінкасті я висвітлюю абсолютно мінімальний рівень налаштування для використання jQuery на "реальному" веб-сайті. У нас є файл index.html з основним HTML5 "

# 08: prevenDefault, stopPropagation і поверніть false - CSS-хитрощі

# 08: prevenDefault, stopPropagation і поверніть false - CSS-хитрощі

Це вийшло дуже коротко в останньому відео: як зупинити браузер від стрибка вниз, натиснувши хеш-посилання? Це поведінка браузера за замовчуванням, "

# 06: Розширення jQuery Selector - CSS-хитрощі

# 06: Розширення jQuery Selector - CSS-хитрощі

JQuery може вибрати все, що може вибрати CSS3. Але на цьому не зупиняється! JQuery пропонує ряд додаткових селекторів (через Sizzle "

# 05: Все про DOM Ready - CSS-хитрощі

# 05: Все про DOM Ready - CSS-хитрощі

Ми добре поговорили про селектори. Селектор jQuery, такий як $ ("h1"), виділить всі елементи на сторінці. Але як щодо ... коли цього немає? Ось "

# 04: Селектори jQuery - це селектори CSS3 - CSS-хитрощі

# 04: Селектори jQuery - це селектори CSS3 - CSS-хитрощі

У CSS ви можете вибрати всі елементи на сторінці таким чином: h1 (/ * стиль усіх елементів * /) У jQuery ви можете використовувати той самий селектор. $ ("h1") // встановити "

№ 01: Ласкаво просимо до навчального курсу jQuery - CSS-хитрощі

№ 01: Ласкаво просимо до навчального курсу jQuery - CSS-хитрощі

Ласкаво просимо! Мета цього курсу - взяти вас, вас, прекрасного розробника інтерфейсу, від когось, хто має дуже мало або зовсім не знає jQuery чи JavaScript "

# 03: Виберіть і зробіть - CSS-хитрощі

# 03: Виберіть і зробіть - CSS-хитрощі

Одним із способів думати про jQuery є бібліотека "Вибирай і роби". jQuery особливо добре підбирає елементи на сторінці (матеріали в DOM), а потім робить "

# 038 - Очищення коментарів - CSS-хитрощі

# 038 - Очищення коментарів - CSS-хитрощі

WordPress створює область коментарів на сайті Джеффа. Це буде надзвичайно просто очистити за допомогою наших суперсил CSS. Ми робимо файл .scss лише для коментарів "

# 040 - Серія Wrapup - CSS-хитрощі

# 040 - Серія Wrapup - CSS-хитрощі

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

# 002 - Погляд на старе місце - CSS-хитрощі

# 002 - Погляд на старе місце - CSS-хитрощі

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

# 039 - Тестування різних пристроїв - CSS-хитрощі

# 039 - Тестування різних пристроїв - CSS-хитрощі

Здебільшого ми використовували симулятор iOS для тестування мобільної версії нашого сайту. Це досить добре, набагато краще, ніж тестування вузького "

# 033 - Медіа-запити в JavaScript - CSS-хитрощі

# 033 - Медіа-запити в JavaScript - CSS-хитрощі

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

# 037 - Маніпуляція кольором - CSS-хитрощі

# 037 - Маніпуляція кольором - CSS-хитрощі

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

# 035 - Настільні наведені штати - CSS-хитрощі

# 035 - Настільні наведені штати - CSS-хитрощі

Те, що це серія для мобільних пристроїв, не означає, що ми можемо ігнорувати взаємодію настільних / портативних комп’ютерів. Ми витрачаємо трохи часу на те, щоб "

# 036 - Одномісний блог на великому екрані - CSS-хитрощі

# 036 - Одномісний блог на великому екрані - CSS-хитрощі

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

# 034 - Аяксинг у дописі в блозі - CSS-хитрощі

# 034 - Аяксинг у дописі в блозі - CSS-хитрощі

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

# 032 - Переміщення домашньої навігації, медіа-запити - CSS-хитрощі

# 032 - Переміщення домашньої навігації, медіа-запити - CSS-хитрощі

Ми працюємо над виправленням сайту, щоб на «робочих столах» (тобто більших) екранах сайт все ще виглядав добре. Навігація домашньою сторінкою - це ще одне, що отримує "

# 031 - Обмеження висоти повзуна для робочого столу - CSS-хитрощі

# 031 - Обмеження висоти повзуна для робочого столу - CSS-хитрощі

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

# 030 - Контактна форма - CSS-хитрощі

# 030 - Контактна форма - CSS-хитрощі

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

# 029 - Обговорення подій - CSS-хитрощі

# 029 - Обговорення подій - CSS-хитрощі

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

# 026 - Супер CMS, налаштування плагіна - CSS-хитрощі

# 026 - Супер CMS, налаштування плагіна - CSS-хитрощі

З нашими двома встановленими плагінами, що розширюють CMS, ми витрачаємо трохи часу на їх налаштування. "Події" на сайті Джеффа - прекрасний приклад. Подія""

# 027 - Адміністратор управління слайдами домашньої сторінки - CSS-хитрощі

# 027 - Адміністратор управління слайдами домашньої сторінки - CSS-хитрощі

У нас є інший тип публікації, для якого потрібні відповідні власні поля: слайди домашньої сторінки. Це те, що було б легко і спокусливо "

# 028 - Події, адміністратор та інтерфейс - CSS-хитрощі

# 028 - Події, адміністратор та інтерфейс - CSS-хитрощі

Ми дізналися, як робити власний цикл та виводити власні дані із власних типів публікацій та користувацьких полів у останньому відео. Цього разу нам потрібно це зробити "

# 025 - Супер CMS, плагіни - CSS-хитрощі

# 025 - Супер CMS, плагіни - CSS-хитрощі

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

# 024 - Навігація на підсторінках - CSS-хитрощі

# 024 - Навігація на підсторінках - CSS-хитрощі

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

# 023 - Шаблон сторінки - CSS-хитрощі

# 023 - Шаблон сторінки - CSS-хитрощі

Майже у всіх темах WordPress є файл, який називається page.php. Це шаблон, який керує "Сторінками" - одним із типів вмісту за замовчуванням, який "

# 022 - Архів блогів - CSS-хитрощі

# 022 - Архів блогів - CSS-хитрощі

Існує лише один спосіб дістатися до блогу сайту з домашньої сторінки, і це натиснувши кнопку "Останнє написання". Але це веде вас до самого "

# 021 - Блог, частина 3 - CSS-хитрощі

# 021 - Блог, частина 3 - CSS-хитрощі

Типографіка все ще не зовсім правильна, тому ми витрачаємо трохи більше часу, вносячи в неї корективи. Це варто робити тут, тому що заголовок і тіло "

# 020 - Блог, частина 2 - CSS-хитрощі

# 020 - Блог, частина 2 - CSS-хитрощі

Блог видає те, що ми хочемо, але типографіка та макет його не зовсім там. Ми додаємо трохи розмітки туди-сюди, коли потрібно, щоб дати "

# 019 - Блог, частина 1 - CSS-хитрощі

# 019 - Блог, частина 1 - CSS-хитрощі

Ми починаємо працювати над блогом сайту. Ми хочемо мати область блогу на сайті за адресою / blog / - тому в підсумку ми робимо шаблон сторінки для того, що називається