Barcamp Cologne 2 Eric Eggert XHTML und CSS Bausteine und Formatvorlagen Bausteine und Formatvorlagen
Slide 1
Slide 2
Barcamp Cologne 2 Eric Eggert Microformats Bausteine und Formatvorlagen
Slide 3
Barcamp Cologne 2 Eric Eggert Externe Vorlagen für Inhalte Bausteine und Formatvorlagen
Slide 4
Barcamp Cologne 2 Eric Eggert Seitenunabhängig Bausteine und Formatvorlagen
Slide 5
Barcamp Cologne 2 Eric Eggert Angebotsunabhängig Bausteine und Formatvorlagen
Slide 6
Barcamp Cologne 2 Eric Eggert Inhaltsabhängig Bausteine und Formatvorlagen
Slide 7
Barcamp Cologne 2 Eric Eggert Kompatibilität zu anderen Angeboten Bausteine und Formatvorlagen
Slide 8
Barcamp Cologne 2 Beispiele Eric Eggert • Visitenkarten • Termine • Reviews • Einträge • Lizenzen • Tags • XFN Bausteine und Formatvorlagen
Slide 9
Barcamp Cologne 2 Eric Eggert Bausteine Bausteine und Formatvorlagen
Slide 10
Barcamp Cologne 2 Eric Eggert Design Patterns Bausteine und Formatvorlagen
Slide 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
Slide 12
Barcamp Cologne 2 Eric Eggert Lokale Vorlagen für Inhalte Bausteine und Formatvorlagen
Slide 13
Barcamp Cologne 2 Eric Eggert Seitenabhängig Bausteine und Formatvorlagen
Slide 14
Barcamp Cologne 2 Eric Eggert Angebotsabhängig Bausteine und Formatvorlagen
Slide 15
Barcamp Cologne 2 Eric Eggert Inhaltsabhängig Bausteine und Formatvorlagen
Slide 16
Barcamp Cologne 2 Eric Eggert Keine Kompatibilität zu anderen Angeboten Bausteine und Formatvorlagen
Slide 17
Barcamp Cologne 2 Beispiele Eric Eggert • Teaser auf der eigenen Seite • Angebotspräsentationen • Werbung • Kommentarbereiche Bausteine und Formatvorlagen
Slide 18
Barcamp Cologne 2 Eric Eggert HTML-Vorlagen Bausteine und Formatvorlagen
Slide 19
Barcamp Cologne 2 Eric Eggert Gestaltung frei wählbar Bausteine und Formatvorlagen
Slide 20
Barcamp Cologne 2 Eric Eggert Seitenvorlagen Bausteine und Formatvorlagen
Slide 21
Barcamp Cologne 2 Eric Eggert YUI Grids +Fonts +Reset Bausteine und Formatvorlagen
Slide 22
Barcamp Cologne 2
<body> <div class="yui-gb"> <div class="yui-u first"> <p>Lorem ipsum dolor sit amet, consectetuer nibh euismod tincidunt ut laoreet dolore </div> <div class="yui-u"> <p>Lorem ipsum dolor sit amet, consectetuer nibh euismod tincidunt ut laoreet dolore </div> <div class="yui-u"> <p>Lorem ipsum dolor sit amet, consectetuer nibh euismod tincidunt ut laoreet dolore </div> </div> </body> Eric Eggert adipiscing elit, sed diam nonummy magna.</p> adipiscing elit, sed diam nonummy magna.</p> adipiscing elit, sed diam nonummy magna.</p>Slide 23
Barcamp Cologne 2 Eric Eggert
Slide 24
Barcamp Cologne 2 Eric Eggert YAML Yet Another Multicolumn Layout Bausteine und Formatvorlagen
Slide 25
Barcamp Cologne 2 1
<div id="page_margins"> <div id="page"> <div id="header"> ... </div> <div id="nav"> ...</div> 2 3 4 5 6 <!-- begin: main content area #main --> 7 <div id="main"> 8 9 <!-- begin: #col1 - first float column --> 10 <div id="col1"> 11 <div id="col1_content" class="clearfix">...</div> 12 </div> 13 14 <!-- begin: #col2 - second float column --> 15 <div id="col2"> 16 <div id="col2_content" class="clearfix">...</div> 17 </div> 18 19 <!-- begin: #col3 static column --> 20 <div id="col3"> 21 <div id="col3_content" class="clearfix">...</div> 22 <!-- IE Column Clearing --> 23 <div id="ie_clearing"> </div> 24 </div> 25 26 <!-- end: #main --> 27 </div> 28 29 <!-- begin: #footer --> 30 <div id="footer"> ... </div> 31 </div> 32 </div> Eric EggertSlide 26
Barcamp Cologne 2 Eric Eggert Blueprint Bausteine und Formatvorlagen
Slide 27
Barcamp Cologne 2
<body> <div class="container"> <div class="column span-4 first">...</div> <div class="column span-6">...</div> <div class="column span-4 last">...</div> </div> </body> Eric EggertSlide 28
Barcamp Cologne 2 Eric Eggert Mischung aus HTMLVorschriften Bausteine und Formatvorlagen
Slide 29
Barcamp Cologne 2 Eric Eggert und vorgefertigtem CSS Bausteine und Formatvorlagen
