Lynda. Creating a Responsive Website Design (Updated Feb 18, 2015)

File Name

Size

001 Previewing the final project.mp4

48 MB

002 About the exercise files.mp4

3.3 MB

003 Exploring the software you`ll need to complete this course.mp4

3.4 MB

004 Beginning your project.mp4

7.6 MB

005 What to expect with Design view in Dreamweaver.mp4

19 MB

006 Accessing code for HTML and CSS in Dreamweaver.mp4

16 MB

007 Planning your layout.mp4

18 MB

008 Adding the main HTML containers.mp4

3.6 MB

009 Adding the promo containers.mp4

1.1 MB

010 Adding links and the copyright.mp4

3.8 MB

011 Adding sample content into the HTML containers.mp4

17 MB

012 Creating and slicing multiple-sized banner images.mp4

22 MB

013 Exporting content and template artwork.mp4

12 MB

014 Linking CSS files for all screen sizes.mp4

3.9 MB

015 Linking CSS files based on screen size with media queries.mp4

4.8 MB

016 Enabling Internet Explorer 7 and 8 to understand HTML5.mp4

5.3 MB

017 Setting the viewport scale.mp4

7.8 MB

018 Adding the background pattern and the page container color.mp4

8.6 MB

019 Styling the headings.mp4

6.4 MB

020 Styling the body text and the links.mp4

4.7 MB

021 Styling the footer.mp4

4.7 MB

022 Understanding compound rules.mp4

11 MB

023 Styling the promo links with a CSS sprite.mp4

9.2 MB

024 Styling the promo text.mp4

2.8 MB

025 Adding the promo images with CSS.mp4

7.8 MB

026 Adding CSS rules for layout.mp4

3.9 MB

027 Styling the header on large screens.mp4

9.8 MB

028 Styling the article on large screens.mp4

7.4 MB

029 Styling the navigation links.mp4

7.4 MB

030 Styling the navigation for large screens.mp4

5.9 MB

031 Positioning the navigation for large screens.mp4

7.9 MB

032 Clearing the float for the promos.mp4

8.5 MB

033 Adding CSS rules with inline media queries.mp4

26 MB

034 Styling the header for medium screens.mp4

7.2 MB

035 Styling the navigation for medium screens.mp4

5.3 MB

036 Styling the promos for medium screens.mp4

11 MB

037 Styling the header for small screens.mp4

6.1 MB

038 Styling the navigation for small screens.mp4

4.0 MB

039 Styling the navigation links for small screens.mp4

12 MB

040 Styling the promos for small screens.mp4

12 MB

041 Styling the footer for small screens.mp4

9.9 MB

042 Additional exercise files for this chapter.mp4

3.5 MB

043 Creating double-sized graphics for high-definition screens.mp4

31 MB

044 Replacing the promo graphics with CSS media queries.mp4

16 MB

045 Replacing the logo and banner graphics with CSS media queries.mp4

26 MB

046 Additional exercise files for this chapter.mp4

1.9 MB

047 Creating graphics optimized for printing.mp4

13 MB

048 Including additional content for printed pages.mp4

8.8 MB

049 Creating print-friendly CSS rules.mp4

19 MB

050 Revealing hyperlink URLs for a printed page.mp4

14 MB

051 Redefining the promo and footer styles.mp4

6.6 MB

052 Background images vs. image tags.mp4

4.0 MB

053 Image option one - Using background images.mp4

18 MB

054 Image option two - Adding image tags.mp4

23 MB

055 Adding CSS page breaks.mp4

17 MB

056 Where to go from here.mp4

14 MB

Exercise Files/1 - Files to add/css/screen_layout_large.css

124 B

Exercise Files/1 - Files to add/css/screen_layout_medium.css

55 B

Exercise Files/1 - Files to add/css/screen_layout_small.css

54 B

Exercise Files/1 - Files to add/css/screen_styles.css

70 B

Exercise Files/1 - Files to add/index.html

227 B

Exercise Files/2 - Skip Photoshop/Images to add/background_gradient.jpg

5.2 kB

Exercise Files/2 - Skip Photoshop/Images to add/banner_large.jpg

158 kB

Exercise Files/2 - Skip Photoshop/Images to add/banner_medium.jpg

44 kB

Exercise Files/2 - Skip Photoshop/Images to add/banner_small.jpg

9.9 kB

Exercise Files/2 - Skip Photoshop/Images to add/cta_arrow.png

1.2 kB

Exercise Files/2 - Skip Photoshop/Images to add/logo_large.png

9.6 kB

Exercise Files/2 - Skip Photoshop/Images to add/logo_medium.png

7.6 kB

Exercise Files/2 - Skip Photoshop/Images to add/logo_small.png

5.8 kB

Exercise Files/2 - Skip Photoshop/Images to add/mobile_link_arrow.png

1.2 kB

Exercise Files/2 - Skip Photoshop/Images to add/promo_1.jpg

2.7 kB

Exercise Files/2 - Skip Photoshop/Images to add/promo_2.jpg

2.2 kB

Exercise Files/2 - Skip Photoshop/Images to add/promo_3.jpg

2.8 kB

Exercise Files/3 - Art Templates/A-design.psd

3.8 MB

Exercise Files/3 - Art Templates/B-banner-artwork.psd

9.4 MB

Exercise Files/3 - Art Templates/C-content-artwork.psd

508 kB

Exercise Files/4 - Snippets/A-Placeholder-Text.html

1.2 kB

Exercise Files/4 - Snippets/B-Google-HTML5-Shiv.html

135 B

Exercise Files/5 - Final Project/css/screen_layout_large.css

944 B

Exercise Files/5 - Final Project/css/screen_layout_medium.css

523 B

Exercise Files/5 - Final Project/css/screen_layout_small.css

1.0 kB

Exercise Files/5 - Final Project/css/screen_styles.css

1.5 kB

Exercise Files/5 - Final Project/images/background_gradient.jpg

5.2 kB

Exercise Files/5 - Final Project/images/banner_large.jpg

158 kB

Exercise Files/5 - Final Project/images/banner_medium.jpg

44 kB

Exercise Files/5 - Final Project/images/banner_small.jpg

9.9 kB

Exercise Files/5 - Final Project/images/cta_arrow.png

1.2 kB

Exercise Files/5 - Final Project/images/logo_large.png

9.6 kB

Exercise Files/5 - Final Project/images/logo_medium.png

7.6 kB

Exercise Files/5 - Final Project/images/logo_small.png

5.8 kB

Exercise Files/5 - Final Project/images/mobile_link_arrow.png

1.2 kB

Exercise Files/5 - Final Project/images/promo_1.jpg

2.7 kB

Exercise Files/5 - Final Project/images/promo_2.jpg

2.2 kB

Exercise Files/5 - Final Project/images/promo_3.jpg

2.8 kB

Exercise Files/5 - Final Project/index.html

2.5 kB

Exercise Files/Chapter 12/6 - High Definition Art Templates/D-high-definition-artwork.psd

43 MB

Exercise Files/Chapter 12/7 - Skip Photoshop/banner_large_2x.jpg

321 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/banner_medium_2x.jpg

199 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/banner_small_2x.jpg

57 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/logo_large_2x.png

20 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/logo_medium_2x.png

15 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/logo_small_2x.png

11 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/promo_1_2x.jpg

5.0 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/promo_2_2x.jpg

3.9 kB

Exercise Files/Chapter 12/7 - Skip Photoshop/promo_3_2x.jpg

5.7 kB

Exercise Files/Chapter 12/8 - Snippets/C-Device-Pixel_Ratio.css

319 B

Exercise Files/Chapter 12/9 - Final Project/css/screen_layout_large.css

1.5 kB

Exercise Files/Chapter 12/9 - Final Project/css/screen_layout_medium.css

1.0 kB

Exercise Files/Chapter 12/9 - Final Project/css/screen_layout_small.css

1.6 kB

Exercise Files/Chapter 12/9 - Final Project/css/screen_styles.css

2.0 kB

Exercise Files/Chapter 12/9 - Final Project/images/background_gradient.jpg

5.2 kB

Exercise Files/Chapter 12/9 - Final Project/images/banner_large.jpg

158 kB

Exercise Files/Chapter 12/9 - Final Project/images/banner_large_2x.jpg

321 kB

Exercise Files/Chapter 12/9 - Final Project/images/banner_medium.jpg

44 kB

Exercise Files/Chapter 12/9 - Final Project/images/banner_medium_2x.jpg

130 kB

Exercise Files/Chapter 12/9 - Final Project/images/banner_small.jpg

9.9 kB

Exercise Files/Chapter 12/9 - Final Project/images/banner_small_2x.jpg

26 kB

Exercise Files/Chapter 12/9 - Final Project/images/cta_arrow.png

1.2 kB

Exercise Files/Chapter 12/9 - Final Project/images/logo_large.png

9.6 kB

Exercise Files/Chapter 12/9 - Final Project/images/logo_large_2x.png

20 kB

Exercise Files/Chapter 12/9 - Final Project/images/logo_medium.png

7.6 kB

Exercise Files/Chapter 12/9 - Final Project/images/logo_medium_2x.png

15 kB

Exercise Files/Chapter 12/9 - Final Project/images/logo_small.png

5.8 kB

Exercise Files/Chapter 12/9 - Final Project/images/logo_small_2x.png

11 kB

Exercise Files/Chapter 12/9 - Final Project/images/mobile_link_arrow.png

1.2 kB

Exercise Files/Chapter 12/9 - Final Project/images/promo_1.jpg

2.7 kB

Exercise Files/Chapter 12/9 - Final Project/images/promo_1_2x.jpg

5.0 kB

Exercise Files/Chapter 12/9 - Final Project/images/promo_2.jpg

2.2 kB

Exercise Files/Chapter 12/9 - Final Project/images/promo_2_2x.jpg

3.9 kB

Exercise Files/Chapter 12/9 - Final Project/images/promo_3.jpg

2.8 kB

Exercise Files/Chapter 12/9 - Final Project/images/promo_3_2x.jpg

5.7 kB

Exercise Files/Chapter 12/9 - Final Project/index.html

2.5 kB

Exercise Files/Chapter 13/10 - CSS File/print.css

19 B

Exercise Files/Chapter 13/11 - Art Files/E-printer-friendly-artwork.psd

33 MB

Exercise Files/Chapter 13/11 - Art Files/qr_lynda_chrisconverse.png

1.3 kB

Exercise Files/Chapter 13/12 - Snippets/D-footer_print_message.html

686 B

Exercise Files/Chapter 13/13 - Final Project - Option 1/css/print.css

1.5 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/css/screen_layout_large.css

1.5 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/css/screen_layout_medium.css

1.0 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/css/screen_layout_small.css

1.6 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/css/screen_styles.css

2.0 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/background_gradient.jpg

5.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/banner_large.jpg

158 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/banner_large_2x.jpg

321 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/banner_medium.jpg

44 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/banner_medium_2x.jpg

130 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/banner_small.jpg

9.9 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/banner_small_2x.jpg

26 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/cta_arrow.png

1.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/logo_large.png

9.6 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/logo_large_2x.png

20 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/logo_medium.png

7.6 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/logo_medium_2x.png

15 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/logo_small.png

5.8 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/logo_small_2x.png

11 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/mobile_link_arrow.png

1.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/print_banner_large.jpg

254 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/print_logo_large.png

20 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/print_promo_1.jpg

6.1 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/print_promo_2.jpg

4.7 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/print_promo_3.jpg

6.9 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/promo_1.jpg

2.7 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/promo_1_2x.jpg

5.0 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/promo_2.jpg

2.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/promo_2_2x.jpg

3.9 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/promo_3.jpg

2.8 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/promo_3_2x.jpg

5.7 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/images/qr_lynda_chrisconverse.png

1.3 kB

Exercise Files/Chapter 13/13 - Final Project - Option 1/index.html

3.4 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/css/print.css

1.3 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/css/screen_layout_large.css

1.5 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/css/screen_layout_medium.css

1.0 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/css/screen_layout_small.css

1.6 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/css/screen_styles.css

2.0 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/background_gradient.jpg

5.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/banner_large.jpg

158 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/banner_large_2x.jpg

321 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/banner_medium.jpg

44 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/banner_medium_2x.jpg

130 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/banner_small.jpg

9.9 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/banner_small_2x.jpg

26 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/cta_arrow.png

1.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/logo_large.png

9.6 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/logo_large_2x.png

20 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/logo_medium.png

7.6 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/logo_medium_2x.png

15 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/logo_small.png

5.8 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/logo_small_2x.png

11 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/mobile_link_arrow.png

1.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/print_banner_large.jpg

254 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/print_logo_large.png

20 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/print_promo_1.jpg

6.1 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/print_promo_2.jpg

4.7 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/print_promo_3.jpg

6.9 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/promo_1.jpg

2.7 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/promo_1_2x.jpg

5.0 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/promo_2.jpg

2.2 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/promo_2_2x.jpg

3.9 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/promo_3.jpg

2.8 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/promo_3_2x.jpg

5.7 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/images/qr_lynda_chrisconverse.png

1.3 kB

Exercise Files/Chapter 13/13 - Final Project - Option 2/index.html

3.8 kB