Archive for the ‘XHTML/CSS’ Category

Firebug / Web Developer Toolbar Alternative for Safari

Saturday, July 19th, 2008

Most of the recent projects I’m working on have requirement to support Safari (under Windows, OS X and iPhone) which unfortunately has some strange rendering biases.

After couple of hours googling around I found the solution and strangely enough it is build in Safari.  It is the so called Web Inspector which in terms of functionality and look is very close to Firebug (with no live editing capabilities) but with quite good net profiler.

However to enable it you have to add couple of lines in one xml file (instructions taken from the Webkit’s site see link bellow):

On Windows, you’ll have make sure that the following lines are in your preferences file at the location

C:\Documents and Settings\<USERNAME>\Application Data\Apple Computer\Safari\WebKitPreferences.plist

(where <USERNAME> should be your Windows user name):

<key>WebKitDeveloperExtras</key>
<true/>

For more information and details check the Web Inspector page

Happy debugging!

HTML5 Working Draft Released

Tuesday, January 22nd, 2008

Today W3C released the first draft for the next generation HTML language. There are plenty of differences including lots of new semantic tags (header, footer etc) , couple of APIs (2D drawing, drag and drop, network), new events and other cool stuff. Of course the guys have done great work with revising the language structure (cleaning up some tags and attributes) and still achieving backwards compatibility. Also I liked the idea of making HTML5 a XML language.

for more info check the official pages:

http://www.w3.org/TR/2008/WD-html5-20080122/ Working Draft

http://www.w3.org/TR/2008/WD-html5-diff-20080122/ – Differences between HTML4 and HTML5

CSS Standard Fonts for Websites

Tuesday, November 20th, 2007

With Vista released Microsoft replaced the “Standard Web Fonts” with the so cold “C fonts” – Cambria, Calibri, Candara, Consolas, Constantia, and Corbel. To take advantage of them (if available on the user’s computer) you can use the following font-family CSS definitions.

1
2
3
4
5
6
7
8
9
10
11
font-family: Helvetica, Calibri, Arial, sans-serif; /* or */
 
font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; /* or */
 
font-family: Candara, "Trebuchet MS", Trebuchet, sans-serif; /* or */
 
font-family: Cambria, "Times New Roman", Times, serif; /* or */
 
font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif; /* or */
 
font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;

If you don’t have the “C” fonts you can download and install Microsoft’s Powerpoint Viewer 2007 which contains them.

For visual comparison check this pdf