FileMood

Download Lynda.com - Responsive Design Bundle (5 courses)

Lynda com Responsive Design Bundle courses

Name

Lynda.com - Responsive Design Bundle (5 courses)

  DOWNLOAD Copy Link

Trouble downloading? see How To

Total Size

3.5 GB

Total Files

211

Hash

E5406307AA0A2E77495EBD9ADF5DEECC4D4E8185

/Applied Responsive Design/

Exercise Files.rar

431.0 MB

/3 - Responsive Navigation/

3-10 Replacing hover styling with touch.mp4

70.9 MB

3-12 Preventing conflicts.mp4

51.1 MB

3-5 Structuring complex menus.mp4

38.5 MB

3-3 Styling basic menus.mp4

36.9 MB

3-15 Converting menus to select elements.mp4

36.5 MB

3-16 Converting select elements to menus.mp4

35.1 MB

3-8 Minimizing menus for small screens.mp4

33.5 MB

3-9 Expanding submenus through touch.mp4

32.7 MB

3-6 Using jQuery for menu behavior.mp4

30.9 MB

3-2 Structuring basic menus.mp4

29.5 MB

3-14 Dynamically replacing menus.mp4

27.9 MB

3-4 Using CSS sprites in menus.mp4

26.6 MB

3-11 Resetting menus for large screens.mp4

22.8 MB

3-1 Defining a responsive navigation strategy.mp4

22.6 MB

3-13 Providing fallbacks.mp4

18.5 MB

3-7 Responding to changes in screen size.mp4

13.4 MB

/.../4 - Creating Responsive Media/

4-1 Creating fluid images.mp4

63.0 MB

4-6 Controlling gallery styling.mp4

54.1 MB

4-3 Using CSS in place of images.mp4

47.8 MB

4-7 Adding image gallery functionality.mp4

39.5 MB

4-4 Image gallery overview.mp4

30.3 MB

4-2 Making video fluid.mp4

30.0 MB

4-5 Structuring a responsive image gallery.mp4

22.7 MB

/.../2 - Building Responsive Layouts/

2-2 Defining default styles.mp4

50.4 MB

2-3 Determining content breakpoints.mp4

50.1 MB

2-8 Refining desktop layouts.mp4

45.6 MB

2-9 Refining tablet layouts.mp4

35.2 MB

2-5 Building the basic desktop layout.mp4

26.6 MB

2-10 Refining mobile layouts.mp4

25.5 MB

2-4 Defining media queries.mp4

24.6 MB

2-6 Building the basic tablet layout.mp4

20.0 MB

2-7 Building the basic mobile layout.mp4

17.2 MB

2-1 Controlling the viewport.mp4

17.1 MB

/.../9 - Working with CSS Rules/

9-1 Adding CSS rules with inline media queries.mov

48.2 MB

/.../1 - Planning Responsive Designs/

1-5 Structuring content for multiple devices.mp4

48.0 MB

1-1 Content planning.mp4

37.5 MB

1-3 Planning responsive UX.mp4

34.4 MB

1-2 Creating mockups.mp4

32.7 MB

1-4 Structuring page regions.mp4

20.7 MB

/6 - Managing Resources/

6-2 Loading resources with Modernizr.mp4

40.1 MB

6-3 Conditional resource loading.mp4

31.2 MB

6-1 Modernizr and Respond.js overview.mp4

21.0 MB

6-4 Testing responsive sites.mp4

12.0 MB

/2 - Common Concepts/

2-2 Controlling viewports.mp4

37.3 MB

2-10 Building responsive forms.mp4

30.3 MB

2-1 Examining the mobile viewport.mp4

23.5 MB

2-3 Understanding screen densities.mp4

22.0 MB

2-11 Improving site performance.mp4

19.2 MB

2-7 Using fluid grids.mp4

18.0 MB

2-8 Making images responsive.mp4

17.0 MB

2-9 Examining the future of responsive images.mp4

16.3 MB

2-4 Designing for multiple screen densities.mp4

15.7 MB

2-6 Creating breakpoints with media queries.mp4

13.6 MB

2-5 Understanding media queries.mp4

10.9 MB

/0 - Introduction/

0-1 Previewing the final project.mov

37.3 MB

0-4 Beginning your project.mov

10.6 MB

0-3 Exploring the software you'll need to complete this course.mov

4.3 MB

0-2 About the exercise files.mov

4.1 MB

/.../5 - Enhancing Sites for Mobile/

5-1 HTML5 form inputs.mp4

33.5 MB

5-2 Adding phone functionality.mp4

32.2 MB

5-3 Adding home screen icons.mp4

24.1 MB

/.../1 - Introducing Responsive Design/

1-4 Exploring a responsive site.mp4

32.1 MB

1-2 Exploring the need for responsive design.mp4

20.6 MB

1-1 What is responsive design.mp4

17.4 MB

1-3 What makes sites responsive.mp4

6.7 MB

/.../1 - For Those Using Dreamweaver/

1-1 What to expect with Design view in Dreamweaver.mov

29.3 MB

1-2 Accessing code for HTML and CSS in Dreamweaver.mov

24.0 MB

/.../3 - Creating Web Graphics/

3-1 Creating and slicing multiple-sized banner images.mov

28.2 MB

3-2 Exporting content and template artwork.mov

16.4 MB

/0 - Introduction/

0-3 Exploring the finished project.mp4

27.0 MB

0-1 Welcome.mp4

8.6 MB

0-2 Using the exercise files.mp4

7.8 MB

/.../2 - Fluid Grid Layouts in Dreamweaver/

2-5 Balancing tablet layouts.mov

24.7 MB

2-3 Inserting content.mov

22.6 MB

2-1 Exploring the default Fluid Grid Layout.mov

15.3 MB

2-4 Targeting a phone design.mov

14.4 MB

2-2 Adding building block div tags.mov

11.4 MB

/.../3 - Responsive Design Strategies/

3-5 Understanding the mobile context.mp4

24.4 MB

3-1 Designing for the appropriate context.mp4

24.4 MB

3-2 Planning a responsive design.mp4

21.3 MB

3-4 Developing a content strategy for responsive sites.mp4

21.0 MB

3-8 Testing responsive designs.mp4

20.3 MB

3-7 Creating flexible HTML.mp4

15.5 MB

3-3 Building responsive mockups.mp4

13.7 MB

3-6 Designing for mobile capabilities.mp4

12.4 MB

/.../2 - Setting Up Your Project/

2-1 Planning your layout.mov

23.9 MB

2-5 Adding sample content into the HTML containers.mov

22.6 MB

2-2 Adding the main HTML containers.mov

3.7 MB

2-4 Adding links and the copyright.mov

3.5 MB

2-3 Adding the promo containers.mov

1.0 MB

/4 - Conclusion/

4-1 Exploring fluid grid frameworks.mp4

23.7 MB

4-2 Looking at responsive design tools.mp4

16.3 MB

4-3 Additional resources.mp4

9.0 MB

/.../4 - Enhanced Media Queries/

4-1 Building media queries from the ground up.mov

23.3 MB

4-4 Working with high-resolution displays.mov

18.2 MB

4-2 Working with additional media queries.mov

6.7 MB

4-3 Handling orientation changes.mov

4.6 MB

/Conclusion/

Where to go from here.mov

21.2 MB

/Conclusion/

Additional resources.mp4

18.4 MB

/.../5 - Flexible Images and Media/

5-3 Setting up server-side solutions.mov

17.7 MB

5-1 Core CSS manipulation.mov

17.6 MB

5-2 Applying JavaScript techniques.mov

16.2 MB

/.../3 - Expanding on a Fluid Grid Structure/

3-3 Including advanced page elements.mov

16.3 MB

3-2 Adjusting column widths and margins.mov

16.0 MB

3-1 -Modifying the number of grid columns.mov

13.8 MB

/.../11 - Styling for Small Screens/

11-4 Styling the promos for small screens.mov

16.1 MB

11-5 Styling the footer for small screens.mov

15.7 MB

11-3 Styling the navigation links for small screens.mov

15.4 MB

11-1 Styling the header for small screens.mov

6.8 MB

11-2 Styling the navigation for small screens.mov

4.8 MB

/.../10 - Styling for Medium Screens/

10-3 Styling the promos for medium screens.mov

16.1 MB

10-1 Styling the header for medium screens.mov

8.9 MB

10-2 Styling the navigation for medium screens.mov

7.5 MB

/.../1 - Understanding Responsive Web Design/

1-1 The foundation of responsive web design.mov

15.8 MB

1-3 Understanding media queries.mov

11.1 MB

1-2 Structuring fluid grids.mov

4.1 MB

/.../7 - Creating the Content and the Layout Containers/

7-2 Styling the header on large screens.mov

15.0 MB

7-3 Styling the article on large screens.mov

7.1 MB

7-1 Adding CSS rules for layout.mov

3.5 MB

/.../1 - Aspects to Consider/

1-2 Scaling considerations.mov

14.8 MB

1-1 Looking at technology choices.mov

8.1 MB

1-5 Working with application states and nonlinearity.mov

7.6 MB

1-3 Understanding interaction mediums.mov

7.2 MB

1-4 Planning for typefaces.mov

4.4 MB

1-6 Designing with empathy.mov

2.5 MB

/.../6 - Preparing the HTML File/

6-1 Understanding compound rules.mov

13.9 MB

6-2 Styling the promo links with a CSS sprite.mov

10.5 MB

6-4 Adding the promo images with CSS.mov

9.2 MB

6-3 Styling the promo text.mov

2.2 MB

/Responsive Design with Dreamweaver CS6/

Exercise Files.rar

12.9 MB

/.../8 - Styling the Promos/

8-4 Clearing the float for the promos.mov

11.3 MB

8-3 Positioning the navigation for large screens.mov

11.0 MB

8-2 Styling the navigation for large screens.mov

8.6 MB

8-1 Styling the navigation links.mov

8.5 MB

/.../4 - Development Considerations for Designers/

4-2 Working with pixel values.mov

10.9 MB

4-1 Understanding what to provide to developers.mov

4.7 MB

4-3 Testing.mov

3.9 MB

4-4 Meeting with developers early in the process.mov

2.1 MB

/0 - Introduction/

0-1 Welcome.mov

10.4 MB

0-2 About the exercise files.mov

1.3 MB

/Exercise Files/3 - Art Templates/

B-banner-artwork.psd

9.9 MB

A-design.psd

4.0 MB

C-content-artwork.psd

519.7 KB

/.../5 - Creating CSS Rules Across All Screens/

5-1 Adding the background pattern and the page container color.mov

9.9 MB

5-2 Styling the headings.mov

7.7 MB

5-3 Styling the body text and the links.mov

6.0 MB

5-4 Styling the footer.mov

5.1 MB

/.../4 - Preparing the HTML File/

4-4 Setting the viewport scale.mov

8.3 MB

4-3 Enabling Internet Explorer 7 and 8 to understand HTML5.mov

5.4 MB

4-2 Linking CSS files based on screen size with media queries.mov

3.6 MB

4-1 Linking CSS files for all screen sizes.mov

3.2 MB

/0 - Introduction/

0-1 Welcome.mp4

8.3 MB

0-2 Who is this title for.mp4

5.4 MB

/.../2 - Job Roles and Communication/

2-2 Designer, meet developer.mov

5.9 MB

2-4 Working with clients, producers, and decision makers.mov

4.4 MB

2-1 Exploring each role in the responsive design process.mov

3.6 MB

2-3 Developer, meet designer.mov

3.5 MB

/.../3 - Design Considerations for Developers/

3-1 Planning your colors.mov

4.7 MB

3-3 When in doubt, ask.mov

4.0 MB

3-2 Understanding typefaces.mov

3.6 MB

3-4 Meeting with designers early in the process.mov

2.8 MB

/0 - Introduction/

0-2 What is responsive design.mov

4.7 MB

0-1 Welcome.mov

3.8 MB

/6 - Design Solutions/

6-3 Building a responsive style guide.mov

4.5 MB

6-2 Creating wireframes.mov

4.2 MB

6-1 Creating diagrams.mov

1.8 MB

/Conclusion/

Next steps.mov

4.3 MB

/5 - Client Communications/

5-3 Incorporating follow-up meetings.mov

3.5 MB

5-2 Understanding budgets.mov

2.5 MB

5-1 Setting expectations.mov

1.6 MB

/7 - Team Integration/

7-1 Acquiring skills.mov

1.9 MB

7-3 Working with contractors.mov

1.8 MB

7-2 Hiring staff.mov

1.6 MB

/6 - Goodbye/

6-1 Next steps.mov

770.6 KB

/.../Images to add/

banner_large.jpg

162.0 KB

banner_medium.jpg

44.8 KB

banner_small.jpg

10.2 KB

logo_large.png

9.9 KB

logo_medium.png

7.7 KB

logo_small.png

5.9 KB

background_gradient.jpg

5.4 KB

promo_3.jpg

2.9 KB

promo_1.jpg

2.7 KB

promo_2.jpg

2.3 KB

cta_arrow.png

1.2 KB

mobile_link_arrow.png

1.2 KB

/Exercise Files/5 - Final Project/images/

banner_large.jpg

162.0 KB

banner_medium.jpg

44.8 KB

banner_small.jpg

10.2 KB

logo_large.png

9.9 KB

logo_medium.png

7.7 KB

logo_small.png

5.9 KB

background_gradient.jpg

5.4 KB

promo_3.jpg

2.9 KB

promo_1.jpg

2.7 KB

promo_2.jpg

2.3 KB

cta_arrow.png

1.2 KB

mobile_link_arrow.png

1.2 KB

/Exercise Files/5 - Final Project/

index.html

2.6 KB

/Exercise Files/5 - Final Project/css/

screen_styles.css

1.5 KB

screen_layout_small.css

1.1 KB

screen_layout_large.css

0.9 KB

screen_layout_medium.css

0.5 KB

/Exercise Files/4 - Snippets/

A-Placeholder-Text.html

1.2 KB

B-Google-HTML5-Shiv.html

0.1 KB

/.../1 - Files to add/

index.html

0.2 KB

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

screen_layout_large.css

0.1 KB

screen_styles.css

0.1 KB

screen_layout_medium.css

0.1 KB

screen_layout_small.css

0.1 KB

 

Total files 211


Copyright © 2025 FileMood.com