In this video, Diane Cronenwett describes how Bootstrap can be used for responsive design projects.
- In this chapter I'm going to talk about some…responsive front end development frameworks.…And a popular content management system…used for responsive web pages.…UX designers are not expected to code…as part of their skill set.…However, I think it's worthwhile to show…you these frameworks because it will…help you have a better understanding of…how responsive design works,…or if you need to put something together quickly,…like a portfolio or a quick marketing page,…these are some viable options to do that.…One of the more popular frameworks is Bootstrap.…
Bootstrap was developed internally at Twitter…and was released to the public.…Let's take a look at Bootstrap's grid.…From the home page,…let's click on Examples,…scroll down to the Framework section,…and select Grid.…I can change the size of my browser…and the grid updates accordingly.…If we scroll up to the Components section,…let's take a look at the Carousel.…
The Carousel component is a default component…that is responsive.…And you can see the layout updating…
- Principles for multidevice design
- Responsive design in action
- Designing for multiple devices using native paradigms
- Designing mobile or tablet interfaces
- Designing for a watch, a TV, or for voice
- Creating an information architecture diagram
- Using Sketch to design your mobile experience
- Prototyping with InVision
- Exploring Bootstrap and Foundation
Skill Level Beginner
1. Overview of Multidevice Strategies
2. Multidevice Design Considerations
3. Planning a Multidevice Experience
4. Designing Your Mobile Experience in Sketch
5. Designing for Additional Devices in Sketch
6. Frameworks and Guidelines
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.