Web-Paper Plugin

Lesbarkeit

Lange Texte optimal auf Webseiten darzustellen ist oft problematisch. Mit dem Web-Paper Plugin wird das Lese Erlebnis deutlich gesteigert! Text-orientierte Zeitungen zeigen wie es geht: Spaltensatz! Überlange Zeilen und vertikales Scrollen werden vermieden.
Dieses Konzept haben wir für das Web adaptiert und mit mobilen Funktionen ausgestattet.

Key-Features:

• JQuery Framework
• automatische Spaltenzahl
• Spaltenbreite variabel
• einfachste Integration in bel. CMS
• Swipe Steuerung auch auf Desktop
• Left-Stop und End-Stop automatisch
• 100% Mobile-Ready!

Testen Sie selbst:

ändern sie die Fenstergröße und beobachten, wie sich die Spalten dynamisch anpassen!

Bilder

Fotos und Illustrationen werden automatisch in der gewählten Spaltenbreite gesetzt. Die hier gezeigten sind Beispiele der Presse Arbeit von G. Schwidrowski.

Ut felis nibh, dapibus in dolor sed, adipiscing luctus velit. Maecenas pretium eros in felis sollicitudin, id consequat nisi rhoncus. Maecenas dapibus sit amet sapien sed tempor. Donec fermentum varius mi ac rutrum. Etiam eu placerat massa, vel viverra urna. Vestibulum tristique risus augue, a convallis sapien mollis porttitor. Vivamus adipiscing sapien in aliquam laoreet. Donec a est quis dolor suscipit viverra vitae vitae mi. Proin venenatis, urna nec adipiscing hendrerit, orci nulla rutrum dui, sit amet tincidunt erat massa blandit nulla. Nulla porta, nisl sed aliquet ullamcorper, quam nulla pharetra mauris, id faucibus nunc urna ac velit. Donec vitae sapien nulla. Nulla non turpis libero.

Absatz 3

Aliquam mollis dignissim sapien, vel condimentum odio mattis a. In in lacinia velit. Duis tortor purus, consectetur et laoreet et, condimentum at diam. Maecenas diam justo, interdum sit amet mauris nec, consectetur sodales turpis. Quisque et augue sitamet ipsum adipiscing ultrices vestibulum at augue. Cras elementum, massa quis commodo imperdiet, massa ipsum commodo dui, id posuere mauris felis nec risus. Morbi sollicitudin felis id neque porta placerat. Fusce sapien eros, ullamcorper ut consectetur viverra, tempus ut erat. Integer venenatis leo augue, vitae volutpat velit consectetur in. Donec placerat aliquet nisl, id lobortis sem iaculis vel. Fusce facilisis laoreet nisl ac lobortis. Suspendisse ac ullamcorper leo. Maecenas sit amet metus ullamcorper, pulvinar tellus elementum, varius nibh.

Absatz 4

In bibendum varius elit id sodales. 

Ut elit augue, rhoncus quis vehicula vitae, fermentum eget quam. Vestibulum sed facilisis magna. Curabitur bibendum, neque a facilisis volutpat, tellus risus eleifend est, a sagittis lacus tortor at nunc. Vivamus lectus lacus, semper quis aliquet aliquam, facilisis vitae diam. Praesent posuere, diam quis varius lobortis, nunc purus mollis libero, aliquam porta quam justo convallis mi. Mauris sit amet nisi et massa placerat pretium. Quisque dictum fermentum elit, faucibus vulputate nibh accumsan a. Duis felis diam, tempus id adipiscing in, dapibus vitae nisl. Aliquam pellentesque dui lacus, et ullamcorper lectus consectetur eget. In viverra vitae ante et ornare. Quisque commodo elit sed lorem tristique semper.

Absatz 5

Donec id egestas orci. Nullam convallis tellus a congue auctor. Pellentesque aliquam odio vel nisi scelerisque sollicitudin. Vivamus vel metus eu ipsum pharetra adipiscing eget sed turpis. Fusce ornare convallis est eu sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam fermentum fermentum leo eget molestie. Integer vitae auctor nunc. Fusce convallis, dui a pretium consequat, est lacus vulputate quam, eget suscipit tellus leo eu neque.

Absatz 6

 

Pellentesque condimentum magna auctor sem tincidunt bibendum. Quisque pharetra tristique nunc non dapibus. Duis eu justo tellus. Donec at tristique purus. Pellentesque tristique dolor risus, eu pulvinar nisl vestibulum at. Nulla blandit vehicula neque, id convallis velit lacinia at. Duis gravida, ligula a scelerisque vehicula, sem erat faucibus lectus, in tincidunt mauris libero vel lectus. 

Absatz 7

Nam eu suscipit tellus, a adipiscing nibh. Mauris vel lacus nec justo sagittis dignissim. Aliquam est felis, commodo a justo sed, ultrices accumsan purus. Pellentesque felis lorem, fringilla sit amet neque at, egestas feugiat purus. Cras placerat quam nec sapien convallis facilisis in in erat. Donec ut porta ipsum. Quisque gravida nulla eu velit egestas commodo. Donec euismod semper facilisis. Sed tincidunt fringilla enim. Maecenas nec neque eu massa tincidunt tincidunt.

Aliquam pharetra sodales tincidunt. Integer tristique quam mi, suscipit porta nibh interdum quis. 

Absatz 8

Aliquam sagittis, orci eget consectetur vehicula, tortor arcu tempus risus, at rhoncus arcu neque eu sapien.

Curabitur lacinia sapien elit, et euismod arcu rutrum condimentum. Cras ullamcorper nibh augue, ut dignissim arcu elementum quis. Maecenas gravida, justo sagittis hendrerit rutrum, tellus tortor suscipit metus, id tristique sapien erat eget nisi. Duis tincidunt lacinia quam, sit amet tempor tellus viverra laoreet. Integer vehicula nisl felis, vel venenatis augue auctor id. Donec iaculis leo vel tortor aliquet mattis. Nam dolor tellus, ornare eget imperdiet in, faucibus ut nisi. Sed at neque sollicitudin, dapibus tellus eget, sagittis ligula. Ut dui tellus, adipiscing at dolor sit amet, hendrerit semper dui. Nam semper dapibus neque sit amet tristique. Pellentesque condimentum varius ipsum, sed elementum tellus pulvinar in. Suspendisse sapien diam, sagittis sodales ante a, placerat luctus magna. In hac habitasse platea dictumst.

Absatz 9

Donec leo nulla, vestibulum ac molestie quis, venenatis non metus. Integer ut lectus sollicitudin,

gravida libero pellentesque, ullamcorper quam. Aliquam sapien diam, consectetur id accumsan a, mollis ut augue. Proin placerat ante ullamcorper est ultricies dapibus. Nunc gravida tristique tortor at mollis. Etiam sit amet neque velit. Sed pulvinar erat id diam tincidunt, viverra consequat dui rutrum. Donec eu commodo mi. Cras pretium at lectus et egestas. 

Absatz 10

Pellentesque posuere neque nisl, sodales laoreet massa vulputate vel. Maecenas leo purus, pulvinar at posuere ut, congue id lacus. Fusce dapibus mi sapien, at tincidunt odio accumsan non. Donec eget libero volutpat, laoreet metus et, eleifend eros.

Quisque gravida, urna quis dignissim venenatis, massa lacus dapibus tortor, convallis ornare mauris diam vel lorem. Mauris et pellentesque ante. Etiam auctor commodo magna id molestie. Vivamus nunc sapien, lobortis vel cursus feugiat, dictum at tortor. Vivamus pretium est et commodo feugiat. Vestibulum id blandit nisl. Proin ante magna, sollicitudin non fermentum vel, adipiscing non augue. Vivamus quis accumsan elit, vel semper risus. Suspendisse mollis diam nec sapien aliquet ultricies eu a ligula. Vivamus ac rutrum odio, eget auctor eros. Phasellus porta, erat eget fermentum iaculis, massa urna aliquet odio, et auctor urna quam et nunc. Nunc nunc nunc, accumsan eget mattis et, tincidunt ut risus. 

Absatz 11

Donec diam neque, pretium ac volutpat vel, imperdiet vel metus. Integer egestas tellus at gravida dignissim. Phasellus id diam sapien. Maecenas pretium dolor eget orci congue consectetur. Nullam eget ligula eget ipsum cursus molestie.

Nam sed viverra metus. Ut sit amet quam lorem. Quisque vitae sapien eu quam consectetur eleifend. Phasellus congue porta sapien non mollis. Duis feugiat libero enim, nec pellentesque lectus consequat non. Quisque interdum lorem urna, eu pulvinar felis commodo eu. Integer ultrices ut sem vitae semper. Vestibulum purus augue, viverra nec tincidunt nec, dignissim ut leo. Vestibulum nibh erat, tristique euismod convallis eget, suscipit quis nunc. 

Absatz 12

Aliquam varius porttitor enim, eu aliquet elit venenatis convallis. Aliquam eu ante rutrum, suscipit tellus non, adipiscing lectus.

Nunc blandit porta nisl, sed mattis tellus suscipit vitae. Cras posuere vel lectus sed facilisis. In libero libero, sodales nec lobortis quis, porta ut arcu. Sed vitae turpis purus. Donec ut nunc ligula. 

Absatz 13

Nulla eu adipiscing mauris. Nam arcu massa, aliquet non gravida eget, pellentesque non nibh. Etiam egestas mi nulla, eget tristique sem imperdiet in. Vivamus venenatis metus id nisl rutrum dictum. Vestibulum sed dui vel leo scelerisque volutpat.

In eget velit fermentum, bibendum nisi ac, sagittis nisl. Proin libero dui, mollis id porttitor in, fermentum ut massa. Vivamus euismod tincidunt ligula, in bibendum nisl fermentum sed. Vestibulum et lacinia nulla. Ut vehicula mi sit amet rhoncus ultrices. Nunc a molestie metus. Aenean ut accumsan dui, rutrum blandit tellus. 

Absatz 14

Sed hendrerit accumsan volutpat. Donec erat dui, pretium faucibus justo nec, faucibus tristique felis. Morbi tincidunt a arcu sed sagittis. Vestibulum dui sem, dignissim sed venenatis nec, pulvinar ac leo. Vivamus ac aliquet sem, eu bibendum augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent lobortis tristique mauris ac pellentesque. Cras in nibh id mauris rutrum fringilla vel at lectus. Praesent vel metus nunc.

Absatz 15

Vestibulum odio magna, luctus sed justo vel, commodo pretium sapien.

Etiam ac gravida felis. Nam neque tortor, venenatis viverra orci at, auctor consequat quam. Etiam consequat lacus erat, vitae aliquam massa sollicitudin at. Ut ac consequat lorem. Vestibulum porttitor eros arcu, bibendum eleifend ipsum sollicitudin nec. Cras dapibus eget sapien vel rutrum. Donec viverra condimentum ligula eu lobortis. Vivamus a auctor ante. Nam et metus at diam faucibus vehicula vel non nulla. Aliquam dapibus sed ligula vel fringilla. Phasellus dictum lacus in condimentum lacinia. Nunc porttitor tortor at orci laoreet ullamcorper. Nam pulvinar condimentum ipsum, eu fringilla sapien hendrerit a. Sed accumsan tellus et enim venenatis, ut suscipit sem suscipit. Nullam suscipit lorem a leo posuere, a tristique sem mollis. 

Absatz 16

Nullam ut metus vel metus porttitor ornare vitae ac enim. Aliquam interdum risus in egestas sollicitudin. Vivamus laoreet dui vel vestibulum lacinia. Donec pellentesque massa sit amet leo dapibus, eu mollis eros varius. Maecenas gravida at massa eu accumsan. Nam ligula nibh, laoreet et bibendum id, auctor at lectus. Vivamus mattis adipiscing tristique. Proin at nisi ante. Nulla venenatis auctor fermentum. 

Absatz 17

Cras viverra augue et elit elementum imperdiet. Pellentesque tellus mi, sodales a malesuada eget, luctus id tortor. Aliquam erat volutpat. Sed venenatis nibh sit amet cursus ornare. Mauris vel dui sed orci tincidunt gravida. Praesent varius turpis sit amet neque aliquam, a cursus ante fermentum. Vivamus magna dolor, lobortis volutpat metus bibendum, luctus eleifend tortor. Maecenas vehicula cursus purus, at lacinia ligula ullamcorper eu. In sit amet leo ut urna placerat egestas.

Absatz 18

In mollis auctor sem. Suspendisse nec purus enim. Integer luctus gravida turpis, ac venenatis dolor luctus quis. Donec sed magna neque. Donec in consequat diam, imperdiet mollis sapien. Phasellus a facilisis velit, et accumsan elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae lectus tristique, auctor leo quis, aliquet tellus. Nulla tempus ipsum a lorem sagittis cursus. Mauris euismod mi in ornare pharetra. Etiam dapibus risus nibh, ac tincidunt nulla tempor vitae.

Absatz 19

Sed vitae mauris fermentum orci pulvinar porta. Pellentesque viverra nisl nec lacus facilisis, non elementum urna ullamcorper. Sed elementum, est condimentum posuere ultricies, urna felis lobortis nisi, id fringilla nibh sapien nec ante. Sed quis rutrum nisl. Mauris ullamcorper sit amet felis semper dictum. Donec hendrerit velit nec urna iaculis, eget accumsan eros bibendum. Aliquam condimentum, nisi non auctor lobortis, dolor metus venenatis libero, nec vestibulum libero quam sit amet mi. Nam sodales at est eget ornare. Aliquam erat volutpat. Morbi vehicula mi in tristique convallis. Proin convallis quam nec erat varius, sed volutpat enim sollicitudin.

Absatz 20

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis aliquam fringilla. Quisque pretium pulvinar nisi, sed vulputate quam imperdiet et. Nam placerat at magna eget laoreet. Pellentesque lobortis posuere magna, vitae eleifend justo gravida non. Maecenas bibendum porta est, et consectetur nulla varius at. Fusce urna diam, mattis id adipiscing adipiscing, cursus vel felis.

Absatz 21

Vestibulum tristique accumsan nibh at tristique. Aliquam sagittis nulla non neque ultricies rutrum. Aliquam tincidunt velit odio, non eleifend dui euismod non. Curabitur a imperdiet enim. Sed suscipit tincidunt vehicula. Cras pulvinar ultrices sollicitudin. Fusce vel tristique dui, eu blandit quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam lobortis augue lectus, eget aliquet mauris bibendum eu. Ut eleifend diam et magna dictum condimentum. Fusce in nisl dignissim, elementum purus id, consequat eros. Donec luctus aliquet dui, at bibendum leo dapibus tempor. Fusce imperdiet risus vel tellus posuere tincidunt. Praesent sit amet gravida odio. Donec ut velit quis ante ornare lacinia non quis nisi.

Absatz 22

Nullam porta mi ut vestibulum consequat. Quisque vitae velit tellus. Pellentesque pellentesque vulputate sem, ac sagittis enim mollis eget. Nunc scelerisque orci eget sodales porta. Ut fermentum at metus at vulputate. Nunc dapibus libero mauris, a tincidunt mi commodo eget. Maecenas mattis tortor non sapien mollis facilisis. Praesent adipiscing mollis ante, sed posuere purus suscipit id. Vivamus euismod rhoncus lorem, vitae scelerisque ligula porttitor ut. Donec hendrerit diam nec lectus blandit pellentesque.

Absatz 23

Cras at orci sed quam mollis pretium ac id orci. Quisque semper ipsum nibh, ac aliquet urna aliquet vitae. Duis mauris neque, vestibulum vel porttitor sit amet, commodo lobortis metus. Nulla aliquam sagittis felis in laoreet. Praesent elementum, ante vel rutrum aliquet, neque lorem euismod mauris, ut faucibus orci turpis at dolor. Aenean gravida purus et pretium feugiat. Fusce vitae lorem ac leo ornare eleifend ut vel nulla. Fusce vel dignissim dui, vitae posuere justo.

Absatz 24

Vestibulum massa orci, rutrum ut odio eget, feugiat mattis tellus. Proin tempor nisl ipsum, et mattis lacus convallis sed. Sed pretium, dolor viverra dictum tristique, erat neque consequat diam, vel molestie ante magna euismod tellus. Donec adipiscing sodales dui sit amet eleifend. Nunc varius augue quis libero ultrices facilisis. Sed hendrerit sapien at justo elementum adipiscing ac ut nisl. Mauris iaculis laoreet arcu, vel adipiscing mi tempus a. Donec sed interdum leo. Nam sagittis nibh ac suscipit commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam semper vel felis sit amet lobortis. Praesent dolor ipsum, commodo nec felis vel, laoreet consectetur dui. Curabitur posuere sapien nec risus hendrerit porttitor nec dapibus mauris. Phasellus in porta purus.

Absatz 25

Integer et libero id dui molestie fringilla at quis justo. Quisque vel egestas eros. Etiam nec suscipit est. Quisque id massa id justo aliquam commodo nec quis nisi. Nunc scelerisque lorem quis tortor rutrum tempus vitae nec erat. Cras ut leo dui. Phasellus feugiat tempor faucibus. Pellentesque commodo gravida urna, eget pellentesque lectus semper non. Mauris eu massa at felis varius pulvinar. Sed eget condimentum felis. Curabitur in sem laoreet, semper eros non, ullamcorper ante.