Therapeutic HTML and CSS

  • [アーティクル]

Holidays over. Time to return to work! Crisis! How to get back into the tempo of work?

Ease in via HTML and CSS. Both this blog, and my personal blog were sorely in need of a makeover.

Plastic surgeons use scalpels, working for Microsoft: I am going to use the following tools:

  • Microsoft Internet Explorer 8.0 beta 2. Apart from ensuring compatibility with the latest browser; the new Developer Tools significantly improves productivity. Found under Tools>Developer Tools (F12) and a new world of HTML, CSS and Javascript editing appears.
  • Google Chrome instead of Firefox 3.0.x. Google Chrome uses some Microsoft Open source technology, and the WebKit render engine is the same as Mac’s Safari. That said, Internet Explorer 8 is stricter with rendering
  • Microsoft Expression Web 2.0 as primary HTML and CSS editing tool. The split code/design view and the CSS intellisense assisted in template work.

 ie8-dev-window

The yellow highlighted “padding-top” on the right-hand-side is the CSS that is acting upon the left-hand-side blue highlighted <li class…>. The beauty of IE8 is that it can inline edit the the blue text indicating the value. After accepting a change, the effect is visible in the IE8 browser window. Perfect for those small pieces of tweaking you need to do.

The Validation menu auto launches HTML, CSS, Feeds, Links and Accessibility checkers that exist in the web standards world.

Comments

  • Anonymous
    May 22, 2009
    I'M JUST WONDERING THAT WHEN YOU SAVE THE RESULTS OF USING DEVELOPER TOOLS IN IE8 IT PRODUCES A TEXT FILE WHICH YOU THEN HAVE TO COPY AND PASTE INTO A NOTEPAD DOC AND SAVE THAT AS .HTML BEFORE YOU CAN OBTAIN A WORKING PAGE ON YOUR OWN SYSTEM BEFORE YOU UPLOAD IT TO YOUR SITE? CREATING WEB SITES THE OLDFASHIONED WAY OF WRITING THE HTML CODE FIRST AND SAVING AS .HTML TO A FOLDER IN YOUR SYSTEM SEEMS TO LOOSE THE LINK ABILITY TODAY RELATIVE TO THAT FOLDER THAT WE HAD FIVE YEARS AGO. WORD DOCUMENTS WHEN SAVED AS .HTML PRODUCE THE LITTERAL HTML AS TEXT HTML? CAN YOU DIRECT ME TO AN APPROPRIATE UNDERSTANDING OF THESE ISSUES?