Pixeldrama » liquide Layouts http://pixeldrama.de » Webdesign Berlin Sat, 03 Dec 2011 13:57:28 +0000 en hourly 1 http://wordpress.org/?v=3.1 Liquid Resize, dynamisch Bildgrößen verändern http://pixeldrama.de/2008/01/16/liquid-resize-dynamische-bildgrosen-verandern/ http://pixeldrama.de/2008/01/16/liquid-resize-dynamische-bildgrosen-verandern/#comments Wed, 16 Jan 2008 12:55:02 +0000 Benjamin http://pixeldrama.de/2008/01/16/liquid-resize-dynamische-bildgrosen-verandern/ Websites können so erstellt werden, dass sie sich in der Breite an die Größe des Browserfensters anpassen. Man spricht in solchen Fällen von liquid, flexible oder fluid Layouts. So ein Verhalten ist bisher nur für Texte möglich, Bilder lassen sich nicht in ihrer Ausdehnung verändern. Dass es einen Lösungsansatz gibt, habe ich hier geschrieben.

Jetzt weiß ich, wo man das Programm runterladen kann und zwar bei thegedanken.com. Dort gibt es auch eine ausführliche Anleitung und ein paar Beispiele. Der Trick besteht darin, dass nur der Hintergrund geschrumpft wird, während maskierte Objekte im Vordergrund ihre Proportionen beibehalten. Wer sich jetzt nichts vorstellen kann, soll sich das Video auf Youtube angucken.

Liquid Resize besuchen

]]> http://pixeldrama.de/2008/01/16/liquid-resize-dynamische-bildgrosen-verandern/feed/ 0 liquide Bilder – ein Ausblick in die Zukunft http://pixeldrama.de/2007/09/05/liquide-bilder-ein-ausblick-in-die-zukunft/ http://pixeldrama.de/2007/09/05/liquide-bilder-ein-ausblick-in-die-zukunft/#comments Wed, 05 Sep 2007 20:29:35 +0000 Benjamin http://pixeldrama.de/2007/09/05/liquide-bilder-ein-ausblick-in-die-zukunft/ Liquid oder flexibel oder fluid bezeichnet man Websites, die sich in ihrer Ausdehnung der Browserfensterbreite anpassen. Pixeldrama basierend auf YAML ist ein Beispiel dafür :). Nur mit Grafiken und Bildern gibt es Probleme, die waren in ihrer Größe statischer als der Stillstand selbst. Aber es kommt Bewegung in die Sache. Hier ein Blick in die Zukunft:

Link zum Video

]]> http://pixeldrama.de/2007/09/05/liquide-bilder-ein-ausblick-in-die-zukunft/feed/ 4