I started the day off on pg 361 of "Head First HTML and CSS," and read up to pg 402. I also cheated and read from pg 696 to pg 710 today, hahaha. That's a total of 57 pages today.
I learned that media queries are not supported by IE 8 and below. I went over vendor prefixes, here are the ones I learned, using an example div selector with a transform property:
div {
transform: rotate(45deg); (this is the general property with no vendor prefixes)
-webkit-transform: rotate(45deg); (this is for Safari and Chrome)
-moz-transform: rotate(45deg); (this is for Mozilla)
-o-transform: rotate(45deg); (this is for Opera)
-ms-transform: rotate(45deg); (this is for IE)
}
Browser makers use these vendor prefixes to test new features, or to implement CSS extensions that are being considered, but aren't yet approved by the standards bodies.
We went over the transition property again, it's a fun property. Here's an example:
transition: transform 2s
The property and value above will make a two second transition for another property, such as the transform property above that has a value of 45deg. That rotation would then occur over a period of two seconds if we used the transition property and value above.
I learned that media queries are not supported by IE 8 and below. I went over vendor prefixes, here are the ones I learned, using an example div selector with a transform property:
div {
transform: rotate(45deg); (this is the general property with no vendor prefixes)
-webkit-transform: rotate(45deg); (this is for Safari and Chrome)
-moz-transform: rotate(45deg); (this is for Mozilla)
-o-transform: rotate(45deg); (this is for Opera)
-ms-transform: rotate(45deg); (this is for IE)
}
Browser makers use these vendor prefixes to test new features, or to implement CSS extensions that are being considered, but aren't yet approved by the standards bodies.
We went over the transition property again, it's a fun property. Here's an example:
transition: transform 2s
The property and value above will make a two second transition for another property, such as the transform property above that has a value of 45deg. That rotation would then occur over a period of two seconds if we used the transition property and value above.
SUMMARY OF CODING SKILLS
Total Treehouse Points: 3,823
Treehouse Points by Subject Matter: HTML 663, CSS 1,599, Design 1,193, Development Tools 336, and Miscellaneous
Treehouse Ranking (%): "You have more total points than 86% of all students."
Treehouse Badge(s) Earned Today:
None
Treehouse Courses Completed:
How to Make a Website
HTML
CSS Foundations
CSS Layout Techniques
Aesthetic Foundations
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (
Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy)
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (
Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy)
Books Read or in Progress:
"Head First HTML and CSS," by E. Robson & E. Freeman (I've read the 37 pg. preface the first 255 pgs. (the HTML section), and am now up to pg 361 (now in the CSS section).
My Progress on The Odin Project:
1. Introduction to Web Development 100% Complete
2. Web Development 101 25% Complete
3. Ruby Programming 0% Complete
4. Ruby on Rails 0% Complete
5. HTML5 and CSS3 0% Complete
6. Javascript and JQuery 0% Complete
7. Getting Hired as a Web Developer 0% Complete
Hours Spent Coding Today: 4
Total Hours Coding: 256
Total Hours Coding: 256
No comments:
Post a Comment