background preloader


Facebook Twitter

Coding A HTML 5 Layout From Scratch. Advertisement HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun.

Coding A HTML 5 Layout From Scratch

Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible. While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. So today we’re going to experiment a little with these new technologies. It’d be a good idea to have a read at some of these articles first: I’ll also assume you know the basics of HTML and CSS.

Before we begin… There’s a couple of things you have to bear in mind before adventuring on the new markup boat. A word on Progressive Enhancement and Graceful Degradation 1. 2. <! A few highlights: The Cheat Sheet Cheat Sheet: Top 100 Lists of Web Development Ch. XHTML Users: Grow up! Posted on January 24, 2009 - by Khaled During the last years Web standards started to gain an increasing popularity among Web designers.

XHTML Users: Grow up!

Still Web standards addicts are a ceaselessly growing minority until now. This is probably due to the fact that the majority regards the use of web standards in their projects as a hard process that requires a lot of time and process. Which is not 100% true in my opinion as Web Standards are the only right way to go! Dedication to standards is the key! So here’s a short, yet very interesting, interview with Tommy Olsson. The Future of HTML and HTML5 1. I’ll confidently state that HTML will have its place in web development for the foreseeable future … provided you don’t ask me how long that is. There is a need for a semantic markup language to exchange information between people. 2.What are your thoughts about HTML5? HTML5 worries me. The ongoing work with HTML5 seems to ignore semantics to a large degree. Should we use it? XHTML? 3. 4. Grow up! 5. 6. Floating iFrame. Description: IFRAMEs are loved for their versatility in displaying any external content on the page painlessly.

Well, this cool script creates a floating iframe, so it stays static and always in view even when the page is scrolled. Display content from a separate page prominently using it, whether it's a menu, important news, or an image. Furthermore, we did all the Math for you in easily displaying the iFRAME at any one of the four corners of the page.

Note that this script is only visible in IE5+ and Opera 7+. A bug in NS6+ causing iframes to not follow the page disables the script from appearing in it. Enjoy! Demo: To your left IE5+/Opera 7+ users! Directions: Simply insert the below code in the <BODY> section of your page, and change the variables inside script as explained by the comments: Now, you may wish to create a link somewhere inside the iframe that dismisses the iframe when clicked on (as illustrated in the demo). JavaScript Auto-Sizing Image Popup Window Script.