J Muller's Public Library

While giving your site some personal touch, you might wish to have hover-over-popups (or "Tooltips") that describe a link or any other HTML element.

While there is a standard way to do that (<a title="Hit this!">a link</a>), you might want to

* make the popups come up directly without delaying 2 seconds or so because the user wants to know what is behind that link immediately
* style those popups your own way (this is mine), not that peculiar yellow the browsers use for that... and you want to do it the CSS way.

I spent some time on this and invite you to "steal" the code.

www.nicolashoening.de/?twocents&nr=8 - Preview

css hover effects custom

simplepie.org - Preview

rss php feed xml

developer.amazonwebservices.com/...entry.jspa - Preview

Amazon API Request Authentication and the "signature" parameter

www.davidmorison.com/67 - Preview

amazon api php aws REST

The HiSoftware Cynthia Says portal is a web content accessibility validation solution. It is designed to identify errors in your content related to Section 508 standards and/or the WCAG guidelines. This free tool meant for educational purposes, is an online test which only validates one page at a time. This service will expose you to the underlying technology and the benefits of using HiSoftware's full-featured solutions for automated content compliance and Web governance.

www.contentquality.com - Preview

accessibility validator tools webdesign webstandards WCAG

Google Summer of CodeTM 2009 Frequently Asked Questions

socghop.appspot.com/...faqs - Preview

google summer of code

SharpKeys is a Registry hack that is used to make certain keys on a keyboard act like other keys. For example, if you accidentally hit Caps Lock often, you could use this utility to map Caps Lock to a Shift key or even turn it off completely. This official release includes support for up to 104 mappings, an extensive list of available keys, and a "Type Key" option to help when managing mappings. As it relies on internal support within Windows NT, Windows 2000, Windows XP, Windows Server 2003, or Windows Vista you must be running one of these OS's for this Registry hack to work.

www.randyrants.com/...sharpkeys_211.html - Preview

software keyboard windows freeware remap utility

In this tutorial you will get a look at the inner workings of Blueprint and we'll take a look at demo application that uses Blueprint to get a better idea of how to use actually use the framework.

net.tutsplus.com/...at-the-blueprint-css-framework - Preview

framework css webDesign blueprint

top of page has an example of a browser specific css for rounded corners/curves.
Also an intro to using a buttons plugin in the blueprint framework.
#features h3 a{
height: 66px;
font-size: 210%;
padding: 11px 15px 3px 105px;
-webkit-border-top-left-radius:30px;
-webkit-border-bottom-right-radius:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
}

particletree.com/...discovering-the-button-element - Preview

css rounded corners firefox buttons blueprint framework tutorial

171.careersite.com/...processcandviewjob - Preview

The object tag
- embed content in valid strict HTML

joliclic.free.fr/...en - Preview

embed tag object_tag html strict webdesign

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

What does Blueprint have to offer?

* A CSS reset that eliminates the discrepancies across browsers.
* A solid grid that can support the most complex of layouts.
* Typography based on expert principles that predate the web.
* Form styles for great looking user interfaces.
* Print styles for making any webpage ready for paper.
* Plugins for buttons, tabs and sprites.
* Tools, editors, and templates for every step in your workflow.

www.blueprintcss.org - Preview

css framework webDesign blueprint html development

www.sitepoint.com/...owspans-colspans-in-css-tables - Preview

CSS Tables rowspans colspans

Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

www.quirksmode.org/...condcom.html - Preview

css ie HTML hacks webdesign browser web conditional

This page will cover how easy it is to allow people to email their friends from your website using mailto and includes tips and tricks for html forms, each mailto example is a working example.

www.angelfire.com/...mailto.htm - Preview

mailto html xhtml webdesign

Nice site design. Plenty of white space, nice colors, bgrounds, and gradients.

ditto-cp.sourceforge.net/ - Preview

webdesign design_ideas

colorschemedesigner.com - Preview

color webdesign design tools scheme tool designer

CSS: Full property table

www.w3.org/propidx.html - Preview

css reference w3schools

I just thought I would throw in my 2 cents. Generally speaking it seems like people use 1 library or another, and that’s it.

jQuery’s coding structure is nice, chaining and stuff, as is the AJAX etc. I find no single library makes me 100% happy as is the way with most people.

I have a nice thirdparty folder, and in there sits:
1. extjs (extjs.com) for sweet interface tools (grids etc).
2. jsTween (all variations from http://jstween.blogspot.com/) for simple, smooth and fast tweens.
3. jQuery for speed of coding and major library stuff like AJAX and general page manipulation (always using #id-selectors for improved speed).
4. ajax tool box (http://www.ajaxtoolbox.com/) for simple AJAX calls when I don’t want to use jQuery and have the overheads.

Unfortunately I don’t need mootools now because the jsTween is a fraction the size and is so smooth. I just import the files I need from the folder based on a given problem.

Seriously folks, it pays to use a variation, and if you’ve never tried jsTween, go check it out, I’m sold on it.

trentrichardson.com/...y-speed-smoothness-friendliest - Preview

jquery javascript tools jsTween extjs ajax

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

MooTools code respects strict standards and doesn't throw any warnings. It's extensively documented and has meaningful variable names: a joy to browse and a snap to understand.

mootools.net - Preview

javascript ajax framework webdesign programming