From the course: Learning Responsive Web Design in the Browser
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Use the browser as a design canvas - WordPress Tutorial
From the course: Learning Responsive Web Design in the Browser
Use the browser as a design canvas
- The web browser is the medium used to display websites and their content. So from that it would follow that the natural place to design websites would be in the browser, right? Well, up until quite recently, that simply wasn't a fact. Ever since we started designing things on the web we've always used design applications to design our websites, like Photoshop, or Illustrator, or Fireworks, or Flash. All these tools are design tools actually designed for static environments that don't change, but as we've gotten responsive web design, and mobile first design, and all these new devices that have different screen widths, and different functionality, we need a more dynamic design surface and these static design applications simply don't give us what we need. Because of this we've started talking about this idea of design in the browser, and everyone talks about designing in the browser all the time, but what's that actually mean? Well, it means taking the web browser, that is the place…
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
-
-
-
Use the browser as a design canvas1m 53s
-
Establish a design language for your site1m 23s
-
Draft layouts with pen and paper1m 48s
-
Map out containers by drawing boxes54s
-
Modularize the design1m 30s
-
✓ Challenge: Create a container map and modularize the design1m 43s
-
✓ Solution: Create a container map and modularize the design4m 29s
-
-
-
-
-