{"id":1352,"date":"2006-12-16T12:51:57","date_gmt":"2006-12-16T11:51:57","guid":{"rendered":"http:\/\/textundblog.de\/?p=1352"},"modified":"2007-01-03T12:46:45","modified_gmt":"2007-01-03T11:46:45","slug":"css-layouts-mehrspaltiges-fur-die-digitale-boheme","status":"publish","type":"post","link":"https:\/\/textundblog.de\/?p=1352","title":{"rendered":"CSS-Layouts: Mehrspaltiges f\u00fcr die digitale Boh\u00e8me"},"content":{"rendered":"

\"CSS-Layouts: Das im Hochsommer<\/a> von Dirk Jesse<\/a> f\u00fcr die Weihnachtszeit angek\u00fcndigte Buch CSS-Layouts (Verlags-Infos<\/a> und ausf\u00fchrliches Probekapitel) ist tats\u00e4chlich im Dezember erschienen. <\/p>\n

Spaltenlayout geh\u00f6rt seit langem zum gestalterischen Repertoire des Webdesigns. Der Wechsel vom bisherigen, tabellengest\u00fctzten Layout zu einer CSS-Layout-L\u00f6sung birgt aber viele Probleme und verlangt nach konsequenter Trennung von Textauszeichnung und Pr\u00e4sentationslogik.<\/p><\/blockquote>\n

Heute ist es auch bei mir eingetroffen. Alles, was mir jetzt noch fehlt, ist die Zeit das Buch und das Konzept der mehrspaltigen Layouts (YAML<\/a>) durchzuarbeiten. Aber ich hab ja bald Urlaub… Obwohl – gibt es \u00fcberhaupt noch so etwas wie Urlaub f\u00fcr die digitale Boh\u00e8me<\/a>?<\/p>\n","protected":false},"excerpt":{"rendered":"

Das im Hochsommer von Dirk Jesse f\u00fcr die Weihnachtszeit angek\u00fcndigte Buch CSS-Layouts (Verlags-Infos und ausf\u00fchrliches Probekapitel) ist tats\u00e4chlich im Dezember erschienen. Spaltenlayout geh\u00f6rt seit langem zum gestalterischen Repertoire des Webdesigns. Der Wechsel vom bisherigen, tabellengest\u00fctzten Layout zu einer CSS-Layout-L\u00f6sung birgt aber viele Probleme und verlangt nach konsequenter Trennung von Textauszeichnung und Pr\u00e4sentationslogik. Heute ist es […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[11,13],"tags":[],"class_list":["post-1352","post","type-post","status-publish","format-standard","hentry","category-literatur","category-webdesign"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4uzZ-lO","jetpack-related-posts":[{"id":1175,"url":"https:\/\/textundblog.de\/?p=1175","url_meta":{"origin":1352,"position":0},"title":"Webstandards: XHTML & CSS statt Tabellen","author":"Markus","date":"4\/9\/2006","format":false,"excerpt":"Jens Grochtdreis beschreibt dankenswerterweise und leicht verst\u00e4ndlich, warum Tabellen nicht zum Layouten von Webseiten gedacht sind und wie man mit CSS ganz einfach der Struktur einer XHTML-Seite Form und Gestaltung gibt: \u00abWebseiten sind keine Gem\u00e4lde - Modernes Webdesign mit XHTML und CSS\u00bb. Das klassische Tabellenlayout hat ausgedient. Moderne Browser -\u2026","rel":"","context":"In "Webdesign"","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":145,"url":"https:\/\/textundblog.de\/?p=145","url_meta":{"origin":1352,"position":1},"title":"Webdesign mit farbigen K\u00e4sten","author":"Markus","date":"10\/1\/2005","format":false,"excerpt":"Andreas Kalt hat eine Anleitung der australischen Webdesign-Schmiede Maxdesign ins Deutsche \u00fcbersetzt: Farbige K\u00e4sten - Ein CSS-Layout erstellen. Die Gestaltung von Webseiten mit Cascading Stylesheets (CSS) erm\u00f6glicht eine Trennung von Form und Inhalt. In diesem Tutorial geht es besonders darum, keine Tabellen zu Layoutzwecken zu benutzen. Besten Dank an Andreas\u2026","rel":"","context":"In "Webdesign"","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1116,"url":"https:\/\/textundblog.de\/?p=1116","url_meta":{"origin":1352,"position":2},"title":"CSS-Layouts – Praxisl\u00f6sungen mit YAML","author":"Markus","date":"3\/8\/2006","format":false,"excerpt":"Foto (links): Photocase.com, (rechts): Galileo-Verlag YAML ist vielleicht keine besonders gl\u00fccklich gew\u00e4hlte Abk\u00fcrzung, weil sie sich ausgesprochen ein bi\u00dfchen nach \u00abJammer\u00bb anh\u00f6rt, aber was Dirk Jesse da auf die Beine gestellt hat, ist eine (Achtung: absichtliche Wiederholung: ausgesprochen ;-) ) feine Sache. In der Selbstbeschreibung erkl\u00e4rt sich YAML wie folgt:\u2026","rel":"","context":"In "Literatur"","block_context":{"text":"Literatur","link":"https:\/\/textundblog.de\/?cat=11"},"img":{"alt_text":"Weihnachtshimmel","src":"https:\/\/i0.wp.com\/www.textundblog.de\/wp-content\/weihnachtshimmel.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3340,"url":"https:\/\/textundblog.de\/?p=3340","url_meta":{"origin":1352,"position":3},"title":"Text & Blog ab sofort in 3-spaltigem Layout","author":"Markus","date":"9\/1\/2010","format":false,"excerpt":"Layoutvergleich: links: 2 Spalten (vorher); rechts: 3 Spalten (nachher); auf Flickr in gro\u00df. Wie auf Twitter gestern schon angek\u00fcndigt, habe ich meinem Blog heute ein leichtes Redesign geg\u00f6nnt. Aus dem 2-spaltigen Layout ist ein 3-spaltiges geworden. Viel hat sich ansonsten \u2013 zumindest sichtbar \u2013 nicht ge\u00e4ndert. Und wenn ich nicht\u2026","rel":"","context":"In "Webdesign"","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"vorher: 2-spaltiges Layout","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tub2010-2spaltig.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":6182,"url":"https:\/\/textundblog.de\/?p=6182","url_meta":{"origin":1352,"position":4},"title":"Nach 7 Jahren bald neues Layout von Text & Blog","author":"Markus","date":"27\/7\/2014","format":false,"excerpt":"Am 1. November 2014 wird dieses Blog 10 Jahre alt. Den ersten Artikel hab ich damals noch in Saarbr\u00fccken geschrieben. Ein halbes Jahr sp\u00e4ter bin ich dann nach Hamburg gezogen. In K\u00fcrze erscheint hier \u2013 kann es selbst kaum glauben \u2013 der 4.000 Beitrag. Seit Juli 2007 hat sich das\u2026","rel":"","context":"In "Webdesign"","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tub-layoutneu.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":665,"url":"https:\/\/textundblog.de\/?p=665","url_meta":{"origin":1352,"position":5},"title":"Webstandards Adventskalender","author":"Markus","date":"1\/12\/2005","format":false,"excerpt":"Wenn wir von Webstandards sprechen, meinen wir nicht nur den puren Regelsatz, wir meinen implizit auch eine Vorgehensweise bei der Entwicklung von Webseiten. Modernes Webdesign mit Webstandards wendet sich von den traditionellen Layouttabellen ab und trennt Struktur und Layout. Jawoll! Die Webkrauts bieten wieder ihren traditionellen Adventskalender an, wo man\u2026","rel":"","context":"In "Webdesign"","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"Webstandards Adventskalender","src":".\/wp-content\/webstandardsadventskalender.png","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1352"}],"version-history":[{"count":0,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1352\/revisions"}],"wp:attachment":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}