Видео скринкасты 2025, Январь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Одна из пяти основных областей сайта - это страница контактов. Однако для этого практически не требуется никакого покрытия, потому что мы просто создали его в Wufoo и "

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

Установив два наших плагина для расширения CMS, мы потратили немного времени на их настройку. «События» на сайте Джеффа - прекрасный тому пример. Событие""

У нас есть еще один тип сообщения, к которому нужно применить правильные настраиваемые поля: слайды домашней страницы. Это то, что было бы легко и заманчиво "

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

Мы действительно можем расширить возможности "CMS" WordPress с помощью всего лишь пары плагинов: Advanced Custom Fields и Custom Post Types UI. С этими"

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

Практически во всех темах WordPress есть файл page.php. Это шаблон, который контролирует «Страницы» - один из типов контента по умолчанию, который »

Есть только один способ попасть в область блога сайта с домашней страницы - это щелкнуть «Последние записи». Но это приведет вас к самому большому "

Типографика все еще не совсем правильная, поэтому мы тратим немного больше времени на ее корректировку. Здесь это имеет смысл, потому что заголовок и тело "

Блог выводит то, что мы хотим, но типографика и макет не совсем там. Мы добавляем немного разметки здесь и там, чтобы дать "

Приступаем к работе над блог-зоной сайта. Мы хотим, чтобы область блога на сайте находилась по адресу / blog /, поэтому в конечном итоге мы создаем шаблон страницы для того, что называется "