Antipasti
Typografie im Allgemeinen
Ein Rückblick vom Buchdruck bis Brody frisch garniert mit einigen Beispielen
Primi Piatti
Web-Typografie im Besonderen
HTML Basics mit einem Schuss Best Practices
Secondi Piatti
Tipps und Tools
Variationen zu Farbe, Raum und Schrift nach Laune des Chefs
Dolci
Trends und Ausblick
Chancen und Möglichkeiten von Mobile Devices, HTML 5 und Flash
Bei der Projektierung neuer industrieller und gewerblicher Anlagen, von denen Luftverunreinigungen ausgehen können, ist in vielen Fällen im Rahmen des immissionsschutzrechtlichen Genehmigungsverfahrens eine Immissionsprognose für Luftschadstoffe zu erstellen. Ziel ist es, die Auswirkungen durch Luftschadstoffe auf die Schutzgüter Menschen, Tiere und Pflanzen sowie Ökosysteme zu beurteilen. Auch bei einer wesentlichen Änderung einer bereits bestehenden Anlage kann die Erstellung einer Immissionsprognose notwendig werden, um die zukünftig zu erwartende, geänderte Immissionsbelastung durch die Anlage zu beurteilen.
Die weyer gruppe erstellt Immissionsprognosen für eine Vielzahl von Vorhabentypen, von Großkraftwerken über Industrieanlagen bis zu Biogasanlagen...
Viel Spass beim Lesen!
Este documento presenta una introducción a los conceptos básicos de la computación. Explica que la computación es el estudio de los fenómenos relacionados con los computadores, mientras que la informática es el procesamiento automático de información usando computadores. Define un computador como un dispositivo electrónico capaz de procesar información a partir de instrucciones en un programa. También explora brevemente la historia del desarrollo de los computadores desde las primeras máquinas mecánicas hasta los ordenadores modernos.
Componentes de la sexualidad en las relaciones humanasanariverasalas2000
El documento habla sobre la definición de sexualidad según la OMS y cómo es un aspecto central del ser humano que abarca el sexo, la identidad y la orientación sexual. También menciona que el amor es un vínculo afectivo entre personas que les permite expresar afecto y que una de sus manifestaciones es el noviazgo, el cual es una relación transitoria que permite conocerse de cara a una posible relación más seria. Además, señala que los seres humanos tenemos sexo y género, características que nos dan
El documento describe la relación del autor con las tecnologías de la información y la comunicación a lo largo de su vida, comenzando con su primer computadora de escritorio a los 8 años, seguida de su primer televisor a color y celular a los 9 y 10 años respectivamente, y continuando con la adquisición de dispositivos como DVD, reproductores de MP3, MP4 y diferentes celulares hasta los 14 años.
El documento describe la evolución de los medios y materiales de enseñanza desde los grabados rupestres hasta los ordenadores digitales. Explica que la digitalización convierte la información analógica a formato digital para un acceso fácil a través de Internet. Luego describe varios tipos de medios como manipulativos, textuales, audiovisuales, auditivos e informáticos. Concluye que los maestros deben aprovechar la tecnología como recurso de enseñanza y que los medios ofrecen una representación del conocimiento y la cultura.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms for those who already suffer from conditions like depression and anxiety.
El documento describe un estudio socioeconómico y demográfico de la comunidad Isla de León en Cartagena, Colombia. El estudio encontró que la mayoría de los residentes son jóvenes y pobres, con altos niveles de desempleo y viviendas hacinadas que carecen de servicios básicos como agua potable y alcantarillado. Además, muchos residentes son víctimas de desplazamiento forzado que enfrentan problemas de inseguridad y salud debido a la falta de infraestructura en la comunidad.
Bei der Projektierung neuer industrieller und gewerblicher Anlagen, von denen Luftverunreinigungen ausgehen können, ist in vielen Fällen im Rahmen des immissionsschutzrechtlichen Genehmigungsverfahrens eine Immissionsprognose für Luftschadstoffe zu erstellen. Ziel ist es, die Auswirkungen durch Luftschadstoffe auf die Schutzgüter Menschen, Tiere und Pflanzen sowie Ökosysteme zu beurteilen. Auch bei einer wesentlichen Änderung einer bereits bestehenden Anlage kann die Erstellung einer Immissionsprognose notwendig werden, um die zukünftig zu erwartende, geänderte Immissionsbelastung durch die Anlage zu beurteilen.
Die weyer gruppe erstellt Immissionsprognosen für eine Vielzahl von Vorhabentypen, von Großkraftwerken über Industrieanlagen bis zu Biogasanlagen...
Viel Spass beim Lesen!
Este documento presenta una introducción a los conceptos básicos de la computación. Explica que la computación es el estudio de los fenómenos relacionados con los computadores, mientras que la informática es el procesamiento automático de información usando computadores. Define un computador como un dispositivo electrónico capaz de procesar información a partir de instrucciones en un programa. También explora brevemente la historia del desarrollo de los computadores desde las primeras máquinas mecánicas hasta los ordenadores modernos.
Componentes de la sexualidad en las relaciones humanasanariverasalas2000
El documento habla sobre la definición de sexualidad según la OMS y cómo es un aspecto central del ser humano que abarca el sexo, la identidad y la orientación sexual. También menciona que el amor es un vínculo afectivo entre personas que les permite expresar afecto y que una de sus manifestaciones es el noviazgo, el cual es una relación transitoria que permite conocerse de cara a una posible relación más seria. Además, señala que los seres humanos tenemos sexo y género, características que nos dan
El documento describe la relación del autor con las tecnologías de la información y la comunicación a lo largo de su vida, comenzando con su primer computadora de escritorio a los 8 años, seguida de su primer televisor a color y celular a los 9 y 10 años respectivamente, y continuando con la adquisición de dispositivos como DVD, reproductores de MP3, MP4 y diferentes celulares hasta los 14 años.
El documento describe la evolución de los medios y materiales de enseñanza desde los grabados rupestres hasta los ordenadores digitales. Explica que la digitalización convierte la información analógica a formato digital para un acceso fácil a través de Internet. Luego describe varios tipos de medios como manipulativos, textuales, audiovisuales, auditivos e informáticos. Concluye que los maestros deben aprovechar la tecnología como recurso de enseñanza y que los medios ofrecen una representación del conocimiento y la cultura.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms for those who already suffer from conditions like depression and anxiety.
El documento describe un estudio socioeconómico y demográfico de la comunidad Isla de León en Cartagena, Colombia. El estudio encontró que la mayoría de los residentes son jóvenes y pobres, con altos niveles de desempleo y viviendas hacinadas que carecen de servicios básicos como agua potable y alcantarillado. Además, muchos residentes son víctimas de desplazamiento forzado que enfrentan problemas de inseguridad y salud debido a la falta de infraestructura en la comunidad.
Este documento proporciona información básica sobre hojas de cálculo. Explica que una hoja de cálculo es donde se pueden usar datos numéricos ordenados y que tienen 16,384 columnas y 1,048,576 filas. Menciona algunos programas de hoja de cálculo populares como Excel, OpenOffice Calc y Gnumeric. Define la diferencia entre una fórmula y una función, y proporciona ejemplos de funciones como F(x)=2x+5. Finalmente, define un rango como un conjunto de celdas contiguas que pueden ser sele
This document lists and describes 10 strange foods from around the world, including a fried brain sandwich, drunken shrimp, sannakji (live octopus), stinkbugs, mopane worms, tuna eyeballs, dried lizards, haggis, ying-yang fish, and balut (fertilized duck egg). Sources for the information are listed. The document concludes by thanking the reader and providing the author's name.
El documento describe un problema matemático donde 5 personas (Telsita, Thalesa, Hipotenusia, Aritmética y Restarin) pasan un montón de 100 tarjetas numeradas del 1 al 100 entre ellas eliminando ciertos números según sus preferencias. Al final, Restarin cuenta las tarjetas que le quedan (6 tarjetas con los números 2, 4, 14, 28, 44, 98) y determina el mayor número (98).
AUTOMAT // Redesigning the Photobooth Experience // World Usability Day 2014,...Henrik Rieß
Fotoautomaten sind in Berlin ein Tummelort für junge Menschen geworden, die gemeinsam ein Erlebnis teilen und in einem S/W Print festhalten wollen. Das erstaunliche daran ist, dass die alten, teilweise verschlissenen Kabinen aus den 70er Jahren völlig analog arbeiten und dennoch eine unglaubliche Faszination ausstrahlen.
Im Projekt AUTOMAT haben wir das Phänomen der selbsttätig arbeitenden Box analysiert und prototypische Konzepte für interaktive Fotokabinen für das Jahr 2014 entwickelt.
Dabei steht allem voran die Frage, wie medial geteilte Echtzeiterlebnisse zwischen Aufforderung zur Interaktion und automatisiertem Service gestaltet werden müssen: Ist es die Münze, die den Automaten anwirft, oder vielleicht ein Blick, eine Umarmung…
Unsere Automaten vernetzen analog und digital, bedienen sich poetischer Interaktion und zeigen neue Möglichkeiten für die Gestaltung gamifizierter Services im öffentlichen Raum.
El documento resume las normas básicas de la netiqueta para el uso del correo electrónico y las redes sociales. Explica que la netiqueta se refiere a las reglas de comportamiento en Internet y redes sociales, y proporciona consejos como evitar escribir en mayúsculas, pedir permiso antes de etiquetar fotos ajenas, y no compartir imágenes o hacer comentarios ofensivos o que afecten la propia imagen.
Für Consulting- und Ingenieurunternehmen ist die Erfassung der Arbeitszeiten der Mitarbeiter und deren Zuordnung zu den beauftragten Projekten ein wesentlicher Bestandteil der internen Organisation. Welchem Kunden können wieviele Stunden und Nebenkosten in Rechnung gestellt werden? Wie hoch ist die Auslastung einzelner Mitarbeiter? Welches Projekt und welcher Mitarbeiter trägt auf welche Weise zum wirtschaftlichen Erfolg des Unternehmens bei? Dies sind nur einige von vielen Fragen, die sich die Geschäftsleitung eines Beratungsunternehmens ständig stellen muss. Die weyer gruppe hat eine Software entwickelt, mit der die Projektverwaltung, Zeiterfassung und Budgetverfolgung übersichtlich und nachvollziehbar gestaltet werden kann. Unser Programm PAKO wurde von Beratern für Berater entwickelt und bewährt sich seit Jahren in der Praxis. Nicht Ihre betrieblichen Abläufe werden dem Programm untergeordnet, sondern PAKO passt sich den Strukturen Ihres Unternehmens an.
Entnehmen Sie dem Folder Paketangebote und Höhepunkte für Ausflüge in der Region Hall-Wattens. Erleben Sie die Region Hall-Wattens im Herzen Tirols wie Sie sie bisher noch nicht kennen. Es gibt tolle Angebote wie Natur-Erlebnistage, eine Münzreise, ein Besuch der Swarovski Kristallwelten, Wanderungen, Skitage und viele weitere Veranstaltungen in der Region Hall-Wattens.
El ciclismo en Colombia ha tenido un gran desarrollo en las últimas décadas, con ciclistas colombianos destacándose en competencias importantes de Europa como el Giro de Italia. Recientemente, Colombia ha participado con equipos propios en el Giro de Italia, con una nueva generación de ciclistas colombianos dejando su huella. El ciclismo colombiano ha logrado historia en Europa desde los años 70 y ha evolucionado mucho, con figuras actuales como Rigoberto Urán continuando con éxitos.
Marco Normativo del Gobierno Abierto en MéxicoJoel Salas
Marco normativo del Gobierno Abierto en México: la estrategia del INAI. Documentado presentado durante el Seminario "Revisión crítica del diseño normativo e institucional de la transparencia y el gobierno abierto" el 11 de mayo de 2016.
Stadt und Netz - Maerker Brandenburg - Dr. Böckmann - 16.11.2011City & Bits GmbH
Maerker Brandenburg - Stärkung der Bürgerbeteiligung und -zufriedenheit durch Anliegenmanagement
Vortrag von Dr. Ortwin Böckmann, Kommunales Anwendungszentrum Brandenburg (KAZ) beim Brandenburgischen IT-Dienstleister (ZIT-BB)
Technische Dokumentation | weyer spezialweyer gruppe
Mit der Richtlinie 2006/42/EG für Maschinen (MRL) wurden Anforderungen an die Technische Dokumentation novelliert, unter anderem enthält sie klare Vorgaben über den Inhalt und Aufbau der Dokumente.
Zusätzlich sind noch andere Regelungen und Normen bei der Erstellung der Technischen Dokumentation zu beachten. Eine der grundlegenden ist die EN 82079-1 „Erstellen von Anleitungen“, welche sich an fast alle Industriezweige richtet.
Branchenübergreifend werden in ihr Fragen der Art der Erstellung und Darstellung behandelt, aber auch Anforderungenan die Qualifikationen der Autoren gestellt. Mindestanforderungen und ein Qualitätsniveau sind somit vorgegeben....
Viel Spaß beim Lesen!
Plantilla presentaciones educa digital regional 8 2014 erciliaMiguel Nova
Este documento describe un proyecto para desarrollar una aplicación que facilite la investigación de temas de ciencias sociales para estudiantes de grado 9 en una escuela en Medellín, Colombia. Actualmente los estudiantes tienen dificultades para implementar herramientas TIC en la investigación de contenidos. El proyecto tiene el objetivo de desarrollar una aplicación en línea que ayude a los estudiantes a investigar temas de manera más fácil y significativa. La metodología incluye el uso de herramientas web como blogs, procesadores
Ein großer Bestandteil von Webseiten ist nach wie vor Text. Die weitreichende Unterstützung von Webfonts in modernen Browsern gibt uns die Möglichkeit, Schriftarten unserer Wahl für die Auszeichnung von Text zu nutzen. Allerdings gibt es auch Fallen bei der Verwendung von Webfonts, die gerade auf mobilen Geräten auftreten können. Lösungswege und Tipps für die Verwendung von Schrift im Responsive Webdesign. Zudem zeigt der Vortrag neue Möglichkeiten in CSS3.
Domänenspezifische Sprachen für Ausführbare SpezifikationenJens Nerche
Im Umfeld der agilen Softwareentwicklung sind Behavior Driven Development und Ausführbare Spezifikationen verbreitet. Die Anforderungsanalyse und -dokumentation sowie die Definition von Akzeptanzkriterien für die Anforderungen wird verbunden mit der Erstellung von maschinell ausführbaren Testfällen zur Prüfung der Akzeptanzkriterien, um eine Suite automatischer Testszenarien zu erhalten und den manuellen Aufwand auf das explorative Testen beschränken zu können.
Häufig kommen dabei dieselben Programmiersprachen zum Einsatz, mit denen auch die Lösung erstellt wird. Die Syntax dieser Sprachen schränkt jedoch die Darstellungsmöglichkeiten erheblich ein. In der Notation der Fachanwender kann man die Tests nur aufschreiben, wenn man Sprachen mit Ausdrucksmöglichkeiten der Domäne verwendet. Im Vortrag werden einige Beispiele dafür vorgestellt.
Webautoren haben verschiedene Möglichkeiten, den Geltungsbereich von CSS auf bestimmte Medien einzuschränken, sowohl bei der Einbindung eines Stylesheets als auch für bestimmte Regeln innerhalb des Stylesheets. Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht.
Este documento proporciona información básica sobre hojas de cálculo. Explica que una hoja de cálculo es donde se pueden usar datos numéricos ordenados y que tienen 16,384 columnas y 1,048,576 filas. Menciona algunos programas de hoja de cálculo populares como Excel, OpenOffice Calc y Gnumeric. Define la diferencia entre una fórmula y una función, y proporciona ejemplos de funciones como F(x)=2x+5. Finalmente, define un rango como un conjunto de celdas contiguas que pueden ser sele
This document lists and describes 10 strange foods from around the world, including a fried brain sandwich, drunken shrimp, sannakji (live octopus), stinkbugs, mopane worms, tuna eyeballs, dried lizards, haggis, ying-yang fish, and balut (fertilized duck egg). Sources for the information are listed. The document concludes by thanking the reader and providing the author's name.
El documento describe un problema matemático donde 5 personas (Telsita, Thalesa, Hipotenusia, Aritmética y Restarin) pasan un montón de 100 tarjetas numeradas del 1 al 100 entre ellas eliminando ciertos números según sus preferencias. Al final, Restarin cuenta las tarjetas que le quedan (6 tarjetas con los números 2, 4, 14, 28, 44, 98) y determina el mayor número (98).
AUTOMAT // Redesigning the Photobooth Experience // World Usability Day 2014,...Henrik Rieß
Fotoautomaten sind in Berlin ein Tummelort für junge Menschen geworden, die gemeinsam ein Erlebnis teilen und in einem S/W Print festhalten wollen. Das erstaunliche daran ist, dass die alten, teilweise verschlissenen Kabinen aus den 70er Jahren völlig analog arbeiten und dennoch eine unglaubliche Faszination ausstrahlen.
Im Projekt AUTOMAT haben wir das Phänomen der selbsttätig arbeitenden Box analysiert und prototypische Konzepte für interaktive Fotokabinen für das Jahr 2014 entwickelt.
Dabei steht allem voran die Frage, wie medial geteilte Echtzeiterlebnisse zwischen Aufforderung zur Interaktion und automatisiertem Service gestaltet werden müssen: Ist es die Münze, die den Automaten anwirft, oder vielleicht ein Blick, eine Umarmung…
Unsere Automaten vernetzen analog und digital, bedienen sich poetischer Interaktion und zeigen neue Möglichkeiten für die Gestaltung gamifizierter Services im öffentlichen Raum.
El documento resume las normas básicas de la netiqueta para el uso del correo electrónico y las redes sociales. Explica que la netiqueta se refiere a las reglas de comportamiento en Internet y redes sociales, y proporciona consejos como evitar escribir en mayúsculas, pedir permiso antes de etiquetar fotos ajenas, y no compartir imágenes o hacer comentarios ofensivos o que afecten la propia imagen.
Für Consulting- und Ingenieurunternehmen ist die Erfassung der Arbeitszeiten der Mitarbeiter und deren Zuordnung zu den beauftragten Projekten ein wesentlicher Bestandteil der internen Organisation. Welchem Kunden können wieviele Stunden und Nebenkosten in Rechnung gestellt werden? Wie hoch ist die Auslastung einzelner Mitarbeiter? Welches Projekt und welcher Mitarbeiter trägt auf welche Weise zum wirtschaftlichen Erfolg des Unternehmens bei? Dies sind nur einige von vielen Fragen, die sich die Geschäftsleitung eines Beratungsunternehmens ständig stellen muss. Die weyer gruppe hat eine Software entwickelt, mit der die Projektverwaltung, Zeiterfassung und Budgetverfolgung übersichtlich und nachvollziehbar gestaltet werden kann. Unser Programm PAKO wurde von Beratern für Berater entwickelt und bewährt sich seit Jahren in der Praxis. Nicht Ihre betrieblichen Abläufe werden dem Programm untergeordnet, sondern PAKO passt sich den Strukturen Ihres Unternehmens an.
Entnehmen Sie dem Folder Paketangebote und Höhepunkte für Ausflüge in der Region Hall-Wattens. Erleben Sie die Region Hall-Wattens im Herzen Tirols wie Sie sie bisher noch nicht kennen. Es gibt tolle Angebote wie Natur-Erlebnistage, eine Münzreise, ein Besuch der Swarovski Kristallwelten, Wanderungen, Skitage und viele weitere Veranstaltungen in der Region Hall-Wattens.
El ciclismo en Colombia ha tenido un gran desarrollo en las últimas décadas, con ciclistas colombianos destacándose en competencias importantes de Europa como el Giro de Italia. Recientemente, Colombia ha participado con equipos propios en el Giro de Italia, con una nueva generación de ciclistas colombianos dejando su huella. El ciclismo colombiano ha logrado historia en Europa desde los años 70 y ha evolucionado mucho, con figuras actuales como Rigoberto Urán continuando con éxitos.
Marco Normativo del Gobierno Abierto en MéxicoJoel Salas
Marco normativo del Gobierno Abierto en México: la estrategia del INAI. Documentado presentado durante el Seminario "Revisión crítica del diseño normativo e institucional de la transparencia y el gobierno abierto" el 11 de mayo de 2016.
Stadt und Netz - Maerker Brandenburg - Dr. Böckmann - 16.11.2011City & Bits GmbH
Maerker Brandenburg - Stärkung der Bürgerbeteiligung und -zufriedenheit durch Anliegenmanagement
Vortrag von Dr. Ortwin Böckmann, Kommunales Anwendungszentrum Brandenburg (KAZ) beim Brandenburgischen IT-Dienstleister (ZIT-BB)
Technische Dokumentation | weyer spezialweyer gruppe
Mit der Richtlinie 2006/42/EG für Maschinen (MRL) wurden Anforderungen an die Technische Dokumentation novelliert, unter anderem enthält sie klare Vorgaben über den Inhalt und Aufbau der Dokumente.
Zusätzlich sind noch andere Regelungen und Normen bei der Erstellung der Technischen Dokumentation zu beachten. Eine der grundlegenden ist die EN 82079-1 „Erstellen von Anleitungen“, welche sich an fast alle Industriezweige richtet.
Branchenübergreifend werden in ihr Fragen der Art der Erstellung und Darstellung behandelt, aber auch Anforderungenan die Qualifikationen der Autoren gestellt. Mindestanforderungen und ein Qualitätsniveau sind somit vorgegeben....
Viel Spaß beim Lesen!
Plantilla presentaciones educa digital regional 8 2014 erciliaMiguel Nova
Este documento describe un proyecto para desarrollar una aplicación que facilite la investigación de temas de ciencias sociales para estudiantes de grado 9 en una escuela en Medellín, Colombia. Actualmente los estudiantes tienen dificultades para implementar herramientas TIC en la investigación de contenidos. El proyecto tiene el objetivo de desarrollar una aplicación en línea que ayude a los estudiantes a investigar temas de manera más fácil y significativa. La metodología incluye el uso de herramientas web como blogs, procesadores
Ein großer Bestandteil von Webseiten ist nach wie vor Text. Die weitreichende Unterstützung von Webfonts in modernen Browsern gibt uns die Möglichkeit, Schriftarten unserer Wahl für die Auszeichnung von Text zu nutzen. Allerdings gibt es auch Fallen bei der Verwendung von Webfonts, die gerade auf mobilen Geräten auftreten können. Lösungswege und Tipps für die Verwendung von Schrift im Responsive Webdesign. Zudem zeigt der Vortrag neue Möglichkeiten in CSS3.
Domänenspezifische Sprachen für Ausführbare SpezifikationenJens Nerche
Im Umfeld der agilen Softwareentwicklung sind Behavior Driven Development und Ausführbare Spezifikationen verbreitet. Die Anforderungsanalyse und -dokumentation sowie die Definition von Akzeptanzkriterien für die Anforderungen wird verbunden mit der Erstellung von maschinell ausführbaren Testfällen zur Prüfung der Akzeptanzkriterien, um eine Suite automatischer Testszenarien zu erhalten und den manuellen Aufwand auf das explorative Testen beschränken zu können.
Häufig kommen dabei dieselben Programmiersprachen zum Einsatz, mit denen auch die Lösung erstellt wird. Die Syntax dieser Sprachen schränkt jedoch die Darstellungsmöglichkeiten erheblich ein. In der Notation der Fachanwender kann man die Tests nur aufschreiben, wenn man Sprachen mit Ausdrucksmöglichkeiten der Domäne verwendet. Im Vortrag werden einige Beispiele dafür vorgestellt.
Webautoren haben verschiedene Möglichkeiten, den Geltungsbereich von CSS auf bestimmte Medien einzuschränken, sowohl bei der Einbindung eines Stylesheets als auch für bestimmte Regeln innerhalb des Stylesheets. Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht.
Foliensatz zu meinem Vortrag im Oberseminar des Arbeitsbereiches Natürlichsprachliche Systeme (NatS) am Dep. Informatik der Universität Hamburg vom 29.11.2011
Wissenschaftliche Textverarbeitung mit Microsoft Word, LaTeX, Pandoc-Markdown.Elmar Harjung
Gehalten im Rahmen eines Referats in der Vorlesung und Übung "Digitale Medienkompetenz" (521.030) im Wintersemester 2016/17, geleitet von Mag. Dr.phil. Helmut W. Klug, am Zentrum für Informationsmodellierung, an der Karl-Franzens-Universität Graz. Geschrieben in Pandoc-Markdown (zuerst mit dem Editor *Sublime Text*, dann *Atom*), gesetzt mit LuaLaTeX.
Die zugehörige PDF mit mehr Informationen findet sich auf Academia.edu (unter selbigem Titel).
Vielleicht sind diese Arbeiten dem Einen oder der Anderen von Hilfe.
Bootstrap ist ein Open-Source-Framework von Twitter, das eine Reihe von Hilfsmitteln für die Gestaltung von Websites und Webanwendungen bereitstellt. Die Gestaltungsvorlagen basieren auf HTML und CSS und beinhalten Formulare, Buttons, Tabellen und viele andere Oberflächenelemente. Dieser Vortrag gibt eine Einführung und weitere wertvolle Tipps aus der Praxis.
There and back again - Responsive Webdesign mit WordPress Michael Oeser
There and back again - Responsive Webdesign (RWD) mit WordPress - Vom Desktop zum Smartphone und wieder zurück
Präsentation anlässlich der Wordpress Konferenz am 05.03.2013 in Zürich
In einem DeepDive zeigen euch Lars Heinrich und Peggy Reuter den Umgang mit Expression Blend für Silverlight, Windows Phone 7 und WPF. Damit ihr am Ende des Abends auch handfestes Wissen mit nach Hause nehmt, werden die beiden mit euch einige kleine Applikationen erarbeiten. Angedacht sind für den gemeinsamen Abend: eine Formular-Applikation, ein SketchFlow Prototyp und das Designen dessen, sowie ein kleines 3D-WPF-Projekt. Im Verlauf der drei kleinen Arbeiten werdet ihr die relevanten Features von Blend und den Basis-Umgang mit Blend erlernen. Die großen Neuerungen von Blend 4, sowie eine Windows Phone App werden wir, wenn Zeit bleibt, auch noch demonstrieren. Es wird ein codefreier Abend werden, da wir uns an diesem Abend vorwiegend auf der WYSIWYG-Oberfläche bewegen werden.
Das Konzept: Für jeden verständlich und übersichtlich, gemacht für Designer, Template-Entwickler und IT.Alle Anforderungen, alle Besonderheiten für mobile Optimierung müssen spezifiziert sein und dabei soll alles auch noch so einfach wie möglich aufbereitet sein. Gar nicht so einfach, oder?
15. Was ist Typografie?Typografie ist kontextabhängig Medium Technologie Format Material Leser / Publikum Umgebung Persönliche Stimmung Vorlieben / Interessen Autor / Absender Art der Information Verwendungszweck Absicht
17. Autor Strukturiert die Informationen nach seinem eigenen mentalen Modell Was ist Typografie?Typografie ist Kommunikation Designer Verbindet beide Modelle mit Hilfe von etablierten Regeln und Erfahrung Leser Verarbeitet die Informationen nach seinem eigenen mentalen Modell
18. Was ist Typografie?Typografie ist Struktur Überschriften Seitentitel <title> Kapiteltitel <h1> Haupttitel <h2> Zwischentitel <h3> Titel 4. Ordnung <h4> Titel 5. Ordnung <h5> Titel 6. Ordnung <h6> Absätze & Listen Normaler Absatz <p> Ausdruck <dfn> Code <code> Code-Abschnitt <samp> Variable <var> Zitat <blockquote> Quelle <cite> Liste <ul> Auflistung <ol> Definitionsliste <dl><dt><dd> … Textauszeichnung Hervorhebung <strong> Betonung <em> Bold / fett <b> Italic / kursiv <i> Big / Gross <big> Small / klein <small> Teletext <tt> Hochgestellt <sup> Tiefgestellt <sub> …
19. Was ist Typografie?Typografie ist das Web «Typographyisnot on the Web, it IS the Web» Mark Boulton, FOWD London 2009
43. Grössen und AbständeTextbreite und Zeilenabstände 10 bis 15 Worte je Zeile sind optimal Zeilenabstand von 133-150% der Schriftgrösse ist ideal Grössere Textbreite bedingt einen grösseren Zeilenabstand
45. Grössen und AbständeAbsatzformatierung – Einrückung mittels erster Zeile p { margin-bottom:0 } p + p { text-indent:1em; margin-top:0 } Einrückung = min. Zeilenhöhe
53. FarbkontrasteGrundlagen und WAI Zu starke Kontraste sind unangenehm Schriftglättung (Anti-Alias) bei hohen Kontrasten ist problematisch Kontraste können Inhalte strukturieren WAI Standards sind zu berücksichtigen
54.
55.
56. Large text passed at level AAAGuideline 1.4.6: Contrast (Enhanced) - WCAG 2 Thevisualpresentation of text and images of text has a contrastratio of at least 7:1 (Level AAA). www.paciellogroup.com
57.
58. Large text passed at level AAGuideline 1.4.3: Contrast (Minimum) - WCAG 2 Thevisualpresentation of text and images of text has a contrastratio of at least 4.5:1 (Level AA).
60. Large text passed at level AAAGuideline 1.4.6: Contrast (Enhanced) - WCAG 2 Thevisualpresentation of text and images of text has a contrastratio of at least 7:1 (Level AAA).www.paciellogroup.com
61.
62. Large text passed at level AAGuideline 1.4.3: Contrast (Minimum) - WCAG 2 Thevisualpresentation of text and images of text has a contrastratio of at least 4.5:1 (Level AA).
64. Large text failed at level AAAGuideline 1.4.6: Contrast (Enhanced) - WCAG 2 Thevisualpresentation of text and images of text has a contrastratio of at least 7:1 (Level AAA).www.paciellogroup.com
88. Grundlagen und TippsFontstacks «One Font doesn‘t fit all» Problem Je nach Betriebssystem und Software sind verschiedene Schriften installiert. Lösung Es werden mehrere Schriften im CSS definiert.
90. Grundlagen und TippsNathan Ford‘sBetter Font Stacks 1 2 3 4 Ideal Alternative Verbreitet Generisch Weitere Beispiele: www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/
97. Ausblick und TrendsSchriftenenbindung mit Javascript – sIFR Pro OpenType- und TrueType-Schriftensind geeignet Vorteil gegenüber Bildern bei Suchmaschinen und Barrierefreiheit Text ist skalierbar Text kann selektiert und kopiert werden
98. Ausblick und TrendsSchriftenenbindung mit Javascript – sIFR Contra Performanceproblem bei mehr als zehn Elementen pro Seite Benötigt Flash (iPad, iPhone) Beschränkung bei nicht lateinischen Alphabeten Keine Druckfunktion Transparente Hintergründe werden bei IE6 nicht unterstützt
99. Ausblick und TrendsSchriftenenbindung mit Javascript – sIFR sIFR Generator Erstellt aus TrueType und OpenType Schriften die entsprechende SWF-Datei www.sifrgenerator.com/wizard2.html
100. Ausblick und TrendsSchriftenenbindung mit Javascript – Cufon Pro Gute Performance Kommt ohne Flash aus (iPad, iPhone) Text ist skalierbar Grosse Auswahl an Schriften Gute Optimierungsmöglichkeit beim Zusammenstellen der Zeichen
101. Ausblick und TrendsSchriftenenbindung mit Javascript – Cufon Contra Eingeschränkte Interaktivität Beschränkung bei nicht lateinischen Alphabeten Text lässt sich nicht kopieren
102. Ausblick und TrendsSchriftenenbindung mit Javascript – Cufon Cufon Generator Erstellt aus TrueType und OpenType Schriften die entsprechende Javascript-Datei Untergruppen auch für Kyrillische und koptische Schriften möglich. cufon.shoqolate.com/generate/
104. Ausblick und TrendsSchrifteinbindung mit CSS (font-face) Einbinden von Zeichensätzen mittels @font-face. www.zenelements.com/blog/css3-embed-font-face/ und www.css3.info/preview/web-fonts-with-font-face/
105. Ausblick und TrendsSchrifteinbindung mit CSS (font-face) Pro Einfach und unkompliziert Kein Flash Kein Javascript Kompatible mit CSS Transformationen Keine Beschränkung der Interaktivität Unterstützt von allen aktuellen Browsern
106. Ausblick und TrendsSchrifteinbindung mit CSS (font-face) Contra Datei wird bei umfangreichen Zeichensätze sehr gross ( >1MB) Allerdings: Lizenzproblem!!!
108. Ausblick und TrendsLösung 2: Web-Services für Schrifteinbindung Pro Schriftinformation ist codiert –> Rechtssicherheit Daten sind komprimiert –> gute Performance Schnelle und einfache Integration –> Unkompliziert Contra Serverausfall Unterschiedliche Preismodelle (Abo oder Fixpreis) keine Schriftenklassiker
109. Ausblick und TrendsWeb-Services für Schrifteinbindung Anbieter Typekit – www.typekit.com Typotheque – www.typotheque.com Kernest – www.kernest.com Fontdeck – www.fontdeck.com
111. Ausblick und TrendsCSS 3 – Mehrspaltiger Text Mehrspaltiger Text inkl. vertikaler Trennlininen und zusätzlichen Einstellungen für den Blocksatz (auto, inter-word, inter-ideograph, inter-cluster, distribute, kashida) www.zenelements.com/blog/css3-multiple-columns/