webdev

microformats

About microformats:

Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).

http://microformats.org/about/

Overview of microformats

People and Organizations
hCard

Firefox extensions for Web Developer

Useful Firefox extensions for Web Developer:

FireBug (essential)
http://www.getfirebug.com/
Web Developer (essential)
http://chrispederick.com/work/web-developer/
Html Validator (essential)
http://users.skynet.be/mgueury/mozilla/
CSS Validator
https://addons.mozilla.org/de/firefox/addon/2289
DOM Inspector
http://www.mozilla.org/projects/inspector/
JS View
https://addons.mozilla.org/de/firefox/addon/2076
View Cookies

Vertical Centering in CSS

Man kennt das Problem: Man benutzt ein DIV-basiertes Layout, muss aber die Inhalte nicht nur horizontal, sondern auch vertikal ausrichten. Das CSS-Statement vertical-align verstehen die wenigsten Browser und funktioniert auch nicht auf DIV-Container. Die Lösung:

<div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" #position: relative; #top: -50%">

how essential are grids to web design

So much web design work relies on establishing a grid and the constraints on that grid: ad sizes, display size, browser display area minus chrome, and so forth. Grids are, quite literally, everywhere. But learning how to effectively utilize grids-- without becoming a slave to them-- can make the difference between a competent layout and a great layout.

http://www.codinghorror.com/blog/archives/000877.html