Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Web-дизайн
Bootstrap 3: Adding Interactivity To Your SiteГод выпуска: 06/2014
Производитель: Lynda
Сайт производителя: lynda.com/Bootstrap-tutorials/Bootstrap-3-Adding-Interactivity-Your-Site/161098-2.html
Автор: Jen Kramer
Продолжительность: 1:55
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: Twitter's Bootstrap is one of the most popular HTML/CSS/JavaScript frameworks for creating responsive websites. Here, Jen Kramer shows you how to add interactive elements like a thumbnail gallery, image carousel, or contact form using Bootstrap and a simple text editor. Plus, learn to style these features with CSS and add helpful JavaScript-based pop-ups and tooltips that enhance their usability. Along the way, you can test your Bootstrap prowess with a series of challenge videos.
Твиттеровский Бутстрап - один из популярнейших фреймворков для создания адаптивных веб-сайтов.
[spoiler="Содержание"]
IntroductionWelcome
Using the exercise files
Using the challenges
1.
Setting UpInstalling Sublime Text 2
Installing Bootstrap 3
Installing jQuery
2.
Creating a Thumbnail Gallery with Modal Pop-UpsPlanning the thumbnail gallery
Creating the thumbnail gallery grid layout
Creating the modal windows
Linking the thumbnails to the modal windows
Enhancing the thumbnail layout with captions
Challenge: Styling thumbnails and modals
Solution: Styling thumbnails and modals
3.
Creating an Image Carousel for the HomepagePlanning the image carousel and prepping images
Creating the image carousel
Adding carousel navigation
Adding captions to the carousel
Adding and styling a carousel position indicator
Customizing the carousel rotation interval and wrapping style
Challenge: Create modal windows in your carousel
Solution: Create modal windows in your carousel
4.
Creating FormsIncluding a text input and styling it with a grid
Creating and formatting radio buttons
Creating and formatting a selection dropdown menu
Adding a comments box and tooltips
Adding a check box and using collapse to enhance usability
Challenge: Styling the form
Solution: Styling the form
ConclusionNext steps
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 15fps, 454kbps
Аудио: AAC, 44.1kHz, 128kbps, mono
[spoiler="Скриншоты"]

[/spoiler]