Kick off your new web project | Code Kick Off

Code Kick Off lets you choose and integrate technologies like HTML5 boilerplate, Compass, different CSS grid frameworks & WordPress, to start new web projects faster.

via Kick off your new web project | Code Kick Off.

Drag & Drop Sortable Lists with JavaScript and CSS

Then I came across Simon Cozens’ example of rearranging a list via drag & drop. I was so inspired I had to try it out myself.

Drag & Drop Sortable Lists with JavaScript and CSS

TrimSpreadsheet – TrimPath – Trac

TrimSpreadsheet is a lightweight open-source JavaScript spreadsheet engine. It let’s you work with spreadsheet data right in your web browser. As with all TrimPath components, the TrimSpreadsheet engine is written as 100% standards-based JavaScript and CS

TrimSpreadsheet – TrimPath – Trac

S5: A Simple Standards-Based Slide Show System

S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible

S5: A Simple Standards-Based Slide Show System

Max Design – Liquid layouts – the easy way

This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts.

Max Design – Liquid layouts – the easy way

/* Position Is Everything */‽‽‽‽‽‽

we built this site to explain some obtuse CSS bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to ‘make it work’ without using tables for layout purposes.

/* Position Is Everything */‽‽‽‽‽‽

The Float Model Problem

Okay, here is a simple test concerning how static elements interact with floats.

The Float Model Problem

BrainJar.com: CSS Positioning

This article gives an overview of the methods and rules that govern visual rendering in the CSS2 specification.

BrainJar.com: CSS Positioning