TOOLS: Ajaxload - Ajax loading gif generator

A Tool from AJAXLOAD.INFO

Ajaxload - Ajax loading gif generator: "Create easily your own ajax loader icon :

1. Select the type of indicator you want
2. Enter the background code color you want
(tick 'Transparent background' if you don't want one
3. Enter the foreground code color you want

Press 'Generate it'"

WYSIWG Tools Improve: Quick CSS Mockups with Photoshop

A List Apart: Articles: Quick CSS Mockups with Photoshop

Only with ridiculous hours of coding and copious quantities of caffeine could you convert such a table to relative divs, and this just steals more time from when you could have been designing more mockups or sleeping. So why start off with a sliced table at all? What I needed was a way to generate clean relatively positioned divs—or, barring that, code that was close enough that it wouldn’t take aeons to make it play nice with W3C standards. These days, this is surprisingly straightforward with ImageReady.

Firebug Downloads

Firebug Downloads

Firebug and CSS

Wow, now developers are making smart tools for smart people! Thanks Greg for this link!! --Kate

Firebug and CSS: "Now you see it, now you don't

Often, the solution to a problem can be found just by disabling a few CSS properties and seeing what the world looks like without them. As you mouse over each property, you'll see a little circular icon on the left. Clicking that will disable the property, and clicking it again will turn it back on.

On a larger scale, you can toggle an entire style sheet on or off by clicking the 'Disable' button in the toolbar of the main CSS tab."

myspaceprodesigns.com - hex color chart

Hurray, Uday posted a color chart - thank you! Just a tiny piece posted below...

Kate

myspaceprodesigns.com - hex color chart: "he following colors are the 216 'Web Safe' colors. If using these hex codes for MySpace, please leave off the hashmark (#) as it is filtered and not allowed on MySpace.com. However, if using these colors for XuQa or any other website, it is good practice to leave the hashmark in place, as many CSS Shorthand tricks will not work without the hashmark."

Skidoo : Ruthsarian Layouts

In considering a web site refresh, I had to go revisit a few of my favorite CSS layout sites. This article at Ruthsarian Layouts helps identify a coupl of strategic measures to save the CSS developer lots of grief! Thanks again!

Kate
Skidoo : Ruthsarian Layouts: "Devil in the Details

Getting three columns to line up next to each other, using just CSS, is a (fairly) simple matter of setting the float property on each column. To place a footer below the three columns, regardless of which one was taller, just set the clear property on that footer element and it will appear below the three (floating) columns."

Daiunji Design ~ Be Inspired

Daiunji Design ~ Be Inspired: "Daiun-Ji Design is a small web design studio of one, founded by professional web designer James Foster, and is dedicated to developing handcrafted, appealing, and usable websites that account for speed, file size, legibility, and accessibility - balanced with current web standards."

How To: Anchor Text (Don’t Click Here!) | Web Site Accessibility Blog

Hi - Just a quick reflection on me. those of you who know me are aware that I generally take a non-partisan view of things. I try not to get caught up in the Microsoft Linux wars (not because I don't have an opinion, but because I have clients using one or the other and so far I am not ready to give up those visitors. Ahem, that said, my urlygrl home page sucks in IE! (can you say overlapping content? ;-)

So, knowing I try to keep in mind both sides of an argument and relizing human nature is "different strokes for different folks," I cannot see any reason what so ever for not taking the advice on "click here" link text.

Do not do it! I will know if you did it, your creative mind was not working. If you try and cannot create text that highlights what a person will find by clicking, then by all means, please ask for help - ask anyone! Or ask a designer or other visual or object oriented person. But please, the "click here" text is no more helpful than an evangalist sales person promising that you want to sell their product but never ever telling you what it is.

Just say no!

How To: Anchor Text (Don’t Click Here!) | Web Site Accessibility Blog: "When you over look this simple potential for greater success, I am sure that you will spend a few hours working on removing these unusable road signs in your site."

Tables Vs Divs - css-discuss

Tables and Divs both hold their value. If you are making accessible pages, do your layout structure in CSS. Tables are for tabular data.

Tables Vs Divs - css-discuss: "All semantic meaning is lost. Speech or text-only browsers would not enjoy this layout very much. Switching to CSS can be the perfect way to turn that jumble into an accessible, easy to decipher page."

CSS Examples

CSS Examples: "CSS Examples"

Why Css - css-discuss

Improve load time, accessibility, and search engine placement

Why Css - css-discuss: "# External CSS files are cached by browsers, improving load time.
# CSS eliminates the need for messy code -- namely font tags, spacer gifs and nested tables. This improves load time and makes developers' lives easier.
# CSS lets you do things normal HTML doesn't. Examples: better font control, absolute positioning, nifty borders.
# Practical use of CSS encourages proper HTML structure, which will improve accessibility and search engine placement."

The CSS-Discuss wiki at incutio.com gives 9 reasons why you should be using CSS. Links are prpvided on commercial reasons for adopting CSS too.

W3C Document Object Model

This article answers my previous comments about DHTML in job postings.

W3C Document Object Model:

What is the Document Object Model?

The Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. The document can be further processed and the results of that processing can be incorporated back into the presented page. This is an overview of DOM-related materials here at W3C and around the web.

Why the Document Object Model?

'Dynamic HTML' is a term used by some vendors to describe the combination of HTML, style sheets and scripts that allows documents to be animated. The W3C has received several submissions from members companies on the way in which the object model of HTML documents should be exposed to scripts. These submissions do not propose any new HTML tags or style sheet technology. The W3C DOM Activity is working hard to make sure interoperable and scripting-language neutral solutions are agreed upon."

Box Model Hack - css-discuss

Box Model Hack - css-discuss: "However, if a box has an assigned 'width', and if borders and/or padding are added, the standard box model causes the overall box width (between the outer border edges) to increase, while in IE's model the 'content area' gets squeezed by the same amount. This is a major problem for proper page layout."

URLyGrl.com

URLyGrl.com: "Blurbs

Listen to your heart.
The work will take care of itself."

--Kate

How to Style a Definition List with CSS - WebReference.com

User Interface Design: Coding Options

This might work for URLyGRL.com; thanks Stu Nicholls:

How to Style a Definition List with CSS - WebReference.com: "Introduction

Most tutorials on the styling of CSS lists for menus use unordered lists, which, for people starting out with CSS, can be a little difficult to grasp as the use of unordered lists requires extra styling to remove the bullets.

In this tutorial I demonstrate how to style a Definition List, which is equally suitable for menus, but is a little easier to understand.

Here's how to begin, using the following Definition List ..."

Resume of Kate Shorey

Resume of Kate Shorey