SlideShare ist ein Scribd-Unternehmen logo
Jens Grochtdreis



YAML 4 - Rapid Prototyping
mit HTML und CSS
‣ Frontendentwickler
‣ seit 1999 Arbeit im und fürs Web
‣ seit 2009 selbständig
   ‣ Frontendentwicklung
   ‣ Schulung
   ‣ Beratung
‣ twitter.com/Flocke
Photoshop ist nicht für
 Webdesign geeignet.
Es war es nie!
http://bradfrostweb.com/wp-content/uploads/2012/03/02-650x487.png
http://bradfrostweb.com/wp-content/uploads/2012/03/03-650x487.png
Das passt dazu nicht
Rapid Prototyping macht eine Zusammenarbeit
     mit Designern und Konzeptern einfacher.




http://www.flickr.com/photos/artrock2006/4177475479/
http://www.yaml.de/
YAML definiert Layout, kein
        Design
Design-Dateien sind zur
Demonstration und zur
eigenen Bequemlichkeit.
Diese sind nützlich für
 Rapid Prototyping.
YAML ist gross
Quatsch!
96 Zeilen CSS für ...
‣ unfallfreie Spaltenlayouts
‣ Grids, die beliebig erweitert werden können
‣ Accessibility-Tools
‣ Formularbaukasten
‣ Basis Print-Styles
‣ alles für px, em und %
‣ Grid sind schon responsive!
‣ HTML5-ready
45 Zeilen IE-CSS

‣ Alle Layouts funktionieren bis
  einschließlich IE 5!
‣ Nicht mehr um fiese Bugs kümmern.
‣ HTML5-Elemente werden mit berücksichtigt.
base: 4,5 KB minifiziert
ie-hacks: 1,9 KB minifiziert
Klare Regeln lernen
1


    Die Klassen haben alle
    einen Namespace: ym-
2


    Es gibt zwei wichtige
          Bausteine
Die Kerndateien
in zwei Varianten




      Produktionsdateien
3

Layoutbestandteile werden
gedoppelt. Wegen des alten
       Boxmodells!
Die zwei Container




Bei Nutzung des border-box-Modells oder fixen
Layouts sind die inneren Container verzichtbar!
4


    Es gibt eine klare
      Nomenklatur
Nomenklatur der Module

‣ ym-wrapper:   Wrapper-Modul
‣ ym-column:    Column-Modul
‣ ym-grid:      Grid-Modul
‣ ym-form:      Formular-Modul
Nomenklatur der inneren
     Container
 ‣ ym-wbox: Wrapper-Modul
 ‣ ym-cbox: Column-Modul
 ‣ ym-gbox: Grid-Modul
 ‣ ym-fbox: Formular-Modul
Nomenklatur der Formulare

  ‣ .ym-fbox-text
  ‣ .ym-fbox-select
  ‣ .ym-fbox-check
  ‣ .ym-fbox-button
Das Column-Modul
Das Grid-Modul
YAML4   YAML3
‣ Die Breitendefinition ist von den restlichen
  Regeln getrennt.
‣ Dadurch können schnell neue Grids erstellt
  werden.
‣ Neue Grids werden nur an einer Stelle
  definiert.
‣ Breite und Floatrichtung sind getrennte
  Klassen.
‣ Mehrere Klassen auf einem Element, dafür
  einfach erweiterbar!
Individuelles Zweier-Grid
Formulare
Ausrichtung der
Formularelemente durch
 Zuweisung einer Klasse
Default
.ym-full
.ym-columnar
Viele Goodies
Fertige Buttons

‣ Zeichen werden mittels „content“ als ASCII
  eingebracht.
‣ Dadurch sind sie skalierbar
‣ Der IE zeigt sie erst ab Version 8.
‣ Ältere IE zeigen den Button ohne Zeichen.
Zwei Navigationsvorlagen
Basis-Typographie
Accessible Tabs
Mikroformate
Use the Doc, Luke!
Einfache Konfiguration




http://www.yaml.de/docs/index.html
Kopieren erwünscht!
Quick-Start Demos
Grab the code
Grab the code
Grab the code
Grab the code
Grab the code
Grab the code
Grab the code
Grab the code
Grab the code
Grab the code
Das reicht alles nicht?!
Eigene Elemente hinzufügen.
Aus alten Projekten
     sammeln.
Von anderen Projekten
      bedienen
http://foundation.zurb.com/
http://twitter.github.com/bootstrap/
http://chriscoyier.github.com/SurveyMonkey-Design-Patterns/   https://github.com/chriscoyier/SurveyMonkey-Design-Patterns
http://bootsnipp.com/
Jens Grochtdreis
     http://grochtdreis.de
   http://twitter.com/Flocke
      http://webkrauts.de
http://slideshare.net/Flocke669

Weitere ähnliche Inhalte

Was ist angesagt?

Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Peter Müller
 
Vorstellung von Ember.js
Vorstellung von Ember.jsVorstellung von Ember.js
Vorstellung von Ember.js
Samuel Mehrbrodt
 
Objektorientiertes CSS
Objektorientiertes CSSObjektorientiertes CSS
Objektorientiertes CSS
Florian Gutwald
 
Kleiner Blick auf CSS3
Kleiner Blick auf CSS3Kleiner Blick auf CSS3
Kleiner Blick auf CSS3
Jens Grochtdreis
 
Programmieren für das Web - Vorlesung 13
Programmieren für das Web - Vorlesung 13Programmieren für das Web - Vorlesung 13
Programmieren für das Web - Vorlesung 13
Kay Strobach
 
Einführung in YAML4
Einführung in YAML4Einführung in YAML4
Einführung in YAML4
Jens Grochtdreis
 
Modernes Webdesign
Modernes WebdesignModernes Webdesign
Modernes Webdesign
Eric Eggert
 
Mobile Web Presentation @ Multimedia Treff Köln
Mobile Web Presentation @ Multimedia Treff KölnMobile Web Presentation @ Multimedia Treff Köln
Mobile Web Presentation @ Multimedia Treff Köln
Patric Boscolo
 
HTML5-Features
HTML5-FeaturesHTML5-Features
HTML5-Features
Francesco Schwarz
 
Findability
FindabilityFindability
Findability
Matthias Pfefferle
 
Frontend Best Practices
Frontend Best PracticesFrontend Best Practices
Frontend Best Practices
Jens Grochtdreis
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
Felix Sasaki
 
10 Tricks für Entwickler
10 Tricks für Entwickler10 Tricks für Entwickler
10 Tricks für Entwickler
David Jardin
 
Accessible Javascript mit Frameworks - Best of Accessibility 2008
Accessible Javascript mit Frameworks - Best of Accessibility 2008Accessible Javascript mit Frameworks - Best of Accessibility 2008
Accessible Javascript mit Frameworks - Best of Accessibility 2008Dirk Ginader
 

Was ist angesagt? (14)

Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
 
Vorstellung von Ember.js
Vorstellung von Ember.jsVorstellung von Ember.js
Vorstellung von Ember.js
 
Objektorientiertes CSS
Objektorientiertes CSSObjektorientiertes CSS
Objektorientiertes CSS
 
Kleiner Blick auf CSS3
Kleiner Blick auf CSS3Kleiner Blick auf CSS3
Kleiner Blick auf CSS3
 
Programmieren für das Web - Vorlesung 13
Programmieren für das Web - Vorlesung 13Programmieren für das Web - Vorlesung 13
Programmieren für das Web - Vorlesung 13
 
Einführung in YAML4
Einführung in YAML4Einführung in YAML4
Einführung in YAML4
 
Modernes Webdesign
Modernes WebdesignModernes Webdesign
Modernes Webdesign
 
Mobile Web Presentation @ Multimedia Treff Köln
Mobile Web Presentation @ Multimedia Treff KölnMobile Web Presentation @ Multimedia Treff Köln
Mobile Web Presentation @ Multimedia Treff Köln
 
HTML5-Features
HTML5-FeaturesHTML5-Features
HTML5-Features
 
Findability
FindabilityFindability
Findability
 
Frontend Best Practices
Frontend Best PracticesFrontend Best Practices
Frontend Best Practices
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
10 Tricks für Entwickler
10 Tricks für Entwickler10 Tricks für Entwickler
10 Tricks für Entwickler
 
Accessible Javascript mit Frameworks - Best of Accessibility 2008
Accessible Javascript mit Frameworks - Best of Accessibility 2008Accessible Javascript mit Frameworks - Best of Accessibility 2008
Accessible Javascript mit Frameworks - Best of Accessibility 2008
 

Andere mochten auch

Mito
MitoMito
Mito
erickgdc
 
Cuestionario adultos dislexia
Cuestionario adultos dislexiaCuestionario adultos dislexia
Cuestionario adultos dislexia
Sol Gonzalez
 
Similitudes entre metodo cientifico y solucion de problemas
Similitudes entre metodo cientifico y solucion de problemasSimilitudes entre metodo cientifico y solucion de problemas
Similitudes entre metodo cientifico y solucion de problemas
adrianajm18
 
8b edward ricardo herrera muños anderson franco la evolucion de la in...
8b edward  ricardo  herrera muños  anderson  franco  la  evolucion de  la  in...8b edward  ricardo  herrera muños  anderson  franco  la  evolucion de  la  in...
8b edward ricardo herrera muños anderson franco la evolucion de la in...
Daniel Herrera
 
Los perros
Los perrosLos perros
Los perros
maria_arenas
 
Portafolio de servicios
Portafolio de serviciosPortafolio de servicios
Portafolio de servicios
dianavella
 
Londres
LondresLondres
Präsentation des FH-Projekt-Prototypen bei der DB in FFM
Präsentation des FH-Projekt-Prototypen bei der DB in FFMPräsentation des FH-Projekt-Prototypen bei der DB in FFM
Präsentation des FH-Projekt-Prototypen bei der DB in FFM
Tobias Jordans
 
Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...
Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...
Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...
Laboratorio Médico del Chopo
 
FIESTA RAMSES!!!
FIESTA RAMSES!!!FIESTA RAMSES!!!
FIESTA RAMSES!!!
Carl Caballero
 
Fus herramientas copia
Fus herramientas copiaFus herramientas copia
Fus herramientas copia
derlyinfo
 
Facebook für Unternehmen :: Teil 3/3
Facebook für Unternehmen :: Teil 3/3Facebook für Unternehmen :: Teil 3/3
Facebook für Unternehmen :: Teil 3/3
Doris Schuppe
 
Css
CssCss
A mis compañeros
A mis compañerosA mis compañeros
A mis compañeros
tere_moyis
 
Skype123
Skype123Skype123
Skype123
Katty Torres
 
La educacion en el ecuador
La educacion en el ecuadorLa educacion en el ecuador
La educacion en el ecuador
Katty Torres
 
Sommercamps in Spanien für Jugendliche 2009
Sommercamps in Spanien für Jugendliche 2009Sommercamps in Spanien für Jugendliche 2009
Sommercamps in Spanien für Jugendliche 2009
Spanish Schools Zadorspain
 
Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...
Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...
Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...
Laboratorio Médico del Chopo
 
Uso de soffwere educativo
Uso de soffwere educativoUso de soffwere educativo
Uso de soffwere educativo
FRANYGEMMA
 
eStrategy ausgabe 6 leseprobe
eStrategy ausgabe 6 leseprobeeStrategy ausgabe 6 leseprobe
eStrategy ausgabe 6 leseprobe
TechDivision GmbH
 

Andere mochten auch (20)

Mito
MitoMito
Mito
 
Cuestionario adultos dislexia
Cuestionario adultos dislexiaCuestionario adultos dislexia
Cuestionario adultos dislexia
 
Similitudes entre metodo cientifico y solucion de problemas
Similitudes entre metodo cientifico y solucion de problemasSimilitudes entre metodo cientifico y solucion de problemas
Similitudes entre metodo cientifico y solucion de problemas
 
8b edward ricardo herrera muños anderson franco la evolucion de la in...
8b edward  ricardo  herrera muños  anderson  franco  la  evolucion de  la  in...8b edward  ricardo  herrera muños  anderson  franco  la  evolucion de  la  in...
8b edward ricardo herrera muños anderson franco la evolucion de la in...
 
Los perros
Los perrosLos perros
Los perros
 
Portafolio de servicios
Portafolio de serviciosPortafolio de servicios
Portafolio de servicios
 
Londres
LondresLondres
Londres
 
Präsentation des FH-Projekt-Prototypen bei der DB in FFM
Präsentation des FH-Projekt-Prototypen bei der DB in FFMPräsentation des FH-Projekt-Prototypen bei der DB in FFM
Präsentation des FH-Projekt-Prototypen bei der DB in FFM
 
Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...
Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...
Médico conozca nuestra nueva App disponible en App Store para dispositivos iO...
 
FIESTA RAMSES!!!
FIESTA RAMSES!!!FIESTA RAMSES!!!
FIESTA RAMSES!!!
 
Fus herramientas copia
Fus herramientas copiaFus herramientas copia
Fus herramientas copia
 
Facebook für Unternehmen :: Teil 3/3
Facebook für Unternehmen :: Teil 3/3Facebook für Unternehmen :: Teil 3/3
Facebook für Unternehmen :: Teil 3/3
 
Css
CssCss
Css
 
A mis compañeros
A mis compañerosA mis compañeros
A mis compañeros
 
Skype123
Skype123Skype123
Skype123
 
La educacion en el ecuador
La educacion en el ecuadorLa educacion en el ecuador
La educacion en el ecuador
 
Sommercamps in Spanien für Jugendliche 2009
Sommercamps in Spanien für Jugendliche 2009Sommercamps in Spanien für Jugendliche 2009
Sommercamps in Spanien für Jugendliche 2009
 
Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...
Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...
Médico conozca nuestra nueva App disponible en Google Play para dispositivos ...
 
Uso de soffwere educativo
Uso de soffwere educativoUso de soffwere educativo
Uso de soffwere educativo
 
eStrategy ausgabe 6 leseprobe
eStrategy ausgabe 6 leseprobeeStrategy ausgabe 6 leseprobe
eStrategy ausgabe 6 leseprobe
 

Ähnlich wie Rapid Prototyping mit YAML4

Die Pest - philosophische Betrachtungen zur Webentwicklung
Die Pest - philosophische Betrachtungen zur WebentwicklungDie Pest - philosophische Betrachtungen zur Webentwicklung
Die Pest - philosophische Betrachtungen zur Webentwicklung
Jens Grochtdreis
 
Gutenberg Theme Entwicklung leicht gemacht
Gutenberg Theme Entwicklung leicht gemachtGutenberg Theme Entwicklung leicht gemacht
Gutenberg Theme Entwicklung leicht gemacht
Benjamin Zekavica Projects
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11
Noël Bossart
 
Formulare in TYPO3 8.7 LTS
Formulare in TYPO3 8.7 LTSFormulare in TYPO3 8.7 LTS
Formulare in TYPO3 8.7 LTS
Peter Kraume
 
TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)
Marcus Schwemer
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam Augusting
Verein FM Konferenz
 
jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen
 jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen
jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen
gedoplan
 
Backend-Berechtigungen und 
Best Practices
Backend-Berechtigungen und 
Best PracticesBackend-Berechtigungen und 
Best Practices
Backend-Berechtigungen und 
Best Practices
punkt.de GmbH
 

Ähnlich wie Rapid Prototyping mit YAML4 (9)

Die Pest - philosophische Betrachtungen zur Webentwicklung
Die Pest - philosophische Betrachtungen zur WebentwicklungDie Pest - philosophische Betrachtungen zur Webentwicklung
Die Pest - philosophische Betrachtungen zur Webentwicklung
 
Gutenberg Theme Entwicklung leicht gemacht
Gutenberg Theme Entwicklung leicht gemachtGutenberg Theme Entwicklung leicht gemacht
Gutenberg Theme Entwicklung leicht gemacht
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11
 
Formulare in TYPO3 8.7 LTS
Formulare in TYPO3 8.7 LTSFormulare in TYPO3 8.7 LTS
Formulare in TYPO3 8.7 LTS
 
TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)
 
HTML5
HTML5HTML5
HTML5
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam Augusting
 
jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen
 jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen
jBPM und Drools: Prozess- und Regelgestützte Fachanwendungen
 
Backend-Berechtigungen und 
Best Practices
Backend-Berechtigungen und 
Best PracticesBackend-Berechtigungen und 
Best Practices
Backend-Berechtigungen und 
Best Practices
 

Mehr von Jens Grochtdreis

Wir brauchen einen neuen Workflow
Wir brauchen einen neuen WorkflowWir brauchen einen neuen Workflow
Wir brauchen einen neuen Workflow
Jens Grochtdreis
 
Modularisierung von Webseiten
Modularisierung von WebseitenModularisierung von Webseiten
Modularisierung von Webseiten
Jens Grochtdreis
 
A Period of Transition
A Period of TransitionA Period of Transition
A Period of Transition
Jens Grochtdreis
 
Real solutions, no tricks
Real solutions, no tricksReal solutions, no tricks
Real solutions, no tricks
Jens Grochtdreis
 
Von Dinosauriern, Bienen und Wespen
Von Dinosauriern, Bienen und WespenVon Dinosauriern, Bienen und Wespen
Von Dinosauriern, Bienen und Wespen
Jens Grochtdreis
 
Einfuehrung in YAML (2010)
Einfuehrung in YAML (2010)Einfuehrung in YAML (2010)
Einfuehrung in YAML (2010)
Jens Grochtdreis
 
Komplexe Sites sauber aufbauen
Komplexe Sites sauber aufbauenKomplexe Sites sauber aufbauen
Komplexe Sites sauber aufbauen
Jens Grochtdreis
 
Knockin' on heaven's door - Die Praxis zu Besuch beim W3C
Knockin' on heaven's door - Die Praxis zu Besuch beim W3CKnockin' on heaven's door - Die Praxis zu Besuch beim W3C
Knockin' on heaven's door - Die Praxis zu Besuch beim W3C
Jens Grochtdreis
 
Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)
Jens Grochtdreis
 
Am Ende ist doch alles HTML (Uni Mainz)
Am Ende ist doch alles HTML (Uni Mainz)Am Ende ist doch alles HTML (Uni Mainz)
Am Ende ist doch alles HTML (Uni Mainz)
Jens Grochtdreis
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine Gemälde
Jens Grochtdreis
 
A Tag 2009 - Aspekte Moderne Webentwicklung
A Tag 2009 -  Aspekte Moderne WebentwicklungA Tag 2009 -  Aspekte Moderne Webentwicklung
A Tag 2009 - Aspekte Moderne Webentwicklung
Jens Grochtdreis
 
Aspekte Moderner Frontendentwicklung
Aspekte Moderner FrontendentwicklungAspekte Moderner Frontendentwicklung
Aspekte Moderner Frontendentwicklung
Jens Grochtdreis
 
Gute Seiten, Schlechte Seiten - Webmontag Edition
Gute Seiten, Schlechte Seiten -  Webmontag EditionGute Seiten, Schlechte Seiten -  Webmontag Edition
Gute Seiten, Schlechte Seiten - Webmontag Edition
Jens Grochtdreis
 
Gute Seiten, schlechte Seiten
Gute Seiten, schlechte SeitenGute Seiten, schlechte Seiten
Gute Seiten, schlechte Seiten
Jens Grochtdreis
 
Webstandards für ein modernes Web
Webstandards für ein modernes WebWebstandards für ein modernes Web
Webstandards für ein modernes Web
Jens Grochtdreis
 
Die Zukunft Des Web (Sep 2008)
Die Zukunft Des Web (Sep 2008)Die Zukunft Des Web (Sep 2008)
Die Zukunft Des Web (Sep 2008)Jens Grochtdreis
 
Webseiten sind keine Gemaelde
Webseiten sind keine GemaeldeWebseiten sind keine Gemaelde
Webseiten sind keine Gemaelde
Jens Grochtdreis
 
Die Zukunft des Web
Die Zukunft des WebDie Zukunft des Web
Die Zukunft des Web
Jens Grochtdreis
 

Mehr von Jens Grochtdreis (20)

Wir brauchen einen neuen Workflow
Wir brauchen einen neuen WorkflowWir brauchen einen neuen Workflow
Wir brauchen einen neuen Workflow
 
Modularisierung von Webseiten
Modularisierung von WebseitenModularisierung von Webseiten
Modularisierung von Webseiten
 
A Period of Transition
A Period of TransitionA Period of Transition
A Period of Transition
 
Real solutions, no tricks
Real solutions, no tricksReal solutions, no tricks
Real solutions, no tricks
 
Von Dinosauriern, Bienen und Wespen
Von Dinosauriern, Bienen und WespenVon Dinosauriern, Bienen und Wespen
Von Dinosauriern, Bienen und Wespen
 
Einfuehrung in YAML (2010)
Einfuehrung in YAML (2010)Einfuehrung in YAML (2010)
Einfuehrung in YAML (2010)
 
Komplexe Sites sauber aufbauen
Komplexe Sites sauber aufbauenKomplexe Sites sauber aufbauen
Komplexe Sites sauber aufbauen
 
Knockin' on heaven's door - Die Praxis zu Besuch beim W3C
Knockin' on heaven's door - Die Praxis zu Besuch beim W3CKnockin' on heaven's door - Die Praxis zu Besuch beim W3C
Knockin' on heaven's door - Die Praxis zu Besuch beim W3C
 
Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)
 
Am Ende ist doch alles HTML (Uni Mainz)
Am Ende ist doch alles HTML (Uni Mainz)Am Ende ist doch alles HTML (Uni Mainz)
Am Ende ist doch alles HTML (Uni Mainz)
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine Gemälde
 
A Tag 2009 - Aspekte Moderne Webentwicklung
A Tag 2009 -  Aspekte Moderne WebentwicklungA Tag 2009 -  Aspekte Moderne Webentwicklung
A Tag 2009 - Aspekte Moderne Webentwicklung
 
Aspekte Moderner Frontendentwicklung
Aspekte Moderner FrontendentwicklungAspekte Moderner Frontendentwicklung
Aspekte Moderner Frontendentwicklung
 
Gute Seiten, Schlechte Seiten - Webmontag Edition
Gute Seiten, Schlechte Seiten -  Webmontag EditionGute Seiten, Schlechte Seiten -  Webmontag Edition
Gute Seiten, Schlechte Seiten - Webmontag Edition
 
Gute Seiten, schlechte Seiten
Gute Seiten, schlechte SeitenGute Seiten, schlechte Seiten
Gute Seiten, schlechte Seiten
 
Webstandards für ein modernes Web
Webstandards für ein modernes WebWebstandards für ein modernes Web
Webstandards für ein modernes Web
 
Die Zukunft Des Web (Sep 2008)
Die Zukunft Des Web (Sep 2008)Die Zukunft Des Web (Sep 2008)
Die Zukunft Des Web (Sep 2008)
 
Lightningtalk Erlangen
Lightningtalk ErlangenLightningtalk Erlangen
Lightningtalk Erlangen
 
Webseiten sind keine Gemaelde
Webseiten sind keine GemaeldeWebseiten sind keine Gemaelde
Webseiten sind keine Gemaelde
 
Die Zukunft des Web
Die Zukunft des WebDie Zukunft des Web
Die Zukunft des Web
 

Rapid Prototyping mit YAML4