Creating a Responsive Design Webpage
A 14-part course with Brian Wood Training
Start Free Preview Start CourseCourse Overview
Teacher
I'm a web developer, the author of 10 books including InDesign CS2 Hands-On-Training, Adobe Illustrator CC Classroom in a Book, Adobe Muse CC Classroom in a Book (published by Peachpit Press), and the author of numerous training titles including Muse,... View ProfileDetails
- Total Time 4 hr, 5 min
- Lessons 14
- Attachments 83
- Exercises 35
-
130 CQ
14 Lessons in This Course
-
10 minFREEWeb Development lesson 1Free6 CQ
Do you find that your internet viewing experience is different on a desktop computer than a mobile device? Get a better view with responsive design!
with Brian Wood TrainingDo you find that your internet viewing experience is different on a desktop computer than a mobile device? Get a better view with responsive design!
-
9 minUI/UX Design lesson 25 CQ
Now that you know the basics of responsive web design, find out what makes a website responsive and discover different types of responsive designs.
with Brian Wood TrainingNow that you know the basics of responsive web design, find out what makes a website responsive and discover different types of responsive designs.
-
13 minUI/UX Design lesson 37 CQ
Media queries (or breakpoints) are essential to responsive web design. Follow along as Brian Wood demonstrates how to code CSS media queries by device size.
with Brian Wood TrainingMedia queries (or breakpoints) are essential to responsive web design. Follow along as Brian Wood demonstrates how to code CSS media queries by device size.
-
16 minUI/UX Design lesson 49 CQ
Begin your journey as a responsive design web developer! Learn how to start the HTML and CSS styling in an HTML text editor and learn about viewport meta tags.
with Brian Wood TrainingBegin your journey as a responsive design web developer! Learn how to start the HTML and CSS styling in an HTML text editor and learn about viewport meta tags.
-
11 minUI/UX Design lesson 56 CQ
What is mobile-first design? When responsive design web development thinks of mobile browsing devices first instead of desktops. Learn about it in this lesson!
with Brian Wood TrainingWhat is mobile-first design? When responsive design web development thinks of mobile browsing devices first instead of desktops. Learn about it in this lesson!
-
31 minUI/UX Design lesson 616 CQ
Now that you understand media queries and mobile-first design, start styling a responsive design webpage yourself with the help of web developer Brian Wood.
with Brian Wood TrainingNow that you understand media queries and mobile-first design, start styling a responsive design webpage yourself with the help of web developer Brian Wood.
-
20 minUI/UX Design lesson 711 CQ
Font size is imperative to consider when developing a reader-friendly website. Learn how to style fonts by size and by style in CSS to best fit your webpages!
with Brian Wood TrainingFont size is imperative to consider when developing a reader-friendly website. Learn how to style fonts by size and by style in CSS to best fit your webpages!
-
20 minUI/UX Design lesson 811 CQ
Don’t forget about images when creating a responsive design website! Learn how to write CSS that tells images to scale up or down depending on browsing device.
with Brian Wood TrainingDon’t forget about images when creating a responsive design website! Learn how to write CSS that tells images to scale up or down depending on browsing device.
-
26 minUI/UX Design lesson 914 CQ
Having a responsive design website means one thing: scaling. What better way to scale than with a scalable vector graphic? Learn about SVGs in this lesson!
with Brian Wood TrainingHaving a responsive design website means one thing: scaling. What better way to scale than with a scalable vector graphic? Learn about SVGs in this lesson!
-
13 minUI/UX Design lesson 107 CQ
Want custom icons that work across all browsers and devices? Increase traffic to your various social media sites by learning how to use icon fonts.
with Brian Wood TrainingWant custom icons that work across all browsers and devices? Increase traffic to your various social media sites by learning how to use icon fonts.
-
22 minUI/UX Design lesson 1112 CQ
Having a responsive design that navigates well for desktop or mobile is imperative to your website. Learn how to add responsive navigation to your site!
with Brian Wood TrainingHaving a responsive design that navigates well for desktop or mobile is imperative to your website. Learn how to add responsive navigation to your site!
-
18 minUI/UX Design lesson 1210 CQ
With the amount of video used in websites today, it’s important that they’re responsive. Learn how to make responsive videos in this lesson!
with Brian Wood TrainingWith the amount of video used in websites today, it’s important that they’re responsive. Learn how to make responsive videos in this lesson!
-
21 minUI/UX Design lesson 1311 CQ
Responsive design doesn’t end at media queries. Explore one of the many responsive slideshow plugins and learn how to add one to your website!
with Brian Wood TrainingResponsive design doesn’t end at media queries. Explore one of the many responsive slideshow plugins and learn how to add one to your website!
-
9 minUI/UX Design lesson 145 CQ
Now that your responsive design website is up and running, it’s time to test it out! Discover how to test your site across multiple browsers and devices.
with Brian Wood TrainingNow that your responsive design website is up and running, it’s time to test it out! Discover how to test your site across multiple browsers and devices.
-
26284 min26-part Web Development course158 CQ
Keep your CSS skills up-to-date! This 26-lesson course for web development beginners and veterans alike covers the most important updates to CSS3, with a focus on cross-browser implementation. Explore brand new styles like border radius, multiple background images, and opacity. You will also learn how to code transforms and animations. By the final lesson, you should have everything you need to update old style sheets with powerful, cutting-edge features.
with Brian Wood TrainingKeep your CSS skills up-to-date! This 26-lesson course for web development beginners and veterans alike covers the most important updates to CSS3, with a focus on cross-browser implementation. Explore brand new styles like border radius, multiple background images, and opacity. You will also learn how to code transforms and animations. By the final lesson, you should have everything you need to update old style sheets with powerful, cutting-edge features.
-
60671 min60-part UI/UX Design course363 CQ
Understanding the technical aspects of application development is tough enough, and if coders made apps for themselves, that would be the only important thing. Yet out in the world, programmers face demanding clients and users. In this course, learn the principles of User Experience Design. Review how to plan and scope a project, identify user needs, manage the project team, and finally test and prototype a functional, navigable, and visually appealing app that pleases the client and the user.
with LearnToProgramUnderstanding the technical aspects of application development is tough enough, and if coders made apps for themselves, that would be the only important thing. Yet out in the world, programmers face demanding clients and users. In this course, learn the principles of User Experience Design. Review how to plan and scope a project, identify user needs, manage the project team, and finally test and prototype a functional, navigable, and visually appealing app that pleases the client and the user.
-
14245 min14-part UI/UX Design course130 CQ
Different devices have different browsing viewports. In this course, learn how to create a responsive design webpage so your website’s text, images, and videos scale appropriately with browser size!
with Brian Wood TrainingDifferent devices have different browsing viewports. In this course, learn how to create a responsive design webpage so your website’s text, images, and videos scale appropriately with browser size!
-
10121 min10-part UI/UX Design course66 CQ
CSS animations and transitions allow web developers to create dynamic graphical user interface without JavaScript. Learn how to improve user experience with relatively simple CSS coding and syntax.
CSS animations and transitions allow web developers to create dynamic graphical user interface without JavaScript. Learn how to improve user experience with relatively simple CSS coding and syntax.
-
33171 min33-part UI/UX Design course101 CQ
If you're familiar with writing HTML, Java, or CSS -- then you know that there's more to creating a website or app than just writing reliable code. The project also needs the right look and feel to engage the user and provide a high-quality user experience. In this course, learn about the fundamental principles of design. Learn about using color, space, typography, layout hierarchy, and more. Finally, review user expectations and learn how to create a design that meets them!
with LearnToProgramIf you're familiar with writing HTML, Java, or CSS -- then you know that there's more to creating a website or app than just writing reliable code. The project also needs the right look and feel to engage the user and provide a high-quality user experience. In this course, learn about the fundamental principles of design. Learn about using color, space, typography, layout hierarchy, and more. Finally, review user expectations and learn how to create a design that meets them!
-
25110 min25-part UI/UX Design course68 CQ
If you're considering redesigning your website, this essential course from Digital Media professor Kristen Palana covers how to take an old website and give it a makeover to boost your web presence!
with Kristen PalanaIf you're considering redesigning your website, this essential course from Digital Media professor Kristen Palana covers how to take an old website and give it a makeover to boost your web presence!
-
1680 min16-part Adobe Suite course50 CQ
Does it infuriate you when retailers use a dozen typefaces in their ads? When you're tasked with sending out a memo, do you spend upwards of an hour formatting text and kerning? Do you fly into an insuppressible rage upon seeing Comic Sans or Papyrus? If you answered ‘yes’ to any of these questions, this 16-lesson course on typography is just for you. Learn how to use dozens of text features in Adobe Photoshop, Illustrator, and InDesign and start a one-man or -woman crusade against poor typography.
with Yes I'm a DesignerDoes it infuriate you when retailers use a dozen typefaces in their ads? When you're tasked with sending out a memo, do you spend upwards of an hour formatting text and kerning? Do you fly into an insuppressible rage upon seeing Comic Sans or Papyrus? If you answered ‘yes’ to any of these questions, this 16-lesson course on typography is just for you. Learn how to use dozens of text features in Adobe Photoshop, Illustrator, and InDesign and start a one-man or -woman crusade against poor typography.
-
696 min6-part Adobe Suite course51 CQ
Creating your own graphic shapes and designs is helpful in the world of graphic design! In this Adobe Creative Suite course, learn Photoshop and Illustrator tips and techniques for making designs.
with Benjamin HalsallCreating your own graphic shapes and designs is helpful in the world of graphic design! In this Adobe Creative Suite course, learn Photoshop and Illustrator tips and techniques for making designs.
-
780 min7-part iOS Development course44 CQ
Get behind the UI-UX scenes and learn how to confidently build and maintain app interfaces that deal with different iPhone screen sizes and orientations using Xcode's Auto Layout feature in Swift.
with Sanjay NoronhaGet behind the UI-UX scenes and learn how to confidently build and maintain app interfaces that deal with different iPhone screen sizes and orientations using Xcode's Auto Layout feature in Swift.
-
1069 min10-part Color Theory course39 CQ
Learn how to use color theory to your advantage with the tips presented in this course. Review the effects of the major colors and learn how to use them strategically in design and daily life.
with Kristen PalanaLearn how to use color theory to your advantage with the tips presented in this course. Review the effects of the major colors and learn how to use them strategically in design and daily life.
-
1154 min11-part Teaching Skills course35 CQ
Google Forms is a simple yet powerful program with many applications. This course explains how to create, edit, submit, and grade Google Forms, complete with customized layouts, fonts, and templates!
with Mr. Adam CarlsonGoogle Forms is a simple yet powerful program with many applications. This course explains how to create, edit, submit, and grade Google Forms, complete with customized layouts, fonts, and templates!
-
759 min7-part Web Development course34 CQ
This beginner-level course is designed to help you learn the basics of web page design using HyperText Markup Language. Gain more control over your pages by learning to use stylesheets!
This beginner-level course is designed to help you learn the basics of web page design using HyperText Markup Language. Gain more control over your pages by learning to use stylesheets!
-
19140 min19-part Software Development course80 CQ
Want to add a layer of interactivity to your HTML website without wasting time on a programming language that isn’t built to last? Whether you’re new to coding or looking to brush up on old skills, you’ll find everything you need to know about JavaScript basics in these 19 lessons. Learn how to use operators, variables, conditional statements, loops, and more. By the end of this course, you should have the necessary tools to start building your own dynamic website or browser-based game.
with LearnToProgramWant to add a layer of interactivity to your HTML website without wasting time on a programming language that isn’t built to last? Whether you’re new to coding or looking to brush up on old skills, you’ll find everything you need to know about JavaScript basics in these 19 lessons. Learn how to use operators, variables, conditional statements, loops, and more. By the end of this course, you should have the necessary tools to start building your own dynamic website or browser-based game.
-
39360 min39-part Web Development course202 CQ
Build a fully featured mobile app using HTML5, CSS, JavaScript, jQuery, and AJAX. Structure and format the app using HTML5 and CSS, then use a variety of coding languages to enable more features.
with LearnToProgramBuild a fully featured mobile app using HTML5, CSS, JavaScript, jQuery, and AJAX. Structure and format the app using HTML5 and CSS, then use a variety of coding languages to enable more features.
-
25110 min25-part UI/UX Design course68 CQ
If you're considering redesigning your website, this essential course from Digital Media professor Kristen Palana covers how to take an old website and give it a makeover to boost your web presence!
with Kristen PalanaIf you're considering redesigning your website, this essential course from Digital Media professor Kristen Palana covers how to take an old website and give it a makeover to boost your web presence!
-
762 min7-part Web Development course37 CQ
Are you an ASP.NET Model View Controller (MVC) developer looking to learn an HTML-based structural framework for dynamic web apps? Get introduced to AngularJS in this coding course.
Are you an ASP.NET Model View Controller (MVC) developer looking to learn an HTML-based structural framework for dynamic web apps? Get introduced to AngularJS in this coding course.