<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Der News und Technik Blog &#187; css</title>
	<atom:link href="http://micropublicantes.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://micropublicantes.com</link>
	<description>CSS und Weitere Funde aus dem Netz. Technik ist meine Leidenschaft, dazu gibt es News.</description>
	<lastBuildDate>Sun, 13 May 2012 18:52:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>CSS und ZenGarden</title>
		<link>http://micropublicantes.com/css-und-zengarden/</link>
		<comments>http://micropublicantes.com/css-und-zengarden/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 08:39:59 +0000</pubDate>
		<dc:creator>Petty</dc:creator>
				<category><![CDATA[Technik]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[zengarden]]></category>

		<guid isPermaLink="false">http://micropublicantes.com/?p=59</guid>
		<description><![CDATA[Wer mit HTML oder XML arbeitet und Web-Seiten optimal gestalten will, kommt um strukturierte Dokumente in einer deklarativen Styleheet-Sprache und damit um Cascading Style Sheets (CSS) nicht herum. Inhalte und Bereiche einer Internetseite werden mit CSS in Abschnitten und Aussehen so gestaltet, dass sie, derselben Klasse angehörend, vom System erkannt werden. Mit Cascading Style Sheets [...]]]></description>
			<content:encoded><![CDATA[<p>Wer mit HTML oder XML arbeitet und Web-Seiten optimal gestalten will, kommt um strukturierte Dokumente in einer deklarativen Styleheet-Sprache und damit um <strong>Cascading Style Sheets</strong> (CSS) nicht herum. Inhalte und Bereiche einer Internetseite werden mit CSS in Abschnitten und Aussehen so gestaltet, dass sie, derselben Klasse angehörend, vom System erkannt werden.</p>
<p>Mit Cascading Style Sheets erhalten Sie eine optimale Gestaltung und ein ansprechendes Aussehen Ihrer Homepage und können eine unterschiedliche Darstellung verschiedener Ausgabemedien angeben und die Sites verwalten.<br />
Hohe Flexibilität in der Gestaltung erreichen Sie durch die Möglichkeit, Elemente frei zu positionieren <a href="http://www.csszengarden.com/">ZenGarden</a> und diverse Angaben zu Farben und Schriften festzulegen, die dann von Ihrem Browser implementiert und über mehrere Stylesheets hinweg vererbt werden können (Kaskadeneffekt). So werten Sie ihr Web-Design auf.</p>
<p>Ein Nebeneffekt ist, dass Sie bei Design-Änderungen nur die CSS-Vorlage editieren brauchen. Alle betroffenen Web-Seiten erneuern sich automatisch. So sparen Sie Zeit und Arbeit. Durch die Optimierung mit DIV-Containern und dem externen CSS-Dokument verringert sich die Größe auf gut 30 KB. So wird auch ein problemloses Aufrufen Ihrer Website über PDA oder Handy möglich. Zudem wird eine optimale Indexierung Ihrer Seiten durch die Suchmaschinen-Spider möglich.</p>
<p><strong>CSS Level 1 und 2</strong> wird von allen aktuellen Browsern vollständig umgesetzt und unterstützt Autoren bei der Erstellung ihrer Dokumente und medienspezifische Stylesheets, insbesondere auf visuellen Browsern, akustischen Geräten, Drucker oder Braille-Geräten.<br />
<strong>CSS Level 3</strong> wird mit einem modularen Aufbau wohl in Zukunft die wichtigste Grundlage webbasierter Entwicklungen und Darstellungen sein. So können Sie das Register ihrer Web-Site mit Grafikelementen optisch aufwerten. Arbeiten Sie mit einfachen linearen Grafiken, reicht es aus, wenn dem <code><a></code>-Element über die Eigenschaft Background, die Hintergrundgrafik zugeordnet wird. Sollen die Buttons an der oberen Kante runde Ecken zeigen oder ein nicht linearer Farbverlauf den Hintergrund bilden, muss der HTML-Code etwas verändert werden. Cascading Style Sheets lässt auch die optimale Gestaltung einer Breadcrumb-Navigation zu. Sie zeigt den Pfad zur aktuellen Seite und es werden die übergeordneten Seiten verlinkt.</p>
<p>Ein blinkender Text wird die besondere Aufmerksamkeit des Lesers verursachen und kann mit folgender Cascading Style Sheets-Definition erzielt werden: blink<br />
{color: #00ffff; text-decoration:none;) der Text wird bei einem Link nicht unterstrichen.</p>
]]></content:encoded>
			<wfw:commentRss>http://micropublicantes.com/css-und-zengarden/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cascading Style Sheets</title>
		<link>http://micropublicantes.com/cascading-style-sheets/</link>
		<comments>http://micropublicantes.com/cascading-style-sheets/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 07:07:01 +0000</pubDate>
		<dc:creator>Petty</dc:creator>
				<category><![CDATA[Technik]]></category>
		<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[style]]></category>

		<guid isPermaLink="false">http://micropublicantes.com/?p=57</guid>
		<description><![CDATA[Cascading Style Sheets (CSS) sind eine Erweiterung von HTML und können ungemein bei der Gestaltung eines Dokuments helfen. CSS sollte als sinnvolle Ergänzung zu HTML oder XHTML gesehen werden, mit den man sehr viel Zeit beim Gestalten von Internetseiten sparen kann. Denn wer CSS nutzt, kann sich beim HTML schreiben völlig auf Inhalt und Struktur [...]]]></description>
			<content:encoded><![CDATA[<p>Cascading Style Sheets (CSS) sind eine Erweiterung von HTML und können ungemein bei der Gestaltung eines Dokuments helfen. CSS sollte als sinnvolle Ergänzung zu HTML oder XHTML gesehen werden, mit den man sehr viel Zeit beim Gestalten von Internetseiten sparen kann. Denn wer CSS nutzt, kann sich beim HTML schreiben völlig auf Inhalt und Struktur konzentrieren und das Layout außen vor lassen.<br />
Das Layout und die Formateigenschaften einzelner HTML-Elemente werden entweder im -Bereich der HTML-Datei oder unabhängig von dem HTML-Dokument in einer separaten Datei (Stylesheet) festgelegt.</p>
<p>Der große Vorteil beim Schreiben eines externen Stylesheets liegt darin, dass ein Stylesheet in viele HTML-Dateien parallel eingebunden werden kann, wobei dies nicht nur Zeit erspart, sondern die HTML-Dokumente auch übersichtlicher und kleiner werden lässt. Mit wenigen Änderungen in einer oder wenigen Stylesheet-Dateien kann so das Aussehen vieler HTML-Dateien verändert werden.<br />
Zu den CSS-Eigenschaften zählen natürlich Schriftformatierung und Hintergrundfarben und -bilder, doch besonders die Ausrichtung einzelner HTML-Elemente sowie ein genereller Außenrand können sehr einfach festgelegt werden.<br />
Im folgenden werde ich Ihnen einige Tipps geben, die Barrieren aus dem Weg räumen sollten und die Sie sich während des CSS-Schreibens immer wieder in Erinnerung rufen sollten.</p>
<p>Bevor Sie eine Web-Seite mit Stylesheet hochladen, sollten Sie das Layout mit verschiedenen Browsern und vielleicht auch mit einem Netbook und einem internetfähigen Handy testen. Damit dann nicht der große Schock kommt, weil es im Internet Explorer ganz anders wirkt als Firefox es Ihnen immer dargestellt hatte, empfiehlt es sich, schon während des Schreibens immer wieder zu prüfen, wie die Seite von verschiedenen Browsern dargestellt wird. Sie sollten sogar davon ausgehen, dass jemand nur Ihr HTML ohne Stylesheet sieht (keine Unterstützung durch Browser oder CSS ausgeschaltet). Auch dann noch sollte es ordentlich aussehen! CSS bietet mittlerweile sogar die Möglichkeit, unterschiedliche CSS-Formate für unterschiedliche Ausgabemedien zu definieren. Diese Möglichkeit sollten Sie nutzen!</p>
<p>Da Stylesheets so einfach zu schreiben sind, verführen sie schnell dazu, schöne, aber unleserliche Schriftarten zu verwenden. Bedenken Sie Farbkombinationen von Schrift und Hintergrund, Schriftgröße, Schriftart, Effekte et cetera. Denn wer den Text ihrer Internetseite nicht richtig lesen kann wird sie wohl nicht wieder besuchen und keine Weiterempfehlung aussprechen.</p>
]]></content:encoded>
			<wfw:commentRss>http://micropublicantes.com/cascading-style-sheets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Die Zukunft von CSS</title>
		<link>http://micropublicantes.com/die-zukunft-von-css/</link>
		<comments>http://micropublicantes.com/die-zukunft-von-css/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 22:56:05 +0000</pubDate>
		<dc:creator>Petty</dc:creator>
				<category><![CDATA[Technik]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[zukunft]]></category>

		<guid isPermaLink="false">http://micropublicantes.com/?p=54</guid>
		<description><![CDATA[Obwohl die CSS-Version 3 noch Zukunftsmusik ist &#8211; das was in Zukunft mit Cascading Style Sheets möglich ist, lässt Webmaster positiv nach vorne blicken. Voraussichtlich wird auch in 2010 die neue CSS-Variante noch keine W3C-Spezifikation sein, doch ein Blick in die Glaskugel sei uns gegönnt. Die folgenden Features werden mit großer Wahrscheinlichkeit mit dem Level [...]]]></description>
			<content:encoded><![CDATA[<div style="float:left;padding-right:8px"><script type="text/javascript"><!--
google_ad_client = "pub-0832216598282729";
/* 300x250, created 11/25/09 micropublicantes.com */
google_ad_slot = "9508782913";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<p>Obwohl die CSS-Version 3 noch Zukunftsmusik ist &#8211; das was in Zukunft mit <strong>Cascading Style Sheets</strong> möglich ist, lässt Webmaster positiv nach vorne blicken. Voraussichtlich wird auch in 2010 die neue CSS-Variante noch keine W3C-Spezifikation sein, doch ein Blick in die Glaskugel sei uns gegönnt. Die folgenden Features werden mit großer Wahrscheinlichkeit mit dem Level 3 der Cascading Style Sheets, Einzug in die wunderbare Welt der Webseiten halten. Grundlegend unterscheidet sich Level 3 von den Vorgängern, in seinem modularen Aufbau. Geplant sind derzeit drei weitere Attributselektoren, einige neue Pseudoelemente beziehungsweise -klassen, sowie ein Geschwisterkombinierer.</p>
<p>Auf ID- und Class-Attribute kann dadurch häufiger verzichtet werden, was den HTML-Code vereinfacht. Als Alternative zum Boxmodell der Level 1 und 2, soll die Eigenschaft box-sizing kommen. Beim herkömmlichen Boxmodell, definieren width und height die Größe des Boxinhalts. Die Endbreite und -höhe bestimmen der Inhalt, sowie die margin- und padding-Abstände. Im Level 3 der <strong>Cascading Style Sheets</strong> entsprechen box-sizing und content-box, mit ihren Standardwerten, diesem Modell. Der Alternativ-Wert von border-box hingegen, beinhaltet auch Innenabstände, sowie Rahmen. Der Medientyp reader vereint, einfach ausgedrückt, verschiedene Ausgabemöglichkeiten. Bisher konnten zwar mehrere Ausgabearten unterstützt werden, der User-Agent durfte allerdings stets nur einen Medientyp verwenden und musste zwischen diesen wechseln. Dies bedeutet einen weiteren Schritt hin zum barriereärmeren Internet.</p>
<p>Eine der sinnvollsten Neuerungen, soll die lang ersehnte calc-Funktion werden. Praktisch würde dies die Möglichkeit bieten, Kalkulationen ähnlich des Exelformats auszugeben. Viel gestalterische Freiheit verspricht die <strong>Anzeige mehrerer Hintergrundbilder</strong>. Die grundsätzliche Idee sieht vor, dass mehrere durch Kommata getrennte Bilder untereinander dargestellt werden. Ebenfalls ein Segen ist die zu erwartende offizielle opacity-Eigenschaft, die bisher diverse Hürden, wie beispielsweise den Internet Explorer zu überwinden hatte. Mit ähnlichen Problemen hat bis heute der border-radius, zur Darstellung von abgerundete Ecken zu kämpfen. Für die Erzeugung neuer Tabs und Windows, sollen in Version 3 der Cascading Style Sheets, die target-Eigenschaften dienen. Doch das W3C blickt nicht nur nach vorn, so findet das gute, alte marquee-Element Einlass in <strong>CSS</strong> Level 3. Einst durch die übermächtige Stellung des Internet Explorers weit verbreitet, war dieses Element fast schon dem Untergang geweiht und soll nun auf die Bildschirme zurück kehren.</p>
]]></content:encoded>
			<wfw:commentRss>http://micropublicantes.com/die-zukunft-von-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

