"Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!"

"Here's a quick tip explaining how to create some nice star ratings."

impressive html5 clock thing

pre-branded names, logos, and domains. every set sells for $250.

Folyo survey on prices charged for design work

"GwtQuery a.k.a. gQuery is a jQuery-like API written in GWT, which allows GWT to be used in progressive enhancement scenarios where perhaps GWT widgets are too heavyweight. It can also be used to find and improve your GWT widgets."

"Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more."

"keymaster.js is a simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies."

"HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site."

"Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors."

design tips used by GiftRocket

flash clock colorized with the current time intepreted as a an RGB value

open source fonts

maslov's design hierarchy

"[They] some A/B testing online that compared a traditional Web form layout with a narrative "Mad Libs" format. In Vast.com's testing, Mad Libs style forms increased conversion across the board by 25-40%."

"Is your browser configuration rare or unique? If so, web sites may be able to track you, even if you limit or disable cookies.

Panopticlick tests your browser to see how unique it is based on the information it will share with sites it visits. Click below and you will be given a uniqueness score, letting you see how easily identifiable you might be as you surf the web."

"Ever wondered what parts of your site can't be seen without scrolling? Browser Size shows you what portion of users can see a give spot on the screen. This is not screen resolution but the area available to the browser - as gathered from www.google.com users."

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"

"The jsMath package provides a method of including mathematics in HTML pages that works across multiple browsers under Windows, Macintosh OS X, Linux and other flavors of unix. It overcomes a number of the shortcomings of the traditional method of using images to represent mathematics: jsMath uses native fonts, so they resize when you change the size of the text in your browser, they print at the full resolution of your printer, and you don't have to wait for dozens of images to be downloaded in order to see the mathematics in a web page."

"It all boils down to a Ruby script that runs on OS X only and uses OS X’s really awesome typography and subpixel antialiased font rendering. Why not tap into this to make those headline graphics?"

"We provide quality background textures that can be used free of charge for digital artwork, 3D rendering, web design and print projects. We specialize in weathered and worn surfaces. Our texture gallery currently contains 1,338 high resolution images in 18 categories."

dom manipulation, UI widgets, etc.

"A command-line interface for JavaScript and DOM."

homer image made entirely of chars in CSS-styled divs

typography tips and how to achieve them with css

"CleverCSS is a system for writing templates that are translated into CSS, allowing to build style sheets in a clean and structured way, following the DRY (don't repeat yourself) principle. The syntax is slightly different from CSS in that it relies on indentation instead of braces to indicate grouping, like the Python language does."

bookmarklet is supposed to remove the clutter around the text on a web page

pick a color visually, find out its name

"Delivering informative structure is the primary task an interactive user interface should be able to cope with. The more intuitive layout structure is designed, the better users can understand the content.

Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 smart javascript techniques for showing and hiding content using different JS libraries."

e.g., web widgets and the javascript toolkits that provide them.

"YSlow analyzes web pages and tells you why they're slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool."

"Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics: * Ad Units * Calendars * Carousels * Charts and Tables * UI Controls * Form Elements * Grids * Menus and Buttons * Mobile - General * Mobile - iPhone * Navigation and Pagination * OS Elements * Placeholder Text * Screen Resolutions * Tabs * Windows and Containers"

seems super useful

general typography tips + CSS examples

"Flowplayer is a GPL licensed video player for Web sites. Use it to embed video streams into your HTML pages. Built for site owners, developers, hobbyists, businesses and serious programmers."

seems pretty dang handy

generate a little animated doodad to show while loading

"Haml takes your gross, ugly templates and replaces them with veritable Haiku.
Haml is the next step in generating views in your Rails application. Haml is a refreshing take that is meant to free us from the shitty templating languages we have gotten used to."

"If you're wasting time fighting with CSS -- and we know you are -- we've got just the tool you need. Download the Give Up and Use Tables timer. We've scientifically determined the maximum amount of time that you should need to make a layout work in CSS: it's 47 minutes. When your time is up, we'll even give you the table code you need. Take three minutes to build a table. And ten minutes to get a donut. Bill the client for an hour. Done."

"Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun. With an online repository at userstyles.org, you don't even need to know how to write styles yourself; just a couple clicks and the chosen style is applied. Stylish is to CSS what Greasemonkey is to JavaScript, and unlike other methods of using user styles, most styles take effect immediately."

Search images by color content. Simple interface. "We extracted the colours from 10 million of the most “interesting” Creative Commons images on Flickr. Using our visual similarity technology you can navigate the collection by colour."

"In this article, we will see how we can use arrows in Javascript. Arrows are a concept from functional programming, and we’ll see how they can make our life in Javascript a lot easier. Our code uses the excellent Arrowlets library."

"The Official Website of SproutCore, a javascript framework. This website contains information on how to create desktop like apps for the web."

might come in handy some day

looks pretty dang handy

"Work at Home Resources & Community for the Web 2.0 Generation"

interesting analysis of the client side of gmail

interestingly weird/surreal site. some kind of art piece, and i sure don't get it.

"Have you been looking for an open source online store? Would you prefer to base your store on proven Python and Django technologies?"

font manager for windows and mac os

google engEDU video on django. 1hr14m.

essay on why you shouldn't use ajax (yet): it's not mature, it's not standard, and it's not accessible.

"In what might be the first physical attack over the internet, hackers bombard an epileptic patient forum with images intended to trigger seizures."

fancy ajax calendar invented for 2008 SXSW, possibly useful for other event coordination

really?

interesting art/design/data visualization person

sweet interactive visualization

wiki-like tagged computing tip repository

wysiwyg edit a web page at the block level

"Sendcard is a multi-database ecards script or virtual postcard program written in PHP. Suitable for large or small sites, it is very easy to setup, and comes with an installation wizard." Used by dieselsweeties.

"e107 is a content management system written in PHP and using the popular open source MySQL database system for content storage. It's completely free, totally customisable and in constant development."

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