Видео скринкасты 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 - это «встроенный SVG», то есть размещение кода SVG прямо в HTML. Отлично работает! См. Pen gpcDi Криса Койера "

02: Почему именно SVG? Острота. - CSS-хитрости

02: Почему именно SVG? Острота. - CSS-хитрости

В начале этого курса я хотел бы подчеркнуть, почему SVG так привлекательно использовать. Возможно, самая веская причина для дизайнеров: они выглядят "

# 30: Заключение сериала - CSS-хитрости

# 30: Заключение сериала - 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 в прошлом видео. Но 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: Данные! данные-*! .данные()! .attr (данные- *)! - CSS-хитрости

# 20: Данные! данные-*! .данные()! .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 можно рассматривать как библиотеку «выберите и сделайте». Мы уже довольно много говорили о выборе, так что теперь давайте поговорим о некоторых "