Site Review: FontTester.com

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the Get CSS Code button to generate all the necassary CSS code to reproduce those styles in your webpage.

It allows you to preview in real-time all of the available CSS font properties and includes a real-time color picker for choosing just the right color (and background color) for your text. The color picker also supports direct editing of the HSV and RGB values and includes over 1,000 pre-defined colors for you to choose from. As an added bonus, Font Tester also comes with a handy character map which you can use to quickly find the corresponding HTML Entity for a particular character.

FontTester Home

Blogger: Most visited posts widget script...

This script finds your most visited posts and gives you back theresult in html.I found this from bloggerbuster and it uses pipes.yahoo.com to get the ratings.
So now you don't need to put your features post links.Just put the script in new widget,change the url,change the number of posts you want to show, and done!

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<font ><ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol></font>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback
&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Fwww.techlads.com&num=10" type="text/javascript"></script>

In the url, only below part is important. Change the url to your one and change the num param to what you want.I made it only top 10 posts.

url=http://www.techlads.com&num=10

curvyCorners - javascript for rounded corners

curvyCorners is a free JavaScript program that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners.
Features:

* Free
* Easy to use JavaScript object
* Requires no images or image editing
* Full Anti-Aliasing support
* Anti-Aliasing over graphical backgrounds
* Background-image support (round corners of images)
* Fluid height/width support
* Solid border support, any colour/width with Anti-Aliasing
* User defined per corner radiuses

curvycorners.net

Most used CSS tricks

I found this cool article about CSS tricks. I am just showing some of them.

Rounded corners without images

<div id=”container”>
<b class=”rtop”>
<b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
</b>
<!–content goes here –>
<b class=”rbottom”>
<b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
</b>
</div>

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

Double blockquote

blockquote:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, “Times New Roman”, Times, serif;
}

Find more tips @ StylizedWeb.com

Reviews: Modalbox - javascript modal dialog/popup library

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing larger versions of images.

ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

more @ wildBit.com

Color Schemer...

Over the last few years, all of the major browsers have included support for a special set of 140 colors that are recognized by their color name within HTML or CSS code.

This means that rather than having to remember that the color orange is specified with the hex code “#FFA500″, you can simply type the word “orange” when specifying a color in your code and the browser will automatically translate it to its hex code.

Below link is a handy reference list of all 140 browser-supported named colors, which you can quickly sort by color family or name.

Color Schemer

YAML Builder v0.31 Preview - online visual layout development tool

The Builder is designed for visual layout development of YAML based CSS layouts.

YAML is a highly versatile CSS Framework, released under creative commons license and can be downloaded at www.yaml.de.

As this is a preview release, please report bugs and feature requests in the forum (German / English).

The YAML Builder proudly driven by jQuery.

KompoZer 0.79

KompoZer is a WYSIWYG HTML Editor based on Nvu. KompoZer provides novice web authors without any HTML experience with a tool to create web sites. It is free, easy to use yet has many features found in FrontPage and even Dreamweaver. The project strives to fix bugs in the NVU project and added new features to it. KompoZer is a continuation of the Nvu project and has corrected many bugs, improved the user interface and updated the CSS editor when compared to the 1.0 baseline. KompoZer is more stable and mature than Nvu. In March 2007 it was featured on Download.com's round up on the best free alternatives to Adobe CS3, where it was favorably compared to Adobe Dreamweaver [source Wikipedia]

Home Page

W3C With New HTML Spec

The World Wide Web Consortium has announced plans to create a new HTML standard and to enhance the XHTML specification. The W3C is issuing a call for participation in the working group that will oversee the new standard, including Apple, Mozilla, Opera and Microsoft. In fact, Chris Wilson, platform architect of the Internet Explorer platform at Microsoft, is the co-chair of the new working group. The W3C is also inviting application developers and content designers to help design the next version of HTML by participating in the new W3C HTML Working Group.

W3C officials originally intended to turn HTML into an XML-based format (XHTML, Extensible HTML), because of the benefits of XML formats, but slow adoption by traditional browser vendors and content developers changed that. The HTML Working Group originally intended to resume development of HTML in a manner that unifies HTML 4 and XHTML 1 but now they will take up the effort to advance the technology instead. The Web developer and design communities have called for the W3C to renew its commitment to HTML by adding new features. W3C officials also noted that because XHTML has proved valuable in many markets and the need for it continues to grow, the group is working on XHTML 2.0, which will define an XML syntax for the new HTML in addition to the classic HTML syntax.

Source: eWeek