n the last installment of the HTML5 CSS Starter Page series, we completed the Stringendo Studios site. But wait! Not so fast. We only finished the desktop Stringendo Studios site. In this tutorial, we'll begin the process of optimizing Stringendo for mobile devices by using Dreamweaver's CSS Media Queries dialog box and the Multiscreen Preview panel.

The HTML5 CSS Starter Page Series:
The HTML5 CSS Starter Page Series - Part 1
The HTML5 CSS Starter Page Series - Part 2: Content Models
The HTML5 CSS Starter Page Series - Part 3: Constructing the Layout
The HTML5 CSS Starter Page Series - Part 4: Markup Continued
The HTML5 CSS Starter Page Series - Part 5: Styling the Layout
The HTML5 CSS Starter Page Series - Part 6: More Layout Styling
The HTML5 CSS Starter Page Series - Part 7: Styling the Navigation for the Layout
The HTML5 CSS Starter Page Series - Part 8: Site Tasks
The HTML5 CSS Starter Page Series - Part 9: The Video Page
The HTML5 CSS Starter Page Series - Part 10: The Contact Page
The HTML5 CSS Starter Page Series - Part 11: The Contact Page Continued
The HTML5 CSS Starter Page Series - Part 12: Styling Data Tables
The HTML5 CSS Starter Page Series - Part 13: CSS3 Media Queries and the Mobile Web ...

Related Articles

• The HTML5 CSS Starter Page Series - Part 14: Optimizing for Phone and Tablet

• The HTML5 CSS Starter Page Series - Part 12: Styling Data Tables
• The HTML5 CSS Starter Page Series - Part 8: Site Tasks
• The HTML5 CSS Starter Page Series - Part 7: Styling the Navigation for the Layout
• The HTML5 CSS Starter Page Series - Part 3: Constructing the Layout
• The HTML5 CSS Starter Page Series
• What's New in the Adobe BrowserLab CS Live Service
• Color Picker Extension
• Introducing CMX JumpStart Merry Christmas
• CMX JumpStart: Merry Christmas
• Diff (file differences) and Dreamweaver