Просмотр финального проекта (Создание отзывчивого веб-дизайна)

Просмотр финального проекта (Создание отзывчивого веб-дизайна) 

Привет, с вами Крис Конверс. И в этом курсе я покажу вам, как улучшить мнение пользователей о вашей веб-странице, основываясь на размере экрана. HTML и CSS могут быть очень мощными средствами создания отзывчивого дизайна, но добавление JavaScript дает вам возможность улучшить пользовательское восприятие. В этом курсе мы поговорим об отзывчивом дизайне и поменяем HTML, основываясь на размере экрана. Мы реализуем анимацию элементов на странице и даже поменяем способ, которым работает навигация. Вместо того чтобы передвигать навигацию, так чтобы она была ниже контента, используя только HTML и CSS,

мы будем использовать JavaScript, сожмем навигацию и позволим пользователям открыть навигацию одним кликом или прикосновением. Если вы никогда не использовали JavaScript или jQuery, не бойтесь. Я шаг за шагом покажу вам, как все это делается. Я надеюсь, что вы заинтересовались этим курсом. Если это так, давайте начнем.

Много раз, просто изменения размеры веб-дизайн не достаточно, чтобы создать удовлетворяющий пользовательский опыт. Этот курс поможет вам сделать ваши веб-страницы более гибко подстраивающиеся под различные размеры экрана с HTML, CSS, и JavaScript. После прохождения курса Создание отзывчивого веб-дизайна Крис Конверс показывает, как изменить существующий HTML, динамически загружать контент, анимировать элементы на странице, и свернуть навигацию на маленьком экране в то же время позволяя пользователям развернуть меню простым касанием пальца.

Примечание: Этот курс использует библиотеку jQuery JavaScript для добавления интерактивности и другие функции. Но если вы никогда не писал на js прежде, не волнуйтесь. Этот курс дает шаг за шагом подход к написанию только кода, который вам нужно повторить.

Темы:

Изменение картинок

Регулировка CSS для навигации

Добавление JavaScript и jQuery в проект

Загрузка контента с jQuery

Определение размера экрана с JavaScript

Загрузка альтернативного контента в зависимости от размера экрана

Анимация hero панели

Добавление поддержки Internet Explorer 7 и 8

Социальные сети