Mein Vortrag von der Webinale 2009 (dort zusammen mit Tomas Caspers) zusammengestrichen und mit Textfolien ergänzt für Webmontage in Frankfurt und Mannheim.
Si su navegador tiene activada la opción de Bloqueo de Ventanas Emergentes no podrá consular sus resultados, en esta presentación le mostramos la forma en la que usted podrá desbloquear esta opción para realizar la consulta de sus resultados.
Laboratorio Médico del Chopo http://chopo.com.mx
Consulta de resultados http://chopo.com.mx/resultados
CHOPO, es tu laboratorio de cabecera.
Disponible para: Chrome, Safari, Internet Explorer, Mozila y Opera.
Jugendcamps in Spanien: 2, 3, 4, 6 oder 8 Wochen Spanischkurs und Aktivitäten mit spanischen Jugendlichen im Sommer, im Juli und August, in Alicante. Junior Spanisch Kurse in Spanien für Jugendliche und junge Studenten im Alter von 14 bis 17 Jahren kombinieren Spanisch Kurse mit sportlichen Aktivitäten in verschiedenen Sommercamps, Exkursionen und Ausflügen.
Si su navegador tiene activada la opción de Bloqueo de Ventanas Emergentes no podrá consular sus resultados, en esta presentación le mostramos la forma en la que usted podrá desbloquear esta opción para realizar la consulta de sus resultados.
Laboratorio Médico del Chopo http://chopo.com.mx
Consulta de resultados http://chopo.com.mx/resultados
CHOPO, es tu laboratorio de cabecera.
Disponible para: Chrome, Safari, Internet Explorer, Mozila y Opera.
Jugendcamps in Spanien: 2, 3, 4, 6 oder 8 Wochen Spanischkurs und Aktivitäten mit spanischen Jugendlichen im Sommer, im Juli und August, in Alicante. Junior Spanisch Kurse in Spanien für Jugendliche und junge Studenten im Alter von 14 bis 17 Jahren kombinieren Spanisch Kurse mit sportlichen Aktivitäten in verschiedenen Sommercamps, Exkursionen und Ausflügen.
Estimado médico, el Laboratorio Médico del Chopo pone a su disposición su nueva App Mobile para dispositivos iOS disponible de forma gratuita en App Store.
En esta aplicación, usted podrá consultar los resultados de sus pacientes, la ubicación de las sucursales por región y por geolocalización.
Vortrag an der Uni Mainz über die Grundlagen der Frontendentwicklung. Wie sollte man fürs Frontend denken? Woran muss man denken? Womit muss man sich beschäftigen?
Die Inhalte meiner ersten "Session" des Praktikums über Frontendentwicklung an der Uni Mainz. Die Stundenten sollten erst einmal in die Grundproblematik eingeführt werden.
Mit der Übernahme von Magento durch eBay wurde einige Fragen zur Zukunft von Magento - insbesondere im Hinblick auf den Open Source Ansatz - aufgeworfen.
Mit nachfolgenden Whitepaper versuchen wir hierzu die wichtigsten Fragen zu beantworten.
Webseiten sind keine Gesamtkunstwerke, sondern Zusammenstellungen einzelner Module. Dieser Vortrag von der Jax 2013 ergründet, wie man vorgeht, um sinnvolle und pflegbare M;odule zu erschaffen. Dabei wird vor allem Wert auf das CSS gelegt. Das CSS wird dank Sass ebenso modular, wie das HTML.
Wir brauchen einen neuen Workflow. Die getrennte Arbeit von Designern und Frontendentwicklern geht an der Realität vorbei. Heute müssen sich Webseiten ihrer Umgebung noch stärker anpassen, als sie es grundsätzlich sollten. Das erzeugt technische und designerische Probleme. Beide sollten zusammen gelöst werden.
Estimado médico, el Laboratorio Médico del Chopo pone a su disposición su nueva App Mobile para dispositivos iOS disponible de forma gratuita en App Store.
En esta aplicación, usted podrá consultar los resultados de sus pacientes, la ubicación de las sucursales por región y por geolocalización.
Vortrag an der Uni Mainz über die Grundlagen der Frontendentwicklung. Wie sollte man fürs Frontend denken? Woran muss man denken? Womit muss man sich beschäftigen?
Die Inhalte meiner ersten "Session" des Praktikums über Frontendentwicklung an der Uni Mainz. Die Stundenten sollten erst einmal in die Grundproblematik eingeführt werden.
Mit der Übernahme von Magento durch eBay wurde einige Fragen zur Zukunft von Magento - insbesondere im Hinblick auf den Open Source Ansatz - aufgeworfen.
Mit nachfolgenden Whitepaper versuchen wir hierzu die wichtigsten Fragen zu beantworten.
Webseiten sind keine Gesamtkunstwerke, sondern Zusammenstellungen einzelner Module. Dieser Vortrag von der Jax 2013 ergründet, wie man vorgeht, um sinnvolle und pflegbare M;odule zu erschaffen. Dabei wird vor allem Wert auf das CSS gelegt. Das CSS wird dank Sass ebenso modular, wie das HTML.
Wir brauchen einen neuen Workflow. Die getrennte Arbeit von Designern und Frontendentwicklern geht an der Realität vorbei. Heute müssen sich Webseiten ihrer Umgebung noch stärker anpassen, als sie es grundsätzlich sollten. Das erzeugt technische und designerische Probleme. Beide sollten zusammen gelöst werden.
Vortrag auf der Webtech 2012. Die Nomenklatur von YAML wird erklärt sowie die vielen Addons und die helfende Dokumentation genauer vorgestellt. Alles als Basis für das später folgende Livecoding. Damit konnte ich zeigen, dass man mit YAML schnell zu einem testbaren Ergebnis, einem Prototypen, kommen kann. Der kann dann die Basis weiterer Designiterationen sein und später in den produktiven Code übergehen.
Vortrag auf der Webtech 2012. Eine Webseite besteht aus vielen einzelnen Modulen, die alle als eigenes Universum betrachtet werden können. CSS-Präprozessoren helfen bei der effektiven Behandlung der Module. Prototyping im Browser und ein neuer Workflow werden dadurch einfacher.
Am Ende ist doch alles HTML - 2012 - Webmontag EditionJens Grochtdreis
Kurzvortrag über die Bedeutung des Frontends. Ich rege zu mehr und besserer Kommunikation an und gebe Beispiele für Verbesserungen durch moderne Techniken. Zuerst gehalten auf dem Webmontag in Marburg (30.07.2012)
Talk held on a Smashing Magazine Meetup February, 27th 2012 in Frankfurt (Germany) about current problems with developers, designers and clients in front-end development
Ausgehend vom Relaunch von Jaxenter.com zeige ich, wie man komplexe Sites aufbauen kann und welche Gedanken man sich über Überschriftenstrukturen machen sollte.
Knockin' on heaven's door - Die Praxis zu Besuch beim W3CJens Grochtdreis
Auf dem W3C-Tag 2010 ergriff ich die Chance, das W3C zu schnellerem Handeln in Sachen Webstandards zu ermutigen. Die Entwicklungsgeschwindigkeit bspw. bei CSS3 ist einfach zu langsam.
Am 6. November durfte ich am Frankfurter SAE-Institut den Studenten etwas über die Praxis der Webentwicklung erzählen. Ich habe einen großen Bogen gespannt, von der grundsätzlichen Natur des Internet über Detailprobleme bis zur Barrierefreiheit. Der Vortrag dauerte dreieinhalb Stunden.
3. Das Netz bietet die Möglichkeit,
Informationen von JEDEM in
JEGLICHER Form konsumierbar zu
machen.
Warum soll man diese Stärke unnötig
ignorieren?
4. Möglichst wenige Fehler (Validität)
Semantische Struktur (jemand hat sich
über den Inhalt der Seite Gedanken
gemacht)
Daran denken, daß man nichts darüber
weiß, WIE jemand die Seite konsumiert.
In Alternativen denken.
8. Finanzamt Pirmasens
• In 2009 immernoch nicht barrierefrei!
• Designfrei und hässlich
• Tabellenlayout und kindische Bildchen
• Keine Semantik
• Frameset
15. Ladezeiten beachten!
• 8 MB für eine reine Flashseite ohne
jegliche Alternative sind sehr viel, auch
für DSL.
16.
17.
18. Framesets sind tückisch
• Ein Netbook hat nur 600 Pixel Höhe.
• Frames sind technisch nicht mehr
notwendig.
• Frames schränken die notwendige
Flexibilität stark ein.
19.
20.
21.
22.
23. Layouttabellen sind böse
• Aber Tabellen für tabellarische Daten sind
prima.
• Es heißt ja auch Bundesliga-Tabelle, nicht
Bundesliga-DIV.
24.
25. Luft zum Atmen geben
• Fixierung in der Höhe macht Inhalte nicht
flexibel nutzbar.
• Spätestens bei der zweiten Vergrößerung
ist der Inhalt nicht mehr lesbar.
• Wer sagt denn, daß niemand Ihre
Webseite vergrößern will oder muss?
26.
27. 1x1 des Webdesigns
• IDs sind einmalig
• Tabellen nur für tabellarische Daten
• FONT ist out und ähbäh!
32. In Alternativen denken
• Alternativen für Javascript
• Alternativen für Flash
• Aber auch mal in Browseralternativen
denken (Flasheinbettung mit JS)
33.
34.
35.
36. Schattenseiten
• „Wo viel Licht, da auch viel Schatten“
• Nach 10 Sek. erster Werbebanner (wenn
man Glück hat)
• Nach 30 Sek. beginnt der Seitenaufbau
(186 Objekte)
• 1,4 Minuten bis Komplettaufbau (insges.
4,2 MB, inkl. 2,6 MB Flash)
• 645 KB Scripts
40. Styleswitcher mal anders
• Eine Code für vier Ansichten
• Nur die Google Map wird nachgeladen
• Kein zeitraubender Reload
• Kein unnützer und teurer Traffic
• Javascript sinnvoll genutzt
41.
42.
43.
44.
45. Alternative zu JS-Version
• Mit Javascript gibt es schnelle optische
Änderungen.
• Jeder dieser Zustände ist ohne Javascript
als eigene Seite erreichbar.
• Ohne Javascript sieht das Layout exakt
gleich aus.