TypeTester

This is a site to test Fonts side-by-side.

Really helpful.

http://www.typetester.org/

This shows what types look like on different machines.

http://www.typechart.com/

Z-index

There is a CSS property z-index, which lets the developer set the 'stack order' of elements on an HTML page.

Z-index only works with 'positioned' elements, for instance: position: absolute;

Z-index, also, has the greatest number in front of the lowest number.

HTML Horizontal Scroll

There is a simple way to make a 'div' horizontally scrollable.

Use css and have that div's class property:

.myDivsClass

{

overflow: auto;

}

CSS change children with JQuery

I wanted to be able to change the children's css of an element with JQuery.

In a table, for instance, I wanted to change the data rows as the user's mouse and . I was using

$("#tr").mouseleave(function(){

$(this).children().css = "...";

});

This even changed rows that were header rows.

I had more than one table on the page, so accessing an id isn't efficient or practical.

I created a class in css, tableHead, and set the rows containing the th to this class.

Then in JQuery, after $(this).children().css = "";

$(".tableHead").children().css = "..";

This changed everything with the class "tableHead" to the new css.