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

04: Чому SVG? Маленький. - CSS-хитрощі

04: Чому SVG? Маленький. - CSS-хитрощі

Розмір файлу SVG залежить від того, наскільки він складний, а не наскільки "великий". Пам'ятайте, що SVG насправді не цікавить, якого розміру вони відображаються, вони "

08: Використання SVG: iframe / object / embed - CSS-хитрощі

08: Використання SVG: iframe / object / embed - CSS-хитрощі

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

03: Чому SVG? Гнучка. - CSS-хитрощі

03: Чому SVG? Гнучка. - CSS-хитрощі

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

06: Використання SVG - SVG як фонового зображення - CSS-хитрощі

06: Використання SVG - SVG як фонового зображення - CSS-хитрощі

Зображення SVG можна використовувати як фонове зображення в CSS, як PNG, JPG.webp або GIF. .element (background-image: url (/images/image.svg);) Все одно "

# 29: Підготовка виробництва - CSS-хитрощі

# 29: Підготовка виробництва - CSS-хитрощі

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

07: Використання SVG - вбудований SVG - CSS-хитрощі

07: Використання SVG - вбудований SVG - CSS-хитрощі

Мабуть, найкращим способом використання SVG є "Inline SVG" - тобто внесення SVG-коду прямо у ваш HTML. Це чудово працює! Дивіться ручку gpcDi Кріса Койєра "

02: Чому SVG? Гострота. - CSS-хитрощі

02: Чому SVG? Гострота. - CSS-хитрощі

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

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

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

Ти це зробив! Щиро дякую, що взяли курс. Сподіваюсь, ви дізналися достатньо про jQuery та JavaScript, що рівень вашої впевненості в ньому зріс і "

№28: Створення більш складного плагіна - CSS-хитрощі

№28: Створення більш складного плагіна - CSS-хитрощі

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

# 27: Створення простого плагіна jQuery - CSS-хитрощі

# 27: Створення простого плагіна jQuery - CSS-хитрощі

Тепер, коли ми розглянули використання плагінів jQuery, абсолютно варто зрозуміти, як їх будувати. Ми вже коротко торкнулися того факту, що "

# 26: Використання плагіна jQuery з дикої природи - CSS-хитрощі

# 26: Використання плагіна jQuery з дикої природи - CSS-хитрощі

Усі бачили чудовий плагін jQuery там, у дикому, дикому Інтернеті, правда? Можливо, вас зацікавило лише насправді дізнатися більше "

# 25: Організуйтесь! - CSS-хитрощі

# 25: Організуйтесь! - CSS-хитрощі

Наразі ми зробили досить гарну роботу з організації. Розбиття нашого HTML у шаблоні було великим кроком. Ми більше мутимо води, щоб "

# 24: Шаблонування з підкресленням - CSS-хитрощі

# 24: Шаблонування з підкресленням - CSS-хитрощі

У минулому відео ми висвітлювали шаблонування за допомогою рулів. Але Handlebars - не єдине шаблонне рішення для блоку. У цьому відео ми будемо використовувати "

# 23: Шаблонування за кермом - CSS-хитрощі

# 23: Шаблонування за кермом - CSS-хитрощі

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

# 21: Просто змініть класи! - CSS-хитрощі

# 21: Просто змініть класи! - CSS-хитрощі

Якщо ви вивчаєте якісь основні філософії архітектури інтерфейсу з цієї серії, вивчіть цю. Просто змініть класи. У цьому сюжеті ми починаємо "

№22: Потреба у складенні шаблонів - CSS-хитрощі

№22: Потреба у складенні шаблонів - CSS-хитрощі

Шаблонування - важлива частина роботи з програмами JavaScript. Досить часто дані доступні вам, але не у форматі "

# 19: Це просто JavaScript - CSS-хитрощі

# 19: Це просто JavaScript - CSS-хитрощі

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

# 17: ПОСТИНГ з Ajax - CSS-хитрощі

# 17: ПОСТИНГ з Ajax - CSS-хитрощі

Ми говорили про GET у минулому відео, але не приділяли POST достатньої уваги. Тож я подумав, що ми зробимо це тут. Велика різниця з POST полягає в тому, що ви "

№15: ланцюжок - CSS-хитрощі

№15: ланцюжок - CSS-хитрощі

Зараз ми вже неодноразово говорили про маленькі штрихи в jQuery API, які насправді дуже приємні. Все добре продумано та вдосконалено. Мережа "

# 18: Ajax та JSON - CSS-хитрощі

# 18: Ajax та JSON - CSS-хитрощі

Існує велика ймовірність того, що в реальному світі номер 1, для якого ви використовуєте Ajax, - це надсилання та отримання даних JSON. І недарма. JSON не "

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

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

Ajax займає там досить високе місце з найбільших причин використовувати jQuery. JQuery не тільки вирішує проблеми між браузерами, але і робить синтаксис дуже простим "

# 20: Дані! дані- *! .data ()! .attr (дані- *)! - CSS-хитрощі

# 20: Дані! дані- *! .data ()! .attr (дані- *)! - CSS-хитрощі

Дані. У світі jQuery вся справа в бітах інформації, які приєднуються безпосередньо до елементів (а не, скажімо, до змінної, на яку покладено лише "

# 14: Спеціальні події - CSS-хитрощі

# 14: Спеціальні події - CSS-хитрощі

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

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

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

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

# 11: Анімація за допомогою jQuery - CSS-хитрощі

# 11: Анімація за допомогою jQuery - CSS-хитрощі

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

# 12: Функції зворотного виклику - CSS-хитрощі

# 12: Функції зворотного виклику - CSS-хитрощі

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

# 09: Геттери та сетери - CSS-хитрощі

# 09: Геттери та сетери - CSS-хитрощі

Поняття геттерів та сетерів у JavaScript - це лише одне з тих речей, які ви повинні розуміти. Вони приємні в jQuery, тому що API такий "

# 10: Явна проти неявної ітерації - CSS-хитрощі

# 10: Явна проти неявної ітерації - CSS-хитрощі

Ще одне концепт-відео! Це "лише одна річ", яку потрібно зрозуміти у jQuery. Це насправді трохи унікально для jQuery в тому, що інші популярні "

# 07: Роби! - CSS-хитрощі

# 07: Роби! - CSS-хитрощі

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