HTML5 & CSS3 Discription ... by: Bryn Howlett
First, I think it would be wise of me to say if you are using an old web browser this page might not render the way it should. I used HTML5 and CSS3, to design this web page which does best viewed using the WebKit engine "ex. Google Chrome 9 and Safari 5 browsers" or the Gecko engine "ex. Mozilla Firefox 4". If you are using IE than you are probably not going to have a fun and colorful time at this site unless maybe you are using IE 9. Anyways now that that has been said, it took care of the first topic that I was going to discuss in this web page.
You are at the homepage of Bryn Howlett's personal website as well as a site I like to mess around with. I try new techniques I learned on the web and fine tune the basics that I have learned from the school I currently attend, Academy X, SF. I encourage anyone to use the links that I have provided on the right or even click on the Web Help button at the top right for more links. This site is more directed towards HTML5 and CSS3 but the Web Help is directed towards links that I have kept since I started designing websites. The menu bar at the top is for my personal stuff, simply because this is my personal website but feel free to check out those links as well. I hope this site is useful to you and if you want to see more work from me you can click on the B on the left or by clicking Bryndustries.com.
HTML5 and CSS3 is still very new to me but after overcoming the intimidation that the terminology brought, it actually makes more sense in a way, than the traditional practices. Your "css/style.css" page will be much larger than before but less time in Photoshop meaning, less images for the user to download. Once I dove deep into this new developing technology I am now seeing what it is like to go back to the traditional ways. I am seeing this through another site I am working on to make it more compatible with the average browser, so im using some older practices to do so. I am still going to use frame work that I have picked up on while tackling HTML5 and CSS3. So, once the browsers catch up with the new development, and the users stop using old browsers "ex. IE 6" we will be able to use this universally and I am excited.
HTML5 and CSS3 are the first tabs on the right navigation bar and I am going to go through these tabs to help explain what there significants are. These are the W3 Schools individual reference pages which if you have the time search around, there is a lot of good stuff. These links will show you what tags and styles are newly introduced and which ones are left out. These links also show what each tag/style does and how to use them properly. I will say try using them in properly and test the system, be creative its fun. The W3 Schools is an amazing website if you like to read and be overwhelmed with long pages with lots of code. But the more you go there the more familiar you will get with the new and old development, it is a great resource.
Compatibility and Gradients are next and these two are self explanatory pages which can be a big help when using HTML5 and CSS3. Compatibility shows what browsers support this new technology, or should I say the future. Gradients make it really easy to make gradients for CSS3 and it even writes the code for you, YAY! There are many different websites that display the same content as these do but I like these two so feel free to search for what is right for you, and that goes for all of the resources on this website.
Boiler Plate is amazing. It makes it so I don't have to make another whole page on how to reset CSS for CSS3. It goes even deeper than I can comprehend and it is open source so use it however you want. One key thing is to watch the video on the Boiler Plate website at the bottom. This will show you what the Boiler Plate is and it is much more than just a CSS reset. So explore it and give credit to not just, Paul Irish who created the Boiler Plate, but everyone who provided open source media to make this whole thing possible. The video will give more description on everything I have briefly discussed.
Dive In is the last main link I want to share with you and it is a great resource basically doing what I have done here by explaining a little about what HTML5 and CSS3 is but he goes way more in-depth with these two topics. A great website to just explore and read, it is set up like a book too so it is like reading an e-book. So take some of your spare time to look around here on my site and the helpful links I have provided. I'm not going to explain each of the links in the Resources section but check them out they are great sites with lots of information.
Feel Free to contact me, Bryn Howlett, about any questions about anything I love to hear from people and will do my best to answer or contribute to whatever it is that needs to be conquered. Thanks for checking out my site check back for updates. Get out there and try some of this stuff!!!
Brought to you in part by Bryndustries Web Design.