PLURALSIGHT INTRODUCTION TO BUILDING WEBSITE LAYOUTS TUTORIAL (Size: 492.63 MB)
| | | 01_01-Introduction and Project Overview.mp4 | 2.58 MB |
| | | 02_36-Styling the Gallery.mp4 | 29.08 MB |
| | | 02_38-Testing Validation, Contrast, and Crossbrowser.mp4 | 25.02 MB |
| | | 02_35-Media Queries for Featured Sections Continued.mp4 | 20.54 MB |
| | | 02_34-Media Queries for Featured Sections.mp4 | 20.31 MB |
| | | 02_37-Creating a Sidebar.mp4 | 20.29 MB |
| | | 02_32-Creating Responsive Navigation.mp4 | 19.51 MB |
| | | 02_33-Styling Landing Text and Responsive Type.mp4 | 18.83 MB |
| | | 02_21-Understanding Classes and IDs.mp4 | 17.13 MB |
| | | 02_31-Media Queries.mp4 | 15.74 MB |
| | | 02_22-Adding a Page Wrapper.mp4 | 14.96 MB |
| | | style-tile.jpg | 255.82 KB |
| | | wireframe-location.jpg | 164.78 KB |
| | | home-wireframe.jpg | 148.87 KB |
| | | wireframe-menu.jpg | 139.68 KB |
| | | index.html | 686 bytes |
| | | main.css | 0 bytes |
| | | index.html | 1.2 KB |
| | | Menu.html | 942 bytes |
| | | location.html | 790 bytes |
| | | index.html | 1.43 KB |
| | | Menu.html | 1.13 KB |
| | | location.html | 954 bytes |
| | | index.html | 1.43 KB |
| | | Menu.html | 1.13 KB |
| | | location.html | 954 bytes |
| | | index.html | 1.61 KB |
| | | Menu.html | 1.35 KB |
| | | location.html | 954 bytes |
| | | index.html | 1.61 KB |
| | | Menu.html | 1.35 KB |
| | | location.html | 1.15 KB |
| | | background.jpg | 969 KB |
| | | Salad.jpg | 54.01 KB |
| | | dinner-special.jpg | 50.63 KB |
| | | Scallops.jpg | 38.32 KB |
| | | filet-dinner.jpg | 38.28 KB |
| | | logo.png | 6.96 KB |
| | | index.html | 1.82 KB |
| | | Menu.html | 1.54 KB |
| | | location.html | 1.34 KB |
| | | background.jpg | 969 KB |
| | | Salad.jpg | 54.01 KB |
| | | dinner-special.jpg | 50.63 KB |
| | | Scallops.jpg | 38.32 KB |
| | | filet-dinner.jpg | 38.28 KB |
| | | logo.png | 6.96 KB |
| | | index.html | 2.06 KB |
| | | Menu.html | 2.05 KB |
| | | location.html | 1.59 KB |
| | | background.jpg | 969 KB |
| | | Salad.jpg | 54.01 KB |
| | | dinner-special.jpg | 50.63 KB |
| | | Scallops.jpg | 38.32 KB |
| | | filet-dinner.jpg | 38.28 KB |
| | | logo.png | 6.96 KB |
| | | normalize.css | 8.03 KB |
| | | main.css | 0 bytes |
| | | index.html | 2.02 KB |
| | | Menu.html | 2.01 KB |
| | | location.html | 1.57 KB |
| | | background.jpg | 969 KB |
| | | Salad.jpg | 54.01 KB |
| | | dinner-special.jpg | 50.63 KB |
| | | Scallops.jpg | 38.32 KB |
| | | filet-dinner.jpg | 38.28 KB |
| | | logo.png | 6.96 KB |
| | | normalize.css | 8.03 KB |
| | | main.css | 0 bytes |
| | | index.html | 2.02 KB |
| | | Menu.html | 1.89 KB |
| | | location.html | 1.44 KB |
| | | style-tile.jpg | 255.82 KB |
| | | typographic-scale.jpg | 218.37 KB |
| | | wireframe-location.jpg | 164.78 KB |
| | | home-wireframe.jpg | 148.87 KB |
| | | wireframe-menu.jpg | 139.68 KB |
| | | specificity-chart.png | 92.51 KB |
| | | courses.png | 69.32 KB |
| | | links.rtf | 41.68 KB |
| | | Attribution.rtf | 9 KB |
Description
In this course, we will learn how to go from basic
HTML and CSS knowledge to creating a responsive website
from the ground up using a mobile-first approach. We will
learn how to think of website layouts in terms of common
web design patterns, and how to design in the browser. We
will learn step by step how to correctly mark up content
with semantic HTML, how to think about progressive
enhancement and HTML hierarchy, and how and when to
correctly use HTML5 sectioning elements. We'll learn about
important CSS theory, like how to use classes and IDs
inheritance and specificity, and how to start thinking
about CSS architecture to improve maintainability and
scalability of code. Software required: Brackets Text
Editor, Google Chrome
Sharing Widget