Важное объявление!
У Нас Все раздачи мультитрекерные, при нуле пиров в релизах, можете смело вставать на закачку!
 
Автор Сообщение

HUNTER

Стаж:
4 года 8 месяцев
Сообщений:
62060

Репутация: 101

[+] [-]
Вне форума [Профиль] [ЛС]

Creating a Responsive Web Experience
Год выпуска: 2013
Производитель: Lynda
Сайт производителя: lynda.com
Автор: Chris Converse
Продолжительность: 1:23
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: Many times, simply resizing your web design is not enough to create a satisfying user experience. This course helps you make your webpages more responsive to different screen sizes with HTML, CSS, and JavaScript. Picking up where he left off in Creating a Responsive Web Design, Chris Converse shows how to modify your existing HTML, dynamically load content, animate elements on the page, and collapse the navigation on smaller screens—while allowing users to expand menus with a tap of their finger.
Note: This course uses the jQuery JavaScript library to add interactivity and other features to the example site. But if you've never written JavaScript before, don't worry. This course provides a step-by-step approach to writing just the code you need to replicate the experience Chris shows on screen.
Курс поможет вам делать свои веб-страницы с HTML, CSS и JavaScript более адаптированными к различным девайсам.

Содержание

Introduction
Preview the final project
About the exercise files
The software you'll need to complete this course
For those using Dreamweaver
1. Modifying the Previous Project
Modifying the graphics
Adjusting the CSS for the navigation
2. Dynamically Loading Content
Adding a content container and files
Adding JavaScript and jQuery to your project
Loading content with jQuery
3. Styling the Hero Area
Positioning the image and caption
Styling the hero captions
4. Adjusting the Experience Based on Screen Size
Determining the screen size with JavaScript
Detecting a change in screen size
Loading alternative content based on screen size
Setting up the mobile nav button
Setting up the mobile nav panel
Opening and closing the nav panel
5. Animating the Hero Panel
Preloading images
Animating the hero elements
6. Maintaining Support for Internet Explorer 7 and 8
Altering the CSS and JavaScript for Internet Explorer 7 and 8
Conclusion
Where to go from here
Файлы примеров: присутствуют
Формат видео: F4V
Видео: MPEG-4, 960x600, 16:10, 30fps, 1245kbps
Аудио: AAC, 48kHz, 128kbps, stereo

Скриншоты


_________________
Показать сообщения:    

Текущее время: Сегодня 06:44

Часовой пояс: GMT



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Наши партнеры: интернет магазин Ивановского трикотажа textilla.ru