10. Barcamp Cologne 2 Eric Eggert
Design Patterns
Bausteine und Formatvorlagen
11. Barcamp Cologne 2 Eric Eggert
You can think of a personal
markup pattern as a sort of
microformat that solves a problem
unique to your situation.
Garrett Dimon, Coding for Content
Bausteine und Formatvorlagen
12. Barcamp Cologne 2 Eric Eggert
Lokale Vorlagen für
Inhalte
Bausteine und Formatvorlagen
13. Barcamp Cologne 2 Eric Eggert
Seitenabhängig
Bausteine und Formatvorlagen
14. Barcamp Cologne 2 Eric Eggert
Angebotsabhängig
Bausteine und Formatvorlagen
15. Barcamp Cologne 2 Eric Eggert
Inhaltsabhängig
Bausteine und Formatvorlagen
16. Barcamp Cologne 2 Eric Eggert
Keine Kompatibilität zu
anderen Angeboten
Bausteine und Formatvorlagen
17. Barcamp Cologne 2 Eric Eggert
• Teaser auf der eigenen Seite
Beispiele • Angebotspräsentationen
• Werbung
• Kommentarbereiche
Bausteine und Formatvorlagen
18. Barcamp Cologne 2 Eric Eggert
HTML-Vorlagen
Bausteine und Formatvorlagen
19. Barcamp Cologne 2 Eric Eggert
Gestaltung frei wählbar
Bausteine und Formatvorlagen
20. Barcamp Cologne 2 Eric Eggert
Seitenvorlagen
Bausteine und Formatvorlagen
21. Barcamp Cologne 2 Eric Eggert
YUI Grids
+Fonts +Reset
Bausteine und Formatvorlagen
22. Barcamp Cologne 2 Eric Eggert
<body>
<div class=quot;yui-gbquot;>
<div class=quot;yui-u firstquot;>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class=quot;yui-uquot;>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class=quot;yui-uquot;>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
</div>
</body>