M12: Advanced CSSClass Recap: In this module, you learned a lot of advanced CSS techniques that can help beautify your pages. Many of these CSS techniques are new, and require you to write browser specific prefix. Luckily you don't have to memorize all the browser prefix. Most code editors will provide you with code hint for these prefix. There is also this site allows you to convert some of your standard CSS code with all popular browser prefix code.
http://expressprefixr.herokuapp.com/ Like all things CSS, restraint is required and good taste should always trump technical prowess. It is very easy to abuse some of the techniques covered in this module, but if they are used subtly, your designs will flourish. CSS properties are always evolving and browsers are changing rapidly with each release. These techniques may not seem so advanced in a few years, but you can be sure there will be new and exciting developments as web developers push for even more features from the CSS spec. Student Outcomes:
|
Graceful Degradation vs. Progressive Enhancement
Graceful degradation is the method designers have been working with. The general conclusion was to create and serve up the best experience possible for the large screen size first, and then account for each possible degradation and ensure that despite any shortcomings, the site would remain functional.
In terms of mobile web design, this meant that a full, standard website would scale back and gradually remove content and features as the viewport became smaller and the system simpler (no Flash support, etc.). |
Progressive enhancement became the new trend. One of the reason is because more and more people are accessing the web via mobile devices these days. Designers focus on providing the best experience for mobile platform. This generally means that you design with minimal screen real estate in mind. Use third party plugins to achieve best looking and most perfect functions on mobile devices. As the need arises, the site can gradually be “enhanced” and even completely rethought for larger platforms with fewer constraints.
|
M12 Homework:
1. View the videos in M13 and complete the tasks
2. Human+Design (alpha)
Due Date:
Description:
Delivery of coded version of your web site. This is an alpha delivery, meaning your basic HTML structure should be in place for the index page and at least one or two of the subpages. The pages should be styled. It can be rough, but it should be presentable.
Delivery of coded version of your web site. This is an alpha delivery, meaning your basic HTML structure should be in place for the index page and at least one or two of the subpages. The pages should be styled. It can be rough, but it should be presentable.
Grading Criteria:
This assignment is not graded.
This assignment is not graded.