26,6% of all websites worldwide are running on WordPress! Now that’s a lot of sites! For those of you who thought WordPress was still a CMS relegated to bloggers, think again. 38% of all online stores worldwide run wooCommerce (WordPress’ eCommerce plugin) on top of WordPress, yowzers! But how do you scale WordPress for high traffic peaks?
In this talk, Jan Löffler (CTO at Plesk) will demonstrate how to scale WordPress on AWS and Docker using AutoScaling to make your apps and websites fly high!
Wie man mit Observatory Schwächen auf Webseiten prüfen und mit einfachen Mitteln auch beheben kann. Eine Story um X-HTTP-Header, Content-Security-Policy und HSTS
WordPress Meetup Karlsruhe Plesk 2016 - Die Veränderung der Web Entwicklung -...Jan Löffler
Viele Webseiten basieren noch auf shared hosting, dedizierten oder virtuellen Server Infrastrukturen und bedienen somit die Komfortzone von KMUs und Web Professionals. Die Frage ist nur, wie lange noch? Neue Technologien wie Docker in Verbindung mit Architekturen für verteilte Systeme wie Microservices stellen traditionelle Hosting Infrastrukturen in Frage und sind bei startup Unternehmen in der ständig wachsenden Web Szene äußerst beliebt. In diesem Talk gibt Jan Löffler, CTO des beliebten Server Management Tools Plesk, einen Einblick wie Startup Unternehmen und Marktführer wie z.B. Zalando ihre Webseiten entwickeln und warum immer öfter AWS der bevorzugte Cloud Service Provider ist.
PoP - “Platform of Platforms”: Framework for building Single-Page Application...Leonardo Losoviz
PoP creates Single-Page Application websites, by combining Wordpress and Handlebars into an MVC architecture framework:
- Wordpress is the model/back-end
- Handlebars templates are the view/front-end
- the PoP engine is the controller
For more information, visit https://getpop.org
26,6% of all websites worldwide are running on WordPress! Now that’s a lot of sites! For those of you who thought WordPress was still a CMS relegated to bloggers, think again. 38% of all online stores worldwide run wooCommerce (WordPress’ eCommerce plugin) on top of WordPress, yowzers! But how do you scale WordPress for high traffic peaks?
In this talk, Jan Löffler (CTO at Plesk) will demonstrate how to scale WordPress on AWS and Docker using AutoScaling to make your apps and websites fly high!
Wie man mit Observatory Schwächen auf Webseiten prüfen und mit einfachen Mitteln auch beheben kann. Eine Story um X-HTTP-Header, Content-Security-Policy und HSTS
WordPress Meetup Karlsruhe Plesk 2016 - Die Veränderung der Web Entwicklung -...Jan Löffler
Viele Webseiten basieren noch auf shared hosting, dedizierten oder virtuellen Server Infrastrukturen und bedienen somit die Komfortzone von KMUs und Web Professionals. Die Frage ist nur, wie lange noch? Neue Technologien wie Docker in Verbindung mit Architekturen für verteilte Systeme wie Microservices stellen traditionelle Hosting Infrastrukturen in Frage und sind bei startup Unternehmen in der ständig wachsenden Web Szene äußerst beliebt. In diesem Talk gibt Jan Löffler, CTO des beliebten Server Management Tools Plesk, einen Einblick wie Startup Unternehmen und Marktführer wie z.B. Zalando ihre Webseiten entwickeln und warum immer öfter AWS der bevorzugte Cloud Service Provider ist.
PoP - “Platform of Platforms”: Framework for building Single-Page Application...Leonardo Losoviz
PoP creates Single-Page Application websites, by combining Wordpress and Handlebars into an MVC architecture framework:
- Wordpress is the model/back-end
- Handlebars templates are the view/front-end
- the PoP engine is the controller
For more information, visit https://getpop.org
The document appears to be a series of 14 sketches from Jury Shinkarev Studio Design for a project called "AKVARIUS". The sketches show various architectural designs and structures for the AKVARIUS project, including a pedestrian bridge, horizontal escalators, and a sloping pathway.
This document discusses the effects of insulating a distillation column on a chemical process. Insulating reactor columns 1 and 4 reduced distillation times by approximately 30 and 20 hours respectively across multiple batches. Insulating the columns while maintaining a lower pot temperature improved fractionation and maintained or reduced polymer buildup levels. Moving forward, running additional batches with meticulous cleaning and reduced pot temperatures while closely monitoring fractionation and fouling could further optimize the process.
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.
This document discusses big data and the key factors contributing to its growth. It notes that big data refers to massive volumes of structured and unstructured data that are too large to process using traditional techniques due to their size and speed. The main factors driving big data are identified as volume, as data collection increases from various sources; velocity, as data streams in and needs real-time processing; and variety, as data comes in many structured and unstructured forms. Examples of big data uses that provide benefits are also outlined.
The document provides instructions for creating a crocheted piece called "HIPPY" by Nunzia Diglio. It includes details on materials used, which are 250g of yarn in a specific blend and a 4.5mm hook. The instructions say to cast on 123 chains and work following the chart provided using stitches including chains, slip stitches and double crochets. Fringe is added as a finishing touch by winding yarn around an object, cutting into pieces, and pulling the pieces through loops along the bottom edge.
The document describes a showcase of Spanish foods and drinks including red table wine, paella from Valencia, brandy from Spain, olive oil, cured meats and ham from Iberian pork, European chicken, organic free-range European chicken, Iberian pork, and European white pork.
This document provides a summary of Hager Adly el shaffey's background and experience. She is an Egyptian graphic designer currently living in Riyadh, Saudi Arabia. She has over 10 years of experience in graphic design and is highly skilled in Adobe programs like InDesign, Photoshop, and Illustrator. Her experience includes positions as a senior graphic designer and graphic designer for advertising companies in Saudi Arabia and Egypt. She creates designs for publications, advertising, websites and more.
This document discusses WordPress security and provides recommendations for preventing attacks. It outlines common attack types like exploits and brute forcing. It emphasizes that security is an ongoing process that involves limiting access, containment, preparation, and using trusted sources for updates and plugins. Specific recommendations include always updating WordPress and plugins, using strong credentials, limiting admin access, server hardening, and monitoring servers and websites. It also recommends security plugins, backups, and deployment tools to improve WordPress security.
El documento describe las características de la Web 3.0, incluyendo la inteligencia, sociabilidad, rapidez, ubicuidad y facilidad. Explica que la Web 3.0 pretende crear un método para clasificar páginas web y hacer que las comunidades sociales sean más exclusivas y complejas. También menciona algunas ventajas como encontrar información relevante más fácilmente y desventajas como la complejidad de codificar la información semánticamente. Concluye que la Web 3.0 traerá mayor innovación tecnol
The pygmy marmoset is the world's smallest monkey, averaging 5.35 inches in length. They live in small family groups in the forests of South America and have a unique diet consisting of tree sap and insects. Despite their small size, they exhibit complex social behaviors and communication within their tight-knit family groups. While currently listed as a species of least concern, their forest habitat is under threat from deforestation.
DDoS attacks are a growing menace due to readily available attack tools, botnets for hire, and lack of adequate protections by many organizations. The motives for attacks include hacktivism, extortion, competitive attacks in online games, and revenge. Common targets are websites and online services. The impacts of DDoS attacks include lost revenue, reputation damage, lost productivity, and recovery costs. Common attack types are volumetric (flooding bandwidth), protocol attacks, and application layer attacks targeting services like HTTP and DNS. Many organizations have myths about protection and rely solely on firewalls, IDS, or their ISPs. Effective mitigation requires monitoring, overprovisioning resources, IP reputation databases, ACLs, load
The document appears to be a series of 14 sketches from Jury Shinkarev Studio Design for a project called "AKVARIUS". The sketches show various architectural designs and structures for the AKVARIUS project, including a pedestrian bridge, horizontal escalators, and a sloping pathway.
This document discusses the effects of insulating a distillation column on a chemical process. Insulating reactor columns 1 and 4 reduced distillation times by approximately 30 and 20 hours respectively across multiple batches. Insulating the columns while maintaining a lower pot temperature improved fractionation and maintained or reduced polymer buildup levels. Moving forward, running additional batches with meticulous cleaning and reduced pot temperatures while closely monitoring fractionation and fouling could further optimize the process.
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.
This document discusses big data and the key factors contributing to its growth. It notes that big data refers to massive volumes of structured and unstructured data that are too large to process using traditional techniques due to their size and speed. The main factors driving big data are identified as volume, as data collection increases from various sources; velocity, as data streams in and needs real-time processing; and variety, as data comes in many structured and unstructured forms. Examples of big data uses that provide benefits are also outlined.
The document provides instructions for creating a crocheted piece called "HIPPY" by Nunzia Diglio. It includes details on materials used, which are 250g of yarn in a specific blend and a 4.5mm hook. The instructions say to cast on 123 chains and work following the chart provided using stitches including chains, slip stitches and double crochets. Fringe is added as a finishing touch by winding yarn around an object, cutting into pieces, and pulling the pieces through loops along the bottom edge.
The document describes a showcase of Spanish foods and drinks including red table wine, paella from Valencia, brandy from Spain, olive oil, cured meats and ham from Iberian pork, European chicken, organic free-range European chicken, Iberian pork, and European white pork.
This document provides a summary of Hager Adly el shaffey's background and experience. She is an Egyptian graphic designer currently living in Riyadh, Saudi Arabia. She has over 10 years of experience in graphic design and is highly skilled in Adobe programs like InDesign, Photoshop, and Illustrator. Her experience includes positions as a senior graphic designer and graphic designer for advertising companies in Saudi Arabia and Egypt. She creates designs for publications, advertising, websites and more.
This document discusses WordPress security and provides recommendations for preventing attacks. It outlines common attack types like exploits and brute forcing. It emphasizes that security is an ongoing process that involves limiting access, containment, preparation, and using trusted sources for updates and plugins. Specific recommendations include always updating WordPress and plugins, using strong credentials, limiting admin access, server hardening, and monitoring servers and websites. It also recommends security plugins, backups, and deployment tools to improve WordPress security.
El documento describe las características de la Web 3.0, incluyendo la inteligencia, sociabilidad, rapidez, ubicuidad y facilidad. Explica que la Web 3.0 pretende crear un método para clasificar páginas web y hacer que las comunidades sociales sean más exclusivas y complejas. También menciona algunas ventajas como encontrar información relevante más fácilmente y desventajas como la complejidad de codificar la información semánticamente. Concluye que la Web 3.0 traerá mayor innovación tecnol
The pygmy marmoset is the world's smallest monkey, averaging 5.35 inches in length. They live in small family groups in the forests of South America and have a unique diet consisting of tree sap and insects. Despite their small size, they exhibit complex social behaviors and communication within their tight-knit family groups. While currently listed as a species of least concern, their forest habitat is under threat from deforestation.
DDoS attacks are a growing menace due to readily available attack tools, botnets for hire, and lack of adequate protections by many organizations. The motives for attacks include hacktivism, extortion, competitive attacks in online games, and revenge. Common targets are websites and online services. The impacts of DDoS attacks include lost revenue, reputation damage, lost productivity, and recovery costs. Common attack types are volumetric (flooding bandwidth), protocol attacks, and application layer attacks targeting services like HTTP and DNS. Many organizations have myths about protection and rely solely on firewalls, IDS, or their ISPs. Effective mitigation requires monitoring, overprovisioning resources, IP reputation databases, ACLs, load
2. Wo findet man den richtigen Webfont
Free Webfonts
http://www.fontsquirrel.com/
https://edgewebfonts.adobe.com/
Kostenpflichtige Webfonts
https://www.fontshop.com
http://www.myfonts.de/
http://www.linotype.com/de/
http://www.fonts.com/de
https://typekit.com/plans
3. e im Web
n „schiefgehen
Typografie im Web
Was kann „schiefgehen“?
4. Unterschied zwischen Leserlichkeit und Lesbarkeit
Leserlichkeit sind typografische Faktoren
• Schriftart
• Schrift-Größe
• Buchstabenabstand
• Zeilenabstand
• Zeilenlänge
Lesbarkeit
• Rechtschreibfehler
• falsche Interpunktion
• Bandwurmsätze
• zu viele Füllwörter
5. Abstand & Weißraum
„Zu viel Abstand gibt es eigentlich nicht!“ 1
Weißraum
• „Weißraum bezeichnet die Gesamtheit der Abstands- und Leerflächen in einem Layout.“ 1
Abstand
• Spaltenabstand, Zeilenabstand, Randabstand
6. AbstandLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec
pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, vene-
natis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra
nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curab-
itur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimen-
tum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc,
blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. xbibend-
um sodales, augue velit cursus nunc.
Dies ist ein sehr sehr sehr sehr
sehr lange Headline
Dies ist ein gutes Beispiel für
die Leserlichkeit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligu-
la eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partu-
rient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentes-
que eu, pretium quis, sem. Nulla consequat massa quis enim.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam
eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus,
sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
rhoncus ut, et ante tincidunt tempus. Donec vitae sapien ut libero venenatis
faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis
leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat
Der Zeilenabstand ist hier
zu gering, die Leserlichkeit
wird dadurch verringert.
Der Zeilenabstand ist hier
zu groß. Die Headline wird
nicht mehr als zusammen-
hängend wahrgenommen.
7. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam fe-
lis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Zeilenlänge & Spalten
Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor
eu, consequat vitae, eleifend
ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat
a, tellus. Phasellus viverra nulla
ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam
ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam
eget dui. Etiam rhoncus. Maecenas
tempus, tellus eget condimentum
rhoncus, sem quam semper libero,
sit amet adipiscing sem neque sed
ipsum. Nam quam nunc, blandit
vel, luctus pulvinar, hendrerit id,
lorem. Maecenas nec odio et
ante tincidunt tempus. Donec
vitae sapien ut libero venenatis
faucibus. Nullam quis ante. Etiam
sit amet orci eget eros faucibus
tincidunt. Duis leo. Sed fringilla
mauris sit amet nibh. Donec
sodales sagittis magna. Sed
consequat, leo eget bibendum
sodales, augue velit cursus nunc,
Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor
eu, consequat vitae, eleifend
ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat
a, tellus. Phasellus viverra nulla
ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam
ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam
eget dui. Etiam rhoncus. Maecenas
tempus, tellus eget condimentum
rhoncus, sem quam semper libero,
sit amet adipiscing sem neque sed
ipsum. Nam quam nunc, blandit
vel, luctus pulvinar, hendrerit id,
lorem. Maecenas nec odio et
ante tincidunt tempus. Donec
vitae sapien ut libero venenatis
faucibus. Nullam quis ante. Etiam
sit amet orci eget eros faucibus
tincidunt. Duis leo. Sed fringilla
mauris sit amet nibh. Donec
sodales sagittis magna. Sed
consequat, leo eget bibendum
sodales, augue velit cursus nunc,
Bei großen Bildschirmen mit hoher Auflösung sollte
die Zeilenläge nicht zu lang werden. Man sollte die
Zeilen durch eine max-width Angabe begrenzen.
Bei mobilen Geräten sollte die
Zeilenlänge nicht zu kurz werden.
8. • Zeilenlänge von ca. 50–80 Zeichen
• Bei Spalten und auf mobilen Geräten reicht eine Zeilenlänge von ca. 40–50 Zeichen
• Es empfiehlt sich immer, über max-width eine Maximalbreite für den Textbereich festzulegen.
• Spalten nach Möglichkeit nur bei kurzen Textabschnitten verwenden
Fazit
9. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem
ante, dapibus in, viverra quis, feugiat a, tellus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget
condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Ausrichtung
Der Blocksatz ist in den Printmedien Handarbeit. Im Web wird der
Blocksatz automatisch generiert und somit erzwungen. Dadurch, dass
Textboxen flexibel für die mobilen Geräte und die unterschiedlichen
Bildschirmformate bleiben müssen, werden die Wortabstände
ungleichmäßig und der Text verliert durch zu große Wortabstände
seine Leserlichkeit.
Zentrierter Text ist nur für kurze Textabschnitte geeignet
Rechtsbündigen Text findet man sehr selten. Diese Textausrichtung
entspricht nicht unserer Leserichtung von links nach rechts.
10. Ich bin ein schön gestalteter Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra
nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, et ante tincidunt
tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros
faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
Silbentrennung
Im Web steckt die automatische Silbentrennung immer noch in
den Kinderschuhen. Deshalb kommt es immer wieder zu falschen
Silbentrennungen.
Der Flattersatz ist ein links ausgerichteter Text. In den Printmedien ist
der Flattersatz durch sein unruhiges Zeilenende weniger beliebt und
wird nur mit Silbertrennung eingesetzt. Dies gilt aber nicht für das
Web, denn...
...im Web darf Text flattern!
11. Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, justo.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a. Nullam
dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem
ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing
sem neque sed ipsum.
Headline
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a. Nullam
dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem
ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing
sem neque sed ipsum.
Kontraste
Zu wenig Kontrast zwischen Hintergrundfarbe und Textfarbe
verringert die Leserlichkeit.
Ist die Hintergrundfarbe zu dunkel, beginnt der Text zu flackern und
ermüdet so schneller die Augen.
Ein Beispiel für ein gutes Kontrastverhältniss ist ein weißer Hintergrund mit
einer Textfarbe von 80% schwarz.
Eine weitere Orientierung zur Kontrastfreiheit und ihrer Grenzen sind die
offiziellen Verordnungen zur Barrierefreiheit.
Ein nettes Tool zum Kontrast zwischen Hintergrundsfarbe und Textfarbe
findet Ihr hier:
http://leaverou.github.io/contrast-ratio/