background preloader

Blueprint

Facebook Twitter

Sandbox-theme - Project Hosting on Google Code. Available Versions The latest release is Sandbox 1.6.1 for WordPress. The legacy release for WP 2.0.x users is Sandbox 0.9.x. If you are checking out the Sandbox, please note that \trunk releases may be unstable. The latest tagged release in the \tags folder is otherwise your best bet. About the Sandbox The Sandbox is a theme for themers. More experienced designers will drool at the rich semantic markup and profusion of classes, dynamically generated by a few functions. Sandbox is a lot of things: Beautiful on the inside Valid XHTML 1.0 Transitional Widgets friendly The basis for your GPL-licensed theme More importantly, the Sandbox can be a lot of things. What began as Scott's leftovers has become an advanced, semantics-based theme. So what can you do with the Sandbox?

You can just use it as-is and have a super-cool, truly minimalist theme. The real feature of the Sandbox is its markup. And the implementation of the hAtom and hCard microformats means we're looking forward. Sandbox – plaintxt.org. Blueprint: A CSS Framework | Spend your time innovating, not replicating. Migrer un site de production vers un markup HTML5 - Brain Cracking.

A force de couvrir l'actualité du développement web où l'on parle d'HTML5 à peu près tous les jours, on finit par être frustré des démos faites sur des pages qui n'ont pas grand chose à voir avec les contraintes que l'on a en production : compatibilité IE6, contenus lourds, sites complètement dynamiques et édités par plusieurs dizaines de mains dont certaines non techniques. En tombant ici et là sur des exemples de migration de layout (sur des pages de portfolio) vers HTML5, je me suis rendu compte qu'un certain subset de HTML5 était déjà utilisable en production de manière assez peu coûteuse. Voici donc ce que j'ai du faire pour passer un site de production en HTML5.

L'objectif est donc de rajouter toute la sémantique HTML5 utile possible, rôles ARIA inclus, sans rien casser du design ou de la compatibilité existante. librairie CSS CSS Reset Une fois ma librairie fixée, je me suis rendu compte que tous les browsers affichent par défaut inline les élément inconnus. Fixer IE Formulaires. Baseline - a designer framework by ProjetUrbain.com. “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid.

Most frameworks and examples of baseline grids simply put the type on a regular line-height, but one problem with this approach is that the text rarely lines up correctly between columns and headlines — H1 through H6. Baseline try to align to the font metric to correctly line up headlines, paragraphs, form labels and any other major elements on the page baseline, creating a harmonious layout. How to use Baseline Baseline can be used in many different ways. Download The .zip file includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples.

Going from 0.2 to 0.5 Version 0.5.1. Omkrets | Kernest | Bringing Web Fonts Closer.