PUBLIC MARKS from Spone with tag css

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

CSScaffold is a CSS framework written in PHP. Rather than try and create a static framework that uses the standard abilities of CSS, like Blueprint, it uses PHP to extend CSS. The syntax looks and feels exactly like CSS, except that you have some new, powerful abilities. The best part is that all of this is done transparently. You can drop Scaffold into your site and you’ll instantly have access to all of its functionality.

Enter the URL of any CSS file to view and modify its color spectrum

Accessify's quick form builder merges two older tools (form builder and form element generator) into one much slicker process. There are three steps: 1. Enter the fields that you want to capture in the form 2. Define what each field type is (text, password, textarea etc) 3. Choose some markup options (HTML, XHTML and so on) Seconds later you have a fully accessible and valid form. There's even some CSS to help you style the form.

PHP Typog­ra­phy is a PHP based solu­tion to greatly improve web typog­ra­phy. It fea­tures the fol­low­ing capa­bil­i­ties (includ­ing gran­u­lar con­trol): * Hyphen­ation * Spac­ing con­trol, includ­ing: glu­ing val­ues to units, widow pro­tec­tion, and forced inter­nal wrap­ping of long URLs & email addresses. * Intel­li­gent char­ac­ter replace­ment, includ­ing smart han­dling of: quote marks, dashes, ellipses, trade­marks, mul­ti­pli­ca­tion sym­bols, frac­tions, and ordi­nal suf­fixes (i.e. 1st, 2nd, 3rd) * CSS hooks for styling: amper­sands (class “amp”), acronyms (class “caps”), num­bers (class “num­bers”), ini­tial sin­gle quotes (class “quo”), and ini­tial dou­ble quotes & guillemets (class “dquo”).

We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.

Or, “The mapping of HTML5 structural elements to id and class names for use with divs”

The website dedicated to webfonts & @font-face embedding

How do you answer the Internet Explorer 6 question?

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

IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client. We’ve put together this CSS support in email clients guide to save you the time and trouble of figuring it out for yourself. With 21 different sets of results, all the major email systems are covered, both desktop applications and webmail.

There are a few different ways to vertically centre objects with CSS, but it can be difficult to choose the right one. I’ll show you all the best ways I’ve seen and also how to create a nice little centered website.

This post will explain my choices when marking up the forms, and the CSS styling involved in making them cross-browser compatible. While I would love for you to useaardvark.legs in your next project, this tutorial is completely standalone and is not dependent on the framework.

a jQuery plugin that lets you asynchronously load resources such as JavaScript, CSS, and images. Quite useful if you want to head of and load some CSS to do something custom and you need the callback.

Until some future version of HTML gives us new native controls to use in a browser, at Google, we’ve been playing and experimenting with controls we call “custom buttons” in our apps (among other custom controls).

Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too.

Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite

Il y a quelque temps j’avais fais un post Organiser ses CSS. Depuis, j’ai mis au propre la documentation des conventions que j’utilise pour mon boulot. Ce n’est encore que des documents de travail alors il manque sûrement plein de choses et il y en a sans doutes d’autres qui ne sont pas très claires, n’hésitez pas à me le signaler.