Monday, December 1, 2014

Day 55: More of the HTML and CSS Books

The last couple of days have been spent with my family enjoying Thanksgiving!  :)

Time to get back to work!  

I started the day on pg 545 of the HTML and CSS book.  This chapter covers HTML 5.  I am learning about the new HTML elements, such as <header>, <article>, <footer>, <section>, <aside>, <nav>, and <time>, for example.  They are an interesting addition to HTML, and I can see how they, in a way, make the various sections of a page easier to structure, conceptually, and since HTML is all about structure, I can see how we arrived from point A, HTML, to point B, HTML 5.  It's interesting to see this progression in features as time has passed, and I'm very curious to see what direction HTML takes in the future.

When creating a nav bar using list items, the default is for the list to have a carriage return after each item.  In order to remove this, we can se the ul li to display: inline, and this will change the li elements from block to inline, eliminating the carriage return.

I used the HTML 5 <video> tag for the first time today!  I used the "autoplay" and "controls" attributes as well.  Regarding "controls" and "autoplay," these are boolean attributes which have no value.  They are either there or not.  If "controls" is present, the video will show controls for playing the video.  If "autoplay" is present, the video will play automatically when the page is loaded, which is considered bad web etiquette in some cases.  Another boolean attribute, "loop," will replay the video when it finishes playing.

The default image displayed before a video plays (if "autoplay" is not set), is a single frame of the video, typically the first frame, which may be just black.  If that's the case, you can use the "poster" attribute to set a default image other than the default frame.

I'm up to pg 604 so far, which is in the next section of the HTML and CSS book, Chapter 13: Tables and More Lists.

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) 

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 604 (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.5
Total Hours Coding: 273.5

No comments:

Post a Comment