Видео скринкасты 2024, Декабрь

# 032 - Перемещение домашней навигации, медиа-запросы - CSS-хитрости

# 032 - Перемещение домашней навигации, медиа-запросы - CSS-хитрости

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

# 034 - Аяксинг в блоге - CSS-хитрости

# 034 - Аяксинг в блоге - CSS-хитрости

В итоге мы получаем действительно простой тест, который загружает статью из блога для отображения, есть ли место: // Загружаем дополнительный контент, если достаточно места, спрашиваем "

# 036 - Отдельная страница блога с большим экраном - CSS-хитрости

# 036 - Отдельная страница блога с большим экраном - CSS-хитрости

На больших экранах у нас больше места на всех наших страницах. Мы разобрались с этим на домашней странице, но мы можем сделать лучше и на других подстраницах. Один"

# 035 - Состояния наведения на рабочем столе - CSS-хитрости

# 035 - Состояния наведения на рабочем столе - CSS-хитрости

Тот факт, что эта серия ориентирована на мобильные устройства, не означает, что мы можем игнорировать взаимодействие настольных / портативных компьютеров. Мы потратили немного времени, чтобы убедиться "

# 037 - Манипуляция цветом - CSS-хитрости

# 037 - Манипуляция цветом - CSS-хитрости

Когда мы возились с предоставлением возможностей CMS для слайдера домашней страницы, мы дали настраиваемое поле для каждого слайда домашней страницы с палитрой цветов. Это дает нам "

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

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

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

# 039 - Тестирование на разных устройствах - CSS-хитрости

# 039 - Тестирование на разных устройствах - CSS-хитрости

По большей части мы использовали симулятор iOS для тестирования мобильной версии нашего сайта. Это неплохо, намного лучше, чем тестирование узкого "

# 002 - Взгляд на старое место - CSS-хитрости

# 002 - Взгляд на старое место - CSS-хитрости

В этом скринкасте мы рассмотрим существующий веб-сайт Джеффа. Эта серия не столько сфокусирована на "редизайне", как серия v10, но есть уже существующий "

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

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

Пришло время завершить эту серию. Это была веселая поездка! Есть некоторая разница между тем, что мы рассказали, и тем, что есть на самом деле "

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

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

WordPress поддерживает область комментариев на сайте Джеффа. Это будет очень легко очистить с помощью наших суперсил CSS. Мы делаем файл .scss только для комментариев »

# 03: Выбирай и делай - CSS-хитрости

# 03: Выбирай и делай - CSS-хитрости

Один из способов думать о jQuery - это библиотека «Выбрать и сделать». jQuery особенно хорош для выбора элементов на странице (материала в DOM), а затем выполнения "

# 01: Добро пожаловать на обучающий курс jQuery - CSS-хитрости

# 01: Добро пожаловать на обучающий курс jQuery - CSS-хитрости

Добро пожаловать! Цель этого курса - познакомить вас, прекрасного фронтенд-разработчика, с кем-то, у кого очень мало или совсем нет знаний jQuery или JavaScript "

# 04: Селекторы jQuery - это селекторы CSS3 - CSS-хитрости

# 04: Селекторы jQuery - это селекторы CSS3 - CSS-хитрости

В CSS вы можете выбрать все элементы на странице следующим образом: h1 (/ * стиль всех элементов * /) В jQuery вы можете использовать точно такой же селектор. $ ("h1") // установить "

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

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

Мы много говорили о селекторах. Селектор jQuery, например $ ("h1"), выберет все элементы на странице. Но как насчет ... когда это не так? Вот "

# 06: Расширения селектора jQuery - CSS-хитрости

# 06: Расширения селектора jQuery - CSS-хитрости

JQuery может выбрать все, что может выбрать CSS3. Но это еще не все! Есть ряд дополнительных селекторов, которые предлагает jQuery (через Sizzle "

# 08: preventDefault, stopPropagation и return false - CSS-хитрости

# 08: preventDefault, stopPropagation и return false - CSS-хитрости

Это очень кратко всплыло в последнем видео: как сделать так, чтобы браузер не скатывался вниз, когда вы нажимаете хэш-ссылку? Это поведение браузера по умолчанию, "

# 02: Настройка файлов / связывание jQuery - CSS-хитрости

# 02: Настройка файлов / связывание jQuery - CSS-хитрости

В этом скринкасте я описываю абсолютный минимум настроек для использования jQuery на «реальном» веб-сайте. У нас есть файл index.html с базовым HTML5 "

# 07: Делай! - CSS-хитрости

# 07: Делай! - CSS-хитрости

Как мы уже говорили, jQuery можно рассматривать как библиотеку «выберите и сделайте». Мы уже довольно много говорили о выборе, так что теперь давайте поговорим о некоторых "

# 10: Явная и неявная итерация - CSS-хитрости

# 10: Явная и неявная итерация - CSS-хитрости

Еще одно концептуальное видео! Это «всего лишь одна из тех вещей», которые вам нужно понять в jQuery. На самом деле он немного уникален для jQuery в том, что касается других популярных "

# 09: Получатели и сеттеры - CSS-хитрости

# 09: Получатели и сеттеры - CSS-хитрости

Концепция геттеров и сеттеров в JavaScript - лишь одна из тех вещей, которые вам следует понять. Они хороши в jQuery, потому что API такой "

# 12: Функции обратного вызова - CSS-хитрости

# 12: Функции обратного вызова - CSS-хитрости

Всем нравится: время концептуального видео! Обратные вызовы - важная концепция в JavaScript. Это функции, которые вызываются, когда действие имеет "

# 11: Анимация с помощью jQuery - CSS-хитрости

# 11: Анимация с помощью jQuery - CSS-хитрости

Если вы впервые попробовали jQuery много лет назад, возможно, это была способность делать анимацию. Возможно, это было одним из первых крупных достижений jQuery. Эти"

# 13: Введение в события - CSS-хитрости

# 13: Введение в события - CSS-хитрости

Обработка событий - еще одна серьезная причина использовать jQuery. Существуют некоторые различия между браузерами в том, как это делать, и jQuery нормализует их в один "

# 14: Пользовательские события - CSS-хитрости

# 14: Пользовательские события - CSS-хитрости

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

# 20: Данные! данные-*! .данные()! .attr (данные- *)! - CSS-хитрости

# 20: Данные! данные-*! .данные()! .attr (данные- *)! - CSS-хитрости

Данные. В мире jQuery все дело в битах информации, которые прикрепляются непосредственно к элементам (а не, скажем, к переменной, в обязанности которой входит только "

# 16: Введение в Ajax - CSS-хитрости

# 16: Введение в Ajax - CSS-хитрости

Ajax занимает довольно высокое место в рейтинге основных причин использования jQuery. JQuery не только устраняет проблемы кроссбраузерности, но и упрощает синтаксис "

# 18: Ajax и JSON - CSS-хитрости

# 18: Ajax и JSON - CSS-хитрости

Есть большая вероятность, что в «реальном мире» вещь №1, для которой вы используете Ajax, - это отправка и получение данных JSON. И не зря. JSON не поддерживает "

# 15: Цепочка - CSS-хитрости

# 15: Цепочка - CSS-хитрости

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

# 17: Публикация с помощью Ajax - CSS-хитрости

# 17: Публикация с помощью Ajax - CSS-хитрости

Мы говорили о GET в последнем видео, но не уделили POST достаточно внимания. Так что я подумал, что мы сделаем это здесь. Большая разница с POST заключается в том, что вы "

# 19: Это просто JavaScript - CSS-хитрости

# 19: Это просто JavaScript - CSS-хитрости

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