Join Sue Jenkins for an in-depth discussion in this video Responsive web: Creating CSS for different devices, part of Design Aesthetics for Web Design (2013).
Being a web designer is more than just creating designs.…One must also have an awareness…of special considerations beyond two dimensional design.…The first concept will examine in this section on…foundational topics and web design is CSS for responsive web.…You may have already heard the terms 'mobile-first'…and 'responsive web' in relation to web design.…These concepts promote the idea of designing for…smaller devices before desktop computers as well as creating…website layouts that adjust when viewed on different devices.…
Thus, today's designer must now design responsive websites that adapt…to fit the view ports of a variety of devices.…At the heart of a responsive web design is a…set of custom CSS styles specifically created for different size devices.…For instance, we've got smart phones,…tablets and touch computers, laptops and ultrabooks, desktops,…and internet-ready TVs as well as gaming devices.…There are many different ways to construct a responsive website.…
For instance, you can develop it using…
- Understanding aesthetics
- Picking harmonious colors
- Structuring your layout
- Using space to organize your design
- Communicating with the right fonts
- Aligning objects to achieve balance
- Adding movement with scrolling and animation
- Achieving proportion by scaling objects and text
- Creating CSS for different devices
Skill Level Beginner
1. What Is Aesthetics?
2. Using Elements of Design
3. Incorporating Principles of Design
4. Foundations of Designing for the Web
Next steps1m 57s
- 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.