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. 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.
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.
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)
Mit CSS3 werden heute schon viele Möglichkeiten geboten, ein ansprechendes Webdesign zu realisieren. Die Präsentation geht über CSS3 und wie man es einsetzt.
Praxisbeispiele gibt es auf http://ck2011.think-contao.de/
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. 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.
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.
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)
Mit CSS3 werden heute schon viele Möglichkeiten geboten, ein ansprechendes Webdesign zu realisieren. Die Präsentation geht über CSS3 und wie man es einsetzt.
Praxisbeispiele gibt es auf http://ck2011.think-contao.de/
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.
Música e imágenes con derecho de reproducciónKatty Torres
El documento explica los conceptos de contenido libre y Creative Commons. El contenido libre incluye obras de dominio público y aquellas con licencias que permiten su uso y reproducción. Creative Commons permite a los autores decidir los límites de uso de su trabajo a través de varias licencias que cubren atribución, uso comercial y modificaciones. Las licencias Creative Commons no van en contra del copyright sino que buscan adaptarlo a los intereses de los autores.
El documento proporciona especificaciones técnicas de diferentes modelos de máquinas de extrusión para la fabricación de película de plástico. Incluye detalles como el diámetro del tornillo, la relación longitud-diámetro, la potencia del motor, la capacidad de producción, el rango del cabezal, el espesor de la película y las dimensiones de cada modelo. En total, se enumeran las especificaciones de 30 modelos diferentes de máquinas de extrusión.
Este documento proporciona una tabla comparativa de las características técnicas de 30 modelos de envasadoras automáticas, incluyendo su capacidad de envase, tipo y número de cabezales, distancia entre centros y sistemas de control y hidráulico. Los modelos varían en el número de estaciones de trabajo (sencilla o doble), materiales de envase compatibles, y capacidad de envase desde 200ml hasta 10L.
Neue Ausgabe 02 / 2014 jetzt kostenfrei herunterladen!
„Kanban in Projekten“, „Backlog Refinement – das Requirement Engineering der agilen Produktverantwortlichen“, „Einflüsse von User Story Qualität auf den Scrumprozess“, u.v.m. – in den vielseitigen Artikeln dieser Ausgabe beleuchten Experten der Szene u.a. verschiedene Ansätze des agilen Projektmanagements in der Softwareentwicklung.
Neben dem Schwerpunktthema der Ausgabe haben wir unseren Blick natürlich auch wieder auf andere aktuelle Themen im E-Commerce, Online-Marketing, E-Recht und Webentwicklung gerichtet. In weiteren Artikeln befassen sich Experten – u. a. von ibi Research, ECC Köln, Händlerbund, eRecht24, u. v. m. – mit den Themen „Erlebnisse im Onlinehandel“, „Do’s und Dont’s beim Linkaufbau für Online-Shops“, „Shop-Optimierung“, „Mobile Websites vs. Responsive Design“, „Anbindung an Marktplätze“ und „Vergleichsportale von Online-Shops“ und geben einen Einblick in das Handelsszenario 2020. Darüber hinaus wird das Thema „Datenschutz und Datensicherheit im E-Commerce“ mit besonderem Augenmerk behandelt.
Este documento proporciona instrucciones sobre cómo usar Skype. Explica cómo crear una cuenta de Skype gratis y descargar e iniciar sesión en la aplicación. También describe cómo realizar llamadas de video y chat de texto con otros contactos de Skype y obtener asistencia a través de las Preguntas Frecuentes, el centro de ayuda y videos instructivos en YouTube.
Die agile Projektentwicklung mit SCRUM wird immer beliebter - bietet sie doch gegenüber der klassischen Entwicklungsmethode nach dem Wasserfallmodell einige entscheidende Vorteile.
Mit vorliegenden Whitepaper möchten wir die Rollen, Tools und Vorgehensweise bei der agilen Projektentwicklung mit Scrum vorstellen, auf die Besonderheiten Vor- und Nachteile eingehen sowie das Kostenthema beleuchten.
Somit eignet sich unser Scrum-Whitepaper ideal als Grundlagenlektüre für interessierte Entscheider!
El documento describe los objetivos y principios fundamentales de CSS, incluyendo definir un lenguaje estándar para diseñar interfaces para internet independientemente del dispositivo, nombrar atributos según su contenido en lugar de su diseño para mantener la semántica, y explicar las diferencias en cómo los navegadores calculan el ancho final de los elementos con bordes, paddings y márgenes.
Content Marketing und Corporate Blogging haben eine wichtige Stellung im Marketing-Konstrukt eingenommen und sind mehr als etabliert – und das nicht nur in den USA, auch in Europa ist man sich der Bedeutung bewusst. Die Möglichkeiten mit der Marketing-Disziplin sind vielfältig: So können Unternehmen durch Content Marketing beispielsweise ausführlich über Produkte, über die Geschichte des eigenen Unternehmens oder über eine Dienstleistung informieren und auf diesem Wege Usern relevante Informationen liefern. Inzwischen nutzen immer mehr Unternehmen das Potential von Content Marketing und versuchen mit coolen Videos oder frischen Grafiken auf sich Aufmerksam zu machen. Das Ergebnis: Mehr Traffic und mehr Aufmerksamkeit im Web.
Während große Unternehmen – wie beispielsweise Coca Cola während der Weihnachtszeit – in aufwendige Content-Marketing-Kampagnen investieren und damit mehr Sichtbarkeit generieren, müssen KMUs kreativer an das Thema herangehen. Aber auch für kleinere Unternehmen ist Content Marketing ein starkes und vor allem kostengünstiges Instrument, um einerseits das eigene Image zu stärken, andererseits mit hochwertigem Content User und potentielle Kunden von sich zu überzeugen. In der vorliegenden Ausgabe haben wir uns mit dem Thema intensiver befasst und geben einen Einblick, wie KMU’s durch Content Marketing profitieren können.
Neben dem Schwerpunktthema des Magazins haben wir unseren Blick natürlich auch wieder auf andere aktuelle Themen im E-Commerce, Online-Marketing und E-Recht gerichtet. In weiteren Artikeln befassen sich u.a. Experten von ibi research, IFH Köln oder dem Händlerbund mit den Themen „Haben Sie schon mal Ihren Checkout gecheckt?“, „Erfolg auf der letzten Meile – was Online-Shopper bei Versand und Retouren fordern“, „Fairer Wettbewerb im Onlinehandel“, „Warum Linkaufbau noch lange nicht tot ist“ und geben u.a. einen Einblick in das Thema „Herausforderungen im Lebensmittel-Onlinehandel: Evolution im E-Commerce“.
La cultura Mochica se desarrolló entre los siglos I y VII d.C. en los valles de Chicama, Moche y Virú al norte de Perú. Dominaron el desierto mediante complejos sistemas de irrigación que les permitieron desarrollar una agricultura próspera y una avanzada civilización. Dejaron impresionantes obras arquitectónicas, cerámica escultórica y metalurgia. El Señor de Sipán, descubierto en 1987, era un gobernante Mochica que usaba ornamentos y vestiment
El documento habla sobre el poder de los pensamientos positivos. Menciona que el promedio de pensamientos en el mundo es de un 80% negativo y que las personas pueden cambiar esto a través de la fe y la esperanza. También señala que los pensamientos positivos permiten acumular fuerza interior y ser constructivos, y que siempre dan beneficios sin apegarse a las apariencias externas de una situación.
Social Web – alles jetzt anders? Der Google+ Effekt...Doris Schuppe
Stellt Google+ das Social Web grundlegend auf den Kopf? Was bleibt gleich, was ändert sich und wie können Sie erste Erfahrungen sammeln zeigt dieses Dokument
El software educativo se refiere al software destinado a la enseñanza y el aprendizaje autónomo que permite desarrollar habilidades cognitivas. Este tipo de software tiene la función de apoyar procesos educativos y puede encontrarse en páginas como http://es.wikipedia.org/wiki/Software_educativo.
El documento presenta un resumen de 5 estudiantes de medicina de la Universidad Central del Ecuador en el nivel de carrera de la Facultad de Ciencias Médicas, y brinda una breve descripción de la educación en Ecuador, la cual está regulada por el Ministerio de Educación y dividida en educación fiscal, fiscomisional, municipal y particular, siendo laica o religiosa y hispana o bilingüe intercultural.
Las matemáticas son fundamentales en gastronomía para calcular costos y establecer precios adecuados. También se usan para convertir medidas de peso y volumen. La informática permite mejor documentación, bases de datos y comercio virtual. La administración capacita para dirigir cocinas y empresas de manera profesional. La conservación de alimentos protege contra deterioro para futuro consumo y ahorro.
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsGregor Biswanger
HTML5 ist langsam, oder? Nein, in der Tat zeigt sich die grundlegende Geschwindigkeit von Cross-Plattform-HTML5-Anwendungen heutzutage in einem sehr positiven Licht. Es gibt aber doch ein paar Fallstricke, in denen sich der Entwickler schnell verfängt, wenn er nicht auf ein paar Punkte achtet. Der Vortrag geht zuerst auf die Vorgehensweise der Performancemessung ein. Anschließend werden die Top Performance-Tipps gezeigt, um nochmal einen ordentlichen Schub an Power herausholen zu können. Lassen Sie uns Gas geben!
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.
Música e imágenes con derecho de reproducciónKatty Torres
El documento explica los conceptos de contenido libre y Creative Commons. El contenido libre incluye obras de dominio público y aquellas con licencias que permiten su uso y reproducción. Creative Commons permite a los autores decidir los límites de uso de su trabajo a través de varias licencias que cubren atribución, uso comercial y modificaciones. Las licencias Creative Commons no van en contra del copyright sino que buscan adaptarlo a los intereses de los autores.
El documento proporciona especificaciones técnicas de diferentes modelos de máquinas de extrusión para la fabricación de película de plástico. Incluye detalles como el diámetro del tornillo, la relación longitud-diámetro, la potencia del motor, la capacidad de producción, el rango del cabezal, el espesor de la película y las dimensiones de cada modelo. En total, se enumeran las especificaciones de 30 modelos diferentes de máquinas de extrusión.
Este documento proporciona una tabla comparativa de las características técnicas de 30 modelos de envasadoras automáticas, incluyendo su capacidad de envase, tipo y número de cabezales, distancia entre centros y sistemas de control y hidráulico. Los modelos varían en el número de estaciones de trabajo (sencilla o doble), materiales de envase compatibles, y capacidad de envase desde 200ml hasta 10L.
Neue Ausgabe 02 / 2014 jetzt kostenfrei herunterladen!
„Kanban in Projekten“, „Backlog Refinement – das Requirement Engineering der agilen Produktverantwortlichen“, „Einflüsse von User Story Qualität auf den Scrumprozess“, u.v.m. – in den vielseitigen Artikeln dieser Ausgabe beleuchten Experten der Szene u.a. verschiedene Ansätze des agilen Projektmanagements in der Softwareentwicklung.
Neben dem Schwerpunktthema der Ausgabe haben wir unseren Blick natürlich auch wieder auf andere aktuelle Themen im E-Commerce, Online-Marketing, E-Recht und Webentwicklung gerichtet. In weiteren Artikeln befassen sich Experten – u. a. von ibi Research, ECC Köln, Händlerbund, eRecht24, u. v. m. – mit den Themen „Erlebnisse im Onlinehandel“, „Do’s und Dont’s beim Linkaufbau für Online-Shops“, „Shop-Optimierung“, „Mobile Websites vs. Responsive Design“, „Anbindung an Marktplätze“ und „Vergleichsportale von Online-Shops“ und geben einen Einblick in das Handelsszenario 2020. Darüber hinaus wird das Thema „Datenschutz und Datensicherheit im E-Commerce“ mit besonderem Augenmerk behandelt.
Este documento proporciona instrucciones sobre cómo usar Skype. Explica cómo crear una cuenta de Skype gratis y descargar e iniciar sesión en la aplicación. También describe cómo realizar llamadas de video y chat de texto con otros contactos de Skype y obtener asistencia a través de las Preguntas Frecuentes, el centro de ayuda y videos instructivos en YouTube.
Die agile Projektentwicklung mit SCRUM wird immer beliebter - bietet sie doch gegenüber der klassischen Entwicklungsmethode nach dem Wasserfallmodell einige entscheidende Vorteile.
Mit vorliegenden Whitepaper möchten wir die Rollen, Tools und Vorgehensweise bei der agilen Projektentwicklung mit Scrum vorstellen, auf die Besonderheiten Vor- und Nachteile eingehen sowie das Kostenthema beleuchten.
Somit eignet sich unser Scrum-Whitepaper ideal als Grundlagenlektüre für interessierte Entscheider!
El documento describe los objetivos y principios fundamentales de CSS, incluyendo definir un lenguaje estándar para diseñar interfaces para internet independientemente del dispositivo, nombrar atributos según su contenido en lugar de su diseño para mantener la semántica, y explicar las diferencias en cómo los navegadores calculan el ancho final de los elementos con bordes, paddings y márgenes.
Content Marketing und Corporate Blogging haben eine wichtige Stellung im Marketing-Konstrukt eingenommen und sind mehr als etabliert – und das nicht nur in den USA, auch in Europa ist man sich der Bedeutung bewusst. Die Möglichkeiten mit der Marketing-Disziplin sind vielfältig: So können Unternehmen durch Content Marketing beispielsweise ausführlich über Produkte, über die Geschichte des eigenen Unternehmens oder über eine Dienstleistung informieren und auf diesem Wege Usern relevante Informationen liefern. Inzwischen nutzen immer mehr Unternehmen das Potential von Content Marketing und versuchen mit coolen Videos oder frischen Grafiken auf sich Aufmerksam zu machen. Das Ergebnis: Mehr Traffic und mehr Aufmerksamkeit im Web.
Während große Unternehmen – wie beispielsweise Coca Cola während der Weihnachtszeit – in aufwendige Content-Marketing-Kampagnen investieren und damit mehr Sichtbarkeit generieren, müssen KMUs kreativer an das Thema herangehen. Aber auch für kleinere Unternehmen ist Content Marketing ein starkes und vor allem kostengünstiges Instrument, um einerseits das eigene Image zu stärken, andererseits mit hochwertigem Content User und potentielle Kunden von sich zu überzeugen. In der vorliegenden Ausgabe haben wir uns mit dem Thema intensiver befasst und geben einen Einblick, wie KMU’s durch Content Marketing profitieren können.
Neben dem Schwerpunktthema des Magazins haben wir unseren Blick natürlich auch wieder auf andere aktuelle Themen im E-Commerce, Online-Marketing und E-Recht gerichtet. In weiteren Artikeln befassen sich u.a. Experten von ibi research, IFH Köln oder dem Händlerbund mit den Themen „Haben Sie schon mal Ihren Checkout gecheckt?“, „Erfolg auf der letzten Meile – was Online-Shopper bei Versand und Retouren fordern“, „Fairer Wettbewerb im Onlinehandel“, „Warum Linkaufbau noch lange nicht tot ist“ und geben u.a. einen Einblick in das Thema „Herausforderungen im Lebensmittel-Onlinehandel: Evolution im E-Commerce“.
La cultura Mochica se desarrolló entre los siglos I y VII d.C. en los valles de Chicama, Moche y Virú al norte de Perú. Dominaron el desierto mediante complejos sistemas de irrigación que les permitieron desarrollar una agricultura próspera y una avanzada civilización. Dejaron impresionantes obras arquitectónicas, cerámica escultórica y metalurgia. El Señor de Sipán, descubierto en 1987, era un gobernante Mochica que usaba ornamentos y vestiment
El documento habla sobre el poder de los pensamientos positivos. Menciona que el promedio de pensamientos en el mundo es de un 80% negativo y que las personas pueden cambiar esto a través de la fe y la esperanza. También señala que los pensamientos positivos permiten acumular fuerza interior y ser constructivos, y que siempre dan beneficios sin apegarse a las apariencias externas de una situación.
Social Web – alles jetzt anders? Der Google+ Effekt...Doris Schuppe
Stellt Google+ das Social Web grundlegend auf den Kopf? Was bleibt gleich, was ändert sich und wie können Sie erste Erfahrungen sammeln zeigt dieses Dokument
El software educativo se refiere al software destinado a la enseñanza y el aprendizaje autónomo que permite desarrollar habilidades cognitivas. Este tipo de software tiene la función de apoyar procesos educativos y puede encontrarse en páginas como http://es.wikipedia.org/wiki/Software_educativo.
El documento presenta un resumen de 5 estudiantes de medicina de la Universidad Central del Ecuador en el nivel de carrera de la Facultad de Ciencias Médicas, y brinda una breve descripción de la educación en Ecuador, la cual está regulada por el Ministerio de Educación y dividida en educación fiscal, fiscomisional, municipal y particular, siendo laica o religiosa y hispana o bilingüe intercultural.
Las matemáticas son fundamentales en gastronomía para calcular costos y establecer precios adecuados. También se usan para convertir medidas de peso y volumen. La informática permite mejor documentación, bases de datos y comercio virtual. La administración capacita para dirigir cocinas y empresas de manera profesional. La conservación de alimentos protege contra deterioro para futuro consumo y ahorro.
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsGregor Biswanger
HTML5 ist langsam, oder? Nein, in der Tat zeigt sich die grundlegende Geschwindigkeit von Cross-Plattform-HTML5-Anwendungen heutzutage in einem sehr positiven Licht. Es gibt aber doch ein paar Fallstricke, in denen sich der Entwickler schnell verfängt, wenn er nicht auf ein paar Punkte achtet. Der Vortrag geht zuerst auf die Vorgehensweise der Performancemessung ein. Anschließend werden die Top Performance-Tipps gezeigt, um nochmal einen ordentlichen Schub an Power herausholen zu können. Lassen Sie uns Gas geben!
Die Anforderungen für Websites sind heute oft widersprüchlich: verlangt ist ein zeitgemäßes Design und ansprechende Animationen, aber bitte mit offenen Webstandards, damit das ganze auch auf Smartphones und Tablets gut aussieht. Gleichzeitig ist auf Kundenseite aber ein Browser im Einsatz, der seit Jahren nicht mehr aktualisiert wurde. Jonathan Weiß stellt Lösungen vor, um diese Herausforderung zu stemmen und zeigt, welches kaum bekannte Potenzial im Legacy-Browser steckt.
Mittlerweile als moderne Technik etabliert, beschreiben zahlreiche Tutorials Umsetzungsvorschläge für Responsive Webdesign; dennoch stößt man in Projekten mit einem skalierbaren Layout auf immer gleiche Schwierigkeiten. Häufig haben mobile Geräte eine deutlich schwächere technische Ausstattung als der heimische Desktoprechner, sodass Fragen der Performance auf unterschiedlichen Devices in den Vordergrund gerückt werden. Gerade bei Bildern tauchen Begriffe wie "Responsive Images" oder "Adaptive Images" immer wieder auf. Welche Lösungen wann Sinn ergeben und wie man mit Retina-Screens umgeht, wie der aktuelle Stand des HTML5-Responsive-Image-Elements ist und wie man eine schlanke Bilder erstellt, werden in der Präsentation gezeigt.
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.
Responsive Web Design für Mobilgeräte mit Drupal Acquia
Der Anteil an mobilen Besuchern von Webseiten steigt stetig und immer rasanter.
Eine der Lösungen dafür nennt sich "Responsive Web Design" und wird von Drupal durch verschiedenste Base Themes unterstützt. Allerdings gibt es dabei einige wichtige Dinge zu beachten, da die Möglichkeiten für Responsive Web Design fast endlos sind.
Michael Schmid von Amazee Labs hat schon mehrere Responsive Webseiten geplant und umgesetzt und wird einige der Hürden und dessen Lösungen präsentieren.
• Was ist Responsive Web Design und was kann es?
• Übersicht über die verschiedensten Responsive Themes in Drupal 7
• Probleme und Learnings nach über 10 gebauten Drupal Responsive Web Design Webseiten
Aktuelle Webtechnologien - HTML5, CSS3 und mehrYves Hoppe
Aktuelle Webtechnologien wie HTML5, CSS3 im Überblick.
Zielgruppe: Designer, HTML 4 / XHTML User und mehr.
Was kann ich heute schon nutzen? Wie kann ich HTML5 in meine Webseite einbinden?
Responsive Webdesign ist grad der heiße Scheiß, allerdings ist Responsive Webdesign mehr, als eine Desktopwebsite in eine mobile Ansicht zu quetschen. Es muss ein neuer Prozess her. Der alte Workflow "Auftrag bekommen > Recherche > Design erstellen > Abnahme > Design umsetzen" funktioniert so nicht mehr. Im Responsive-Webdesign-Prozess müssen alle Beteiligten eines Webprojekts von der ersten Sekunde an enger zusammenarbeiten. Zudem müssen frühzeitige und häufige Testphasen und Implementierungsstrategien gefunden werden.
Ein subjektiver Zwischenstand zu HTML5 ergänzt mit Statistiken und vielen weiterführenden Links. Die herausgepickten Aspekte sind: Geolocation, Video Support, Web Storage, Web Sockets, PushState, Web Forms, Drag and Drop, Semantik und Canvas.
Die Inhalte meiner ersten "Session" des Praktikums über Frontendentwicklung an der Uni Mainz. Die Stundenten sollten erst einmal in die Grundproblematik eingeführt werden.
Responsive Web Design is a buzzword. Everyone has heard about it but most do not exactly know what it is in detail. In the first section this talk covers an introduction in responsive webdesign and what are the main technical aspects and workflow changes. the second part handles a success story of the real world project how to transform a non responsive site into a fluid one.
This talk was held on the PHP Usergroup Düsseldorf in April 2014.
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.
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.
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?
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.
Mein Vortrag von der Webinale 2009 (dort zusammen mit Tomas Caspers) zusammengestrichen und mit Textfolien ergänzt für Webmontage in Frankfurt und Mannheim.
Vortrag von Tomas Caspers und Jens Grochtdreis über gute und schlechte Details an Webseiten. Immer wieder gesehene Fehler kontrastiert mit gutem Code und guten Ideen von Entwicklern. Der Inhalt kann mangels Textfolien nur erahnt werden.
7. Transparenz
mit rgba() runde Ecken
Verläufe (gradient)
Transitions
media-queries
calc() mehrere Spalten
8. Die Vorteile
‣ Weniger Schmuckbilder werden benötigt.
‣ Weniger Javascript wird benötigt.
‣ Animationen und Transitionen sind mittels CSS
schneller, als mittels Javascript.
‣ Es wird seltener Code nur für Optik benötigt,
der Quellcode schmaler und lesbarer.
12. ‣ CSS3 baut auf CSS2 auf
‣ Browser ignoriert einfach unbekannte
Eigenschaften: graceful degredation
‣ Gibt echte Lösungen für immer
wiederkehrende Designprobleme
23. Der IE ist der schwarz-weiss
Fernseher des Web
IE bis Version 8 moderne Browser
http://home.snafu.de/wumpus/rdfmu46.jpg http://www.home-cinema-news.de/bilder/news/d_000474_01_de.jpg
29. Runde Ecken für IE ≤ 8
http://www.vertexwerks.com/tests/sidebox/
30. Wartungshölle
‣ Für jede Farbe eine eigene Grafik (auch für hover bei
Links!)
‣ Runde Ecken auf Verläufen oder Transparenzen sind ganz
übel als Grafik
‣ Jede Änderung und Anpassung geschieht in Photoshop/
Fireworks
‣ Viele Requests
‣ Keine Skalierung
56. Jens Grochtdreis
http://grochtdreis.de
http://twitter.com/Flocke
http://webkrauts.de
http://slideshare.net/Flocke669
Diese Präsentation steht unter
der Creative Commons Lizenz
„Attribution-ShareAlike 2.0“
http://creativecommons.org/licenses/by-sa/2.0/de/