From the course: Learning Responsive Web Design in the Browser
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Start with a core setup - WordPress Tutorial
From the course: Learning Responsive Web Design in the Browser
Start with a core setup
- [Narrator] Designing in the browser I find it helpful to start with a pre-build core setup. This gives me a baseline document and some core CSS to work with so I'm not starting from scratch every time. There are many types of core set ups available on the web. You have everything from the basic HTML5 boilerplates, to advanced frameworks like Bootstrap and Foundation. But I like to start as minimalist and unopinionated as possible, so I built my own. What you see here is my standard core set up and I use it anytime I start a new design in the browser. I mentioned it in the previous movie and now it's time to take a closer look. You'll find this core set up in the exercise files, and I've also added it in the materials folder in the exercise files. You're free to use it when you do your own designs in the browser after finishing this course. My core set up consists of an index.html file, seen here containing basic mark-up and a standard multi-level menu. The style.css file serves as…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Tools and setup2m 55s
-
(Locked)
Start with a core setup3m 5s
-
(Locked)
Create a baseline document with HTML51m 53s
-
(Locked)
Sidebar: A simple RWD principle1m 1s
-
(Locked)
Apply fonts and responsive typography8m 8s
-
(Locked)
Work on one module at a time8m 30s
-
(Locked)
A practical approach to responsive web design6m 39s
-
(Locked)
Use modern technologies to simplify the design process9m 18s
-
(Locked)
Create responsive layouts with Flexbox9m 44s
-
(Locked)
Color tools in the browser4m 33s
-
(Locked)
Color experimentation and the value of HSLA5m 21s
-
(Locked)
✓ Challenge: Design the article page in the browser1m 24s
-
(Locked)
✓ Solution: Design the article page in the browser8m 21s
-
-
-
-