BarCampCologne 2 - XHTML/CSS Formatvorlagen und Bausteine

1,679 views
1,637 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,679
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

BarCampCologne 2 - XHTML/CSS Formatvorlagen und Bausteine

  1. 1. Barcamp Cologne 2 Eric Eggert XHTML und CSS Bausteine und Formatvorlagen Bausteine und Formatvorlagen
  2. 2. Barcamp Cologne 2 Eric Eggert Microformats Bausteine und Formatvorlagen
  3. 3. Barcamp Cologne 2 Eric Eggert Externe Vorlagen für Inhalte Bausteine und Formatvorlagen
  4. 4. Barcamp Cologne 2 Eric Eggert Seitenunabhängig Bausteine und Formatvorlagen
  5. 5. Barcamp Cologne 2 Eric Eggert Angebotsunabhängig Bausteine und Formatvorlagen
  6. 6. Barcamp Cologne 2 Eric Eggert Inhaltsabhängig Bausteine und Formatvorlagen
  7. 7. Barcamp Cologne 2 Eric Eggert Kompatibilität zu anderen Angeboten Bausteine und Formatvorlagen
  8. 8. Barcamp Cologne 2 Eric Eggert • Visitenkarten Beispiele • Termine • Reviews • Einträge • Lizenzen • Tags • XFN Bausteine und Formatvorlagen
  9. 9. Barcamp Cologne 2 Eric Eggert Bausteine Bausteine und Formatvorlagen
  10. 10. Barcamp Cologne 2 Eric Eggert Design Patterns Bausteine und Formatvorlagen
  11. 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. 12. Barcamp Cologne 2 Eric Eggert Lokale Vorlagen für Inhalte Bausteine und Formatvorlagen
  13. 13. Barcamp Cologne 2 Eric Eggert Seitenabhängig Bausteine und Formatvorlagen
  14. 14. Barcamp Cologne 2 Eric Eggert Angebotsabhängig Bausteine und Formatvorlagen
  15. 15. Barcamp Cologne 2 Eric Eggert Inhaltsabhängig Bausteine und Formatvorlagen
  16. 16. Barcamp Cologne 2 Eric Eggert Keine Kompatibilität zu anderen Angeboten Bausteine und Formatvorlagen
  17. 17. Barcamp Cologne 2 Eric Eggert • Teaser auf der eigenen Seite Beispiele • Angebotspräsentationen • Werbung • Kommentarbereiche Bausteine und Formatvorlagen
  18. 18. Barcamp Cologne 2 Eric Eggert HTML-Vorlagen Bausteine und Formatvorlagen
  19. 19. Barcamp Cologne 2 Eric Eggert Gestaltung frei wählbar Bausteine und Formatvorlagen
  20. 20. Barcamp Cologne 2 Eric Eggert Seitenvorlagen Bausteine und Formatvorlagen
  21. 21. Barcamp Cologne 2 Eric Eggert YUI Grids +Fonts +Reset Bausteine und Formatvorlagen
  22. 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>
  23. 23. Barcamp Cologne 2 Eric Eggert
  24. 24. Barcamp Cologne 2 Eric Eggert YAML Yet Another Multicolumn Layout Bausteine und Formatvorlagen
  25. 25. Barcamp Cologne 2 Eric Eggert 1 <div id=quot;page_marginsquot;> 2 <div id=quot;pagequot;> 3 <div id=quot;headerquot;> ... </div> 4 <div id=quot;navquot;> ...</div> 5 6 <!-- begin: main content area #main --> 7 <div id=quot;mainquot;> 8 9 <!-- begin: #col1 - first float column --> 10 <div id=quot;col1quot;> 11 <div id=quot;col1_contentquot; class=quot;clearfixquot;>...</div> 12 </div> 13 14 <!-- begin: #col2 - second float column --> 15 <div id=quot;col2quot;> 16 <div id=quot;col2_contentquot; class=quot;clearfixquot;>...</div> 17 </div> 18 19 <!-- begin: #col3 static column --> 20 <div id=quot;col3quot;> 21 <div id=quot;col3_contentquot; class=quot;clearfixquot;>...</div> 22 <!-- IE Column Clearing --> 23 <div id=quot;ie_clearingquot;>&nbsp;</div> 24 </div> 25 26 <!-- end: #main --> 27 </div> 28 29 <!-- begin: #footer --> 30 <div id=quot;footerquot;> ... </div> 31 </div> 32 </div>
  26. 26. Barcamp Cologne 2 Eric Eggert Blueprint Bausteine und Formatvorlagen
  27. 27. Barcamp Cologne 2 Eric Eggert <body> <div class=quot;containerquot;> <div class=quot;column span-4 firstquot;>...</div> <div class=quot;column span-6quot;>...</div> <div class=quot;column span-4 lastquot;>...</div> </div> </body>
  28. 28. Barcamp Cologne 2 Eric Eggert Mischung aus HTML- Vorschriften Bausteine und Formatvorlagen
  29. 29. Barcamp Cologne 2 Eric Eggert und vorgefertigtem CSS Bausteine und Formatvorlagen

×