CSSBEAUTY™

Selectivizr. CSS3 pseudo-class and attribute selectors for IE 6 thru 8.

HTML, CSS, and Javascript from the Ground Up. Learn the basics of how UIs are created on the web and brush up on outdated UI development knowledge.

HTML5 ★ Boilerplate. A rock-solid default HTML/CSS/JS template for a fast, robust and future-proof site.

cssSandpaper. A JavaScript library that looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties.

IE-CSS3. Provides Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard.

html5media. Enables <video> and <audio> tags in all major browsers.

Cross Browser CSS Transforms. A JS library that implements transform (and some other CSS3 properties) as consistently as possible in all browsers.

EnhanceJS. A JavaScript framework designed specifically to deliver a usable experience to the widest possible audience.

Easy Front End. A CSS/HTML/JavaScript framework that helps reduce the time spent on setting up the basic master HTML template by reusing the same coding techniques.

Highcharts. A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application.

Raphaël. A small JavaScript library that should simplify your work with vector graphics on the web. Make sure to check out gRaphaël as well.

jQuery Masonry 1.0. Think of it as the flip side of CSS floats. Masonry arranges elements vertically then horizontally according to a grid.

jQSlickWrap. A jQuery plugin that enables you to easily and accurately wrap your text around the content of floated images.

Chrome Experiments. A showcase of JavaScript experiments created using open standards like HTML5, Canvas, SVG, and more.

PXR + Cufon = Pxfon. Create Cufón-compatible pixel-based font.js files from specially prepared gifs.

Combining Cufón and @font-face. How to use Cufón only when other methods of embedding a font are not available.

Fullsize. An attempt to get a new <img> attribute called fullsize into the next version of HTML. Check out the videos and jQuery plugin as well.

Image-free CSS Tooltip Pointers. An experimental approach to creating tooltip pointers using polygonal CSS.

Graceful degradation vs progressive enhancement. Learn why and when you should use one technique over the other.

FancyForm. A powerful checkbox replacement script that allows you to change the appearance and function of HTML form elements.

The State Scope Method. A new JavaScript-based method for image replacement.

jQuery ListNav Plugin. It supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list.

sIFR Lite. A lighter & completely object oriented version of sIFR.

DD_belatedPNG. Better PNG background support for IE6, it renders both background-repeat and background-position.

(5) Dec 16, 2008

(5) Dec 9, 2008

jQuery.popeye. An inline lightbox alternative.

DD_roundies. Another (better?) round-corner HTML box concept.

jQuery sIFR Plugin. An add-on for jQuery that makes it easy to replace text in a web page with flash text (sIFR).

s3Slider. A jQuery slideshow system for creating smooth transitions with images.

Nice Forms. A script that will replace the most commonly used form elements with custom designed ones.

jQuery Corners. A plugin that will easily create beautifully rounded corners. No images or obtrusive markup necessary.

Progressive Enhancement with JavaScript. Learn how to apply the progressive enhancement philosophy to client-side scripting.

Superfish An enhanced Suckerfish-style menu jQuery plugin.

typeface.js. Embed custom fonts in web pages using the browsers' vector drawing capabilities (canvas, SVG, VML).

JavaScript Will Save Us All. Eric talks about using JavaScript to implement CSS3 selector support in all browsers. Pretty interesting.

Opera Web Standards Curriculum. A complete course to teach you standards-based web development, including HTML, CSS, design principles and background theory, and JavaScript basics.

Dynamic Layout. A simple JavaScript library that allows you to easily adjust page layout based on the current browser width.

Fancy Zoom. Smooth Javascript Image Zooming For Your Web Pages

Coda Slider. CSS navigation tabs with sliding animation using jquery.

Transparent PNGs in Internet Explorer 6. Support IE6 users whilst taking full advantage of transparency for the majority of a site’s visitors.

Grid Bookmarklet. A highly configurable JavaScript bookmarklet which overlays a layout grid on any web-site you wish.

Grid Layout JS. Enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code.

Creating a table with dynamically highlighted columns. Step by step tutorial using CSS, JavaScript, and images in clever ways.

jQuery 1.1.4 Released. New selector tools and speed improvements over previous version.

Slackrpoint. Create web2.0 presentations fast. Make your slides and slackrpoint will illustrate and annotate for you.

CSS CacheBuster. Utility for forcing browsers to refresh server-cached CSS.

SWFFix. An open source project with the goal of creating a next generation JavaScript library for embedding Flash content.

Front-End Code Certification. Hopefully this will spread beyond the Netherlands.

Simply JavaScript. Take the plunge into the third layer of the Web: "behavior". Make sure to check out the book as well.

jQuery 1.1.3 = 800% Faster. Huge speed improvement, same small file-size.

The Standards Way to Do Dynamic Data. Produce interesting data visualizations that degrade gracefully in the face of browser inferiority.

Grid Calculator. Matthew Pennell's new tool for estimating site layout dimensions.

Managing Style and State. Learn how to change page state on the fly with a bit of JavaScript and CSS.

Form Field Hints. A nice way to give the user feedback by showing hints for each input field.

Fancy Menu. Create of a custom navigation bar with some smooth Javascript effects.

DED|Chain JavaScript library. A less cruft, more fun, easy to learn free JavaScript library built on YUI with a jQuery style that allows you to do easy animations, Ajax, events, and DOM scripting.

swfIR (swf Image Replacement). Using JavaScript and Flash, it gives you the ability to apply an assortment of visual effects to any or all images on your website.

Understanding and Solving the JavaScript/CSS Entanglement Phenomenon. Ara Pehlivanian gives tips on how to keep your presentation separate from behavior.

FrogJS Javascript Gallery. A simple, unobtrusive javascript gallery.

Pixels to Ems Calculator. Nice tool for converting ems to useable units of measure based on pixels.

DOMAss - The DOM assistant. Provides a simpler and more consistent way to script against the Document Object Model (DOM) in web browsers.

Event-Driven Web Application Design. Chris Heilmann describes some JS theory behind Yahoo web-apps.

Switchy McLayout: An Adaptive Layout Technique. Lets you define one layout and appearance for wide screens, one for medium-sized screens, and another for PDAs.

Making Compact Forms More Accessible. Making compact forms more accessible and easier to use.

Accessible JavaScript: Beyond the Mouse. James Edwards on ensuring accessible web interaction.

DOMTool. A nice utility that takes HTML as an input and outputs the correct DOM methods for inserting that content into a document.

Amberjack. A lightweight Open Source library, enabling webmasters to create cool site tours.

EJ - Essential JavaScript. Consists of functions that make writing JavaScript go faster and allow you to do work more efficiently.

Dynamic CSS Changes. Three methods for changing the appearance of a site through the use of JavaScript, and how to make them work together.

CSS Photo Shuffler. A Javascript + CSS replacement for Flash photo fading slideshow.

Animator.js. An easy to use, small size, well featured animation class that uses CSS for effects.

Yahoo! Merchant Solutions gets rich interface with YUI. An overview of how each utility was used in a large scale production environment.

Zebra Table Showdown. John Resig throws down the gauntlet for elegant JavaScript in striping table rows.

Opening new windows with JavaScript 1.2. Updated version of the popular script for opening new windows without using the target attribute.

jQuery Gallery. An image gallery with smooth transitions, thumbnails and pretty reflections.

Unobtrusive Date Picker Widget (Update). Versatile JavaScript allowing you to select a date via point-and-click. Like Orbitz.com, only better.

Bytefx. A fast, lightweight and crossbrowser javascript library with some usefull and common special effect for your page elements.

Transparent custom corners and borders, version 2. A technique for creating custom corners and borders with optional alpha transparency.

Javascript crossfader. A small-footprint object-encapsulated unobtusive javascript crossfader, no need for a js library.

Unobtrusive Table Sort Script (revisited). Sorts table rows containing date, numeric or plain-text data and then politely re-colours alternate rows.

JaS (JavaScript Slides). A JavaScript library for easily turning your images into a collection viewable as a slideshow.

Text-Resize Detection. A way to detect your visitors' text size settings using JavaScript.

mootools. A very compact, modular, Object-Oriented javascript framework, crossbrowser and easy to use.

Slideshow Alternative. A simple way to rotate images with some accompanying links.

How JavaScript can purify pure CSS solutions. Explains the benefits of JavaScript enhanced solutions versus pure CSS solutions.

Progressive Enhancements with Yahoo! UI. A Screencast illustrating tips and tricks using YUI to incorporate Hijax methods.

jQuery 1.0 Released. Version 1.0 of the lightweight JavaScript effects / DOM / Ajax library has been released. Get yourself a copy while it's still hot off the presses.

An unobtrusive interactive Flickr badge. Displaying your flickr photos in an unobtrusive manner with a bit of JavaScript and CSS.

Animated Page Scroller. An elegant JavaScript solution for page navigation

Aptana Web IDE. A robust, JavaScript-focused IDE for building dynamic web applications.

Flickrshow. Provides you with the simplest way of displaying your Flickr photosets on your own website with the use of some javascript.

ThickBox 2.0. Version 2 of the JQuery based photo slideshow script, new features include iFrame support, multi-picture slideshows and more.

Dynamic 3D with CSS and the DOM. Underground - A 3D dungeon environment built using Tantek's technique of creating shapes out of the interaction of CSS borders.

Docking boxes (dbx). Adds animated drag 'n' drop, snap-to-grid, and show/hide-contents functionality to any group of elements.

Browser Detect 2.0. Peter-Paul Koch introduces a better way to do browser detection and cautions against the abuse of such methods, hoping that it will be used only when necessary.

CSS Browser Selector. A script that allows you to create browser specific CSS to target specific browsers.

Link Thumbnail. Spice up those plain old text links by providing a thumbnail picture before the user clicks the link.

The Importance of Maintainable JavaScript. Eight step plan that shows how to make your scripts easier to maintain.

Building Accessible Widgets for the Web. Using Javascript and the DOM to create enhanced widget behaviors while maintaining basic accessibility.