- [Narrator] We've talked a little about responsive design…and what is means to create layouts that adjust…to fit the size of a device.…That's a huge part of creating mobile-friendly sites.…Now it used to be that we'd first write styles…for a desktop layout and then as an after-thought…add styles to make it responsive, but there's a newer…and better trend, and it's called mobile first.…A mobile first approach to styling means…that styles are applied first…to the devices with small view ports.…Then advanced styles and other overrides are added…for successively larger screens.…
The idea is that you send the smallest amount of data needed…for the website to devices that are lower bandwidth,…like phones on a cellular network.…Page speed and site performance are always important,…even for a desktop, but it's even more critical…when users have a limited amount of bandwidth.…Now, a mobile first implementation in CSS is done…using media queries, specifically,…the min-width media query.…Let me show you an example.…So here I've got an example of some traditional…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- 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.