<?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>picxl.de &#187; CSS &amp; HTML</title>
	<atom:link href="http://www.picxl.de/thema/css-html/feed" rel="self" type="application/rss+xml" />
	<link>http://www.picxl.de</link>
	<description>Link- und Tutorialressource fÃ¼r Webmaster</description>
	<lastBuildDate>Sat, 24 Dec 2011 14:45:05 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Das Webstandard Weihnachtsgewinnspiel</title>
		<link>http://www.picxl.de/webstandard-weihnachtsgewinnspiel</link>
		<comments>http://www.picxl.de/webstandard-weihnachtsgewinnspiel#comments</comments>
		<pubDate>Sat, 24 Dec 2011 14:30:53 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=1242</guid>
		<description><![CDATA[Im CSS3 Adventskalender 2011 des Webstandard-Blogs wurde die Weihnachtszeit mit ganz vielen Informationen rund um spannende CSS3-Techniken vers&#252;&#223;t. Ein Adventskalender endet &#252;blicher&#173;weise am Tag 24 mit einem kleinen Highlight. Im Webstandard-Blog ist dies Das gro&#223;e Weihnachtsgewinnspiel, bei dem eine ganze Reihe B&#252;cher vom Galileo-Verlag, vom Verlag Addison-Wesley sowie von O&#8217;Reilly unter&#8217;s Volk gebarcht werden. Au&#223;erdem [...]]]></description>
			<content:encoded><![CDATA[<p><img width="200" height="150" align="right" alt="Webstandard-Blog" src="http://www.picxl.de/wp-content/uploads/image/webstandard-blog.png" />Im CSS3 Adventskalender 2011 des Webstandard-Blogs wurde die Weihnachtszeit mit ganz vielen Informationen rund um spannende CSS3-Techniken vers&uuml;&szlig;t. Ein Adventskalender endet &uuml;blicher&shy;weise am Tag 24 mit einem kleinen Highlight.<br />
Im Webstandard-Blog ist dies <a title="Das gro&szlig;e Weihnachtsgewinnspiel des Webstandard-Blogs" target="_blank" href="http://webstandard.kulando.de/post/2011/12/23/das-grosse-weihnachtsgewinnspiel-tag-24-im-css3-adventskalender-2011">Das gro&szlig;e Weihnachtsgewinnspiel</a>, bei dem eine ganze Reihe B&uuml;cher vom Galileo-Verlag, vom Verlag Addison-Wesley sowie von O&#8217;Reilly unter&#8217;s Volk gebarcht werden. Au&szlig;erdem warten 3 Jahresabonemments der Websiteboosting auf ihre Gewinner.</p>
<p><span id="more-1242"></span></p>
<p>Im CSS Adventskalender ging es die vergangenen Tage unter anderem um:</p>
<ul>
<li>CSS Transform und Transition</li>
<li>CSS3-Keyframe-Animationen</li>
<li>CSS Media Queries</li>
<li>CSS3 Pattern mit Linear-Gradient</li>
<li>CSS3 Transform</li>
<li>CSS3 Count &#8211; HTML Elemente nummerieren</li>
<li>bis hin zu einen Ausblick auf CSS4</li>
</ul>
<p>Mein pers&ouml;nliches Sahnest&uuml;ck hierbei: Das Auf- und Zuklappen von Men&uuml;s, dem <a href="http://webstandard.kulando.de/post/2011/12/15/css3-toggler-vertikales-menu-zum-auf-und-zuklappen-tag-16-im-css3-advenstkalender-2011?utm_source=feedburner&amp;utm_medium=feedGoogle+Reader&amp;utm_campaign=Feed%3A+webstandardblog+%28webstandardblog%29&amp;utm_content=Google+Reader" target="_blank" title="  CSS3 Toggler - Vertikales Menu zum Auf- und Zuklappen">CSS3 Toggle-Effect</a>.</p>
<p>Noch bis zum 8. Januar 2012 kann man in den Lostopf gelangen. Wie? Steht alles im Webstandards-Blog von Heiko Stiegert.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/webstandard-weihnachtsgewinnspiel/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 3.0 Maker</title>
		<link>http://www.picxl.de/css-30-maker</link>
		<comments>http://www.picxl.de/css-30-maker#comments</comments>
		<pubDate>Sun, 20 Feb 2011 14:37:34 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Generator]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=1151</guid>
		<description><![CDATA[Die (neue) sch&#246;ne Welt des CCS3 und ihre (fast) unendlichen M&#246;glichkeiten bei der Gestaltung von Webseiten&#8230; Einige Browser unterst&#252;tzen dabei alle CCS3-Eigenschaften, andere zum Teil und manch &#228;ltere Browser werden hierdurch v&#246;llig &#252;berfordert. Welcher Browser in welcher Version die bei CSS 3.0 Maker generierten Eigenschaften verarbeiten kann, wird angezeigt. Selbst der alte Internet Explorer in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.css3maker.com" target="_blank"><img width="200" height="150" align="right" src="http://www.picxl.de/wp-content/uploads/image/css30-maker.jpg" alt="CSS-Generator CSS 3.0 Marker" title="CSS-Generator CSS 3.0 Marker" /></a>Die (neue) sch&ouml;ne Welt des CCS3 und ihre (fast) unendlichen M&ouml;glichkeiten bei der Gestaltung von Webseiten&#8230;<br />
Einige Browser unterst&uuml;tzen dabei alle CCS3-Eigenschaften, andere zum Teil und manch &auml;ltere Browser werden hierdurch v&ouml;llig &uuml;berfordert. Welcher Browser in welcher Version die bei CSS 3.0 Maker generierten Eigenschaften verarbeiten kann, wird angezeigt. Selbst der alte Internet Explorer in der Version 6 kann zumindest mit @Font-Face umgehen. Wobei CSS-Animationen derzeit nur f&uuml;r die neusten Chrome- und Safari-Versionen vorgesehen sind.</p>
<p>Das wichtigste ist aber sicherlich der sofort verwendbare CSS-Code, dessen Eigenschaften mit Schiebereglern und Auswahltboxen in sekundenschnelle den eigenen Bed&uuml;rfnissen angepasst werden k&ouml;nnen.</p>
<p><span id="more-1151"></span></p>
<p>Der <strong>CSS 3.0 Maker</strong> hinft beim Erstellen der Code-Bausteine f&uuml;r:</p>
<ul>
<li>Border-Radius (abgerundete Ecken)</li>
<li>Gradient (Farbverl&auml;ufe)</li>
<li>CSS-Transform, Transition und Animation</li>
<li>RGBA (Farbtransparenzen)</li>
<li>Text-Shadow und Box-Shadow</li>
<li>Text-Rotation</li>
<li>und @Font-Face zum Einbinden eigener Schriften</li>
</ul>
<p>Dieser <strong>CSS3-Online-Generator</strong> wird mich sicher &uuml;ber lange Zeit bei meinen CSS-Arbeiten begleiten.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/css-30-maker/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Alt und Title beim Image-Tag</title>
		<link>http://www.picxl.de/unterschied-zwischen-alt-und-title-attribut</link>
		<comments>http://www.picxl.de/unterschied-zwischen-alt-und-title-attribut#comments</comments>
		<pubDate>Tue, 21 Sep 2010 18:55:16 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Suchmaschinen]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=842</guid>
		<description><![CDATA[Das HTML-Image-Tag kann durch eine ganze Reihe Attribute (width, border, longdesc usw.) erweitert werden. Laut SelfHTML sind 2 davon Pflicht: Das Attribut src (Source / Quelle der Bilddatei) und das Attribut alt (alternative Textanzeige, wenn das Bild nicht ausgegeben wird). Das der Internet Explorer diesen alternativen Text als Tool-Tipp ausgibt, ist einfach nur ein Fehler [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://www.tomate-paprika-kraeuterbeet.de/"><img width="200" height="150" align="right" title="Gartentipps f&uuml;r Tomaten und Kr&auml;uter" alt="Tomaten und Kr&auml;uter" src="http://www.picxl.de/wp-content/uploads/image/tomaten-und-kraeuter.jpg" /></a>Das HTML-Image-Tag kann durch eine ganze Reihe Attribute (width, border, longdesc usw.) erweitert werden. Laut <a title="Grafiken einbinden, Grafikreferenz definieren" target="_blank" href="http://de.selfhtml.org/html/grafiken/einbinden.htm">SelfHTML</a> sind 2 davon Pflicht: Das Attribut <strong>src</strong> (Source / Quelle der Bilddatei) und das Attribut <strong>alt</strong> (alternative Textanzeige, wenn das Bild nicht ausgegeben wird). Das der Internet Explorer diesen alternativen Text als Tool-Tipp  ausgibt, ist einfach nur ein Fehler in diesem Browser &#8211; nicht mehr!<br />
Die  alternative Ausgabe des im alt-Attribut hinterlegten Textes erfolgt  immer dann, wenn keine Anzeige der Grafik erfolgt. So bei einer im  Browser deaktivierten Anzeige von Bildern, wenn die Datei aus irgend  einem Grund nicht geladen werden kann, bei Text-basierenden Browsern &#8211;  wie ihn u.a. sehbehinderte Benutzer einsetzen &#8211; und auch  Suchmaschinen-Robots nutzen diesen als eine Referenz zur Ermittlung des  Bildinhalts.</p>
<p><span id="more-842"></span></p>
<p><span class="Code">&lt;img src=&quot;tomaten-und-kraeuter.jpg&quot; alt=&quot;Tomaten und Kr&auml;uter&quot; /&gt;</span></p>
<p>Der alt-Text sollte lediglich bei sinnvollen Bilddateien &#8211; also nicht bei grafischen Layout-Elementen der Webseite &#8211; mit Inhalt bef&uuml;llt werden. Das hei&szlig;t nicht, dass auf das alt-Attribut verzichtet werden kann (es ist ein Pflicht-Attribut), sondern es wird lediglich leer gelassen.</p>
<p><span class="Code">&lt;img src=&quot;listen-icon.gif&quot; alt=&quot;&quot; /&gt;</span></p>
<p>Der Grund, dass hier nicht &quot;Listen-Icon rot&quot; als Alternative hinterlegt wird, ist, dass bei der Nichtausgabe der Grafikdatei nun immer &quot;Listen-Icon rot&quot; als alternativer Text angezeigt bzw. vorgelesen werden w&uuml;rde. Auf das alt-Attribut kann aber auch nicht verzichtet werden. Die Vorstellung, dass mir mein Screenreader mehrfach den Dateinamen &quot;listen-icon.gif&quot; nennt &#8211; und das ist bei einem fehlenden alt-Attribut der Fall &#8211; ginge mir ziemlich auf den Nerv! Also: <strong>Layout-Elemente</strong> einer Webseite bekommen einen <strong>leeren alt-Tag</strong>!</p>
<p>Was schreibt man in den <strong>alt-Tag</strong> (ja ich wei&szlig;, es ist kein Tag)? Am besten sind es nur 2-5 Worte, die kurz den Inhalt des Bildes wieder geben. Gute Beispiele sind sicherlich: &quot;Bundeskanzlerin Merkel beim Skispringen&quot;, &quot;Tomaten und Kr&auml;uter&quot; oder &quot;Hundehaufen in der K&ouml;thener Innenstadt&quot;. Schlecht hingegen: &quot;Auf dem Foto ist die Bundeskanzlerin Merkel beim Skispringen&quot;, &quot;Bild: Tomaten und Kr&auml;uter&quot; oder &quot;Hier sehen Sie eine Nahaufnahme eines ganz besonders gro&szlig;en Hundehaufens, welchen ich vor ein paar Tagen in der K&ouml;thener Innstadt fotografiert habe und mit Photoshop &#8230;&quot;. Kurz und knackig die Bildaussage wiedergeben, das reicht v&ouml;llig aus und erf&uuml;llt den Zweck des alt-Attributs.<br />
Warum das alt-Attribut Pflicht ist, wir &uuml;brigens <a title="Warum ALT-Attribute Pflicht sind auf Bjoernsworld erkl&auml;rt" target="_blank" href="http://www.bjoernsworld.de/html/alt-text.html">hier</a> bestens erkl&auml;rt.</p>
<p>Kommen wir zum <strong>title-Attribut</strong>. Eigentlich findet dies seinen n&uuml;tzlichen Verwendungszweck bei Links, zum Beispiel in der Navigation einer Webseite. Das title-Attribut wird in einigen Browsern als bevorzugtes, erkl&auml;rendes Element eingesetzt. So bei Screenreadern, die ihren Nutzern das title-Attribut anstatt des Link-Textes bzw. des alt-Attributs des grafischen Links vorlesen. Bei Standard-Links, wie &quot;Kontakt&quot; und &quot;Impressum&quot; macht das nicht viel Sinn, wohl aber bei Links, die mit &quot;Home&quot; (Title: &quot;Startseite&quot;), &quot;weiter&quot; (Title: &quot;Vollst&auml;ndiger Beitrag zum Thema Tomaten und Kr&auml;uter&quot;) oder &quot;hier klicken&quot; (Title: &quot;Download der PDF-Datei Tomaten-Kr&auml;uter&quot;) bezeichnet sind. Bei Links dienen sie somit einer weiteren inhaltlichen Beschreibung und sollten auch hierf&uuml;r ihre Verwendung finden.</p>
<p><span class="Code">F&uuml;r den Download einfach &lt;a href=&quot;tomaten.pdf&quot; title=&quot;Download der PDF-Datei Tomaten-Kr&auml;uter&quot;&gt;hier klicken&lt;/a&gt;.</span></p>
<p>Bei Bildern werden die title-Attribute gern zur Anzeige der Tool-Tipps verwendet. Beim &Uuml;berfahren der Grafik mit der Maus wird dem sehenden Besucher der hinterlegte Text zum Bild angezeigt &#8211; zumindest bei halbwegs standardkonform arbeitenden Browsern ist das der Fall. Bei meinem Tomaten-Bild weiter oben ist dies &quot;Gartentipps f&uuml;r Tomaten und Kr&auml;uter&quot;. Der Besucher bekommt so ganz nebenbei ein paar weitere Informationen zum Bild. Die Suchmaschinen-Robots im &uuml;brigen auch&#8230;</p>
<p>Dieser Text sollte auch nicht zu lang sein; eine zweizeilige Anzeige ist hier sicher schon zu viel! Der Title kann &#8211; wenn das auch aus SEO-Sicht nicht 100%ig elegant gel&ouml;st ist &#8211; als Hilfe-Text angesehen werden. So zum Beispiel der Tool-Tipp: &quot;Zum Vergr&ouml;&szlig;ern Bild anklicken&quot; oder &quot;Link zu einer Webseite zum Thema Tomaten und Kr&auml;uter&quot;.</p>
<p>Eine Kombination aus alt- und title-Attribut macht in vielen F&auml;llen Sinn, auch bei Bildern. Daran denken, dass <strong>alt</strong> ein Pflicht- und <strong>title</strong> ein Kann-Attribut ist. Bei Links, die nicht selbsterkl&auml;rend sind, geh&ouml;rt ein beschreibendes title-Attribut dazu, ansonsten kann es hier auch leer gelassen werden.</p>
<p>Zu Bildern gleich noch ein kleiner <strong>SEO-Tipp</strong>: Auch der Name der Grafikdatei ist f&uuml;r die Suchmaschinen-Robots ein kleiner Baustein zur Ermittlung des Rankings. Die 15 Sekunden Zeit vor dem Hochladen einfach nehmen und den Namen der Datei &auml;ndern. Mit &quot;bild01.jpg&quot; kann Google nicht viel anfangen; &quot;tomaten.jpg&quot; ist hier auf jeden Fall die bessere Wahl.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/unterschied-zwischen-alt-und-title-attribut/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Das HTML5 Periodensystem</title>
		<link>http://www.picxl.de/periodensystem-der-html5-elemente</link>
		<comments>http://www.picxl.de/periodensystem-der-html5-elemente#comments</comments>
		<pubDate>Thu, 09 Sep 2010 18:48:37 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=831</guid>
		<description><![CDATA[Wer erinnert sich nicht gern an Chemie zur&#252;ck ;-) Das Periodensystem der Elemente gibt es nun auch f&#252;r HTML5, und das nicht einfach nur als eine kleine spa&#223;ige Webanwendung, sondern mit wirklichem Nutzen. Beim Klick auf eines der 104 HTML5-Elemente wird in wenigen Worten der Einsatz dieses Elements kurz beschrieben, was ich allerdings fast schon [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://joshduck.com/periodic-table.html" target="_blank"><img width="200" lang="en" height="150" align="right" src="http://www.picxl.de/wp-content/uploads/image/html5_periodic-table.jpg" alt="Periodensystem der HTML5-Elemente" title="Periodensystem der HTML5-Elemente" /></a>Wer erinnert sich nicht gern an Chemie zur&uuml;ck ;-) Das Periodensystem der Elemente gibt es nun auch f&uuml;r HTML5, und das nicht einfach nur als eine kleine spa&szlig;ige Webanwendung, sondern mit wirklichem Nutzen. Beim Klick auf eines der 104 HTML5-Elemente wird in wenigen Worten der Einsatz dieses Elements kurz beschrieben, was ich allerdings fast schon als zu oberfl&auml;chlich empfinde; es ist eben wirklich nur ein ganz kurzer Stichpunkt. Gut ist allerdings die jeweils passende Verlinkung zum W3C gel&ouml;st, die somit auch die eventuell n&ouml;tigen erkl&auml;renden Informationen liefert.</p>
<p>Die M&ouml;glichkeit zur Eingabe einer URL &#8211; deren Ergebnis eine Auflistung der verwendeten HTML(5)-Elemente sowie deren H&auml;ufigkeit auf der eingegebenen Webseite pr&auml;sentiert &#8211; verschafft einen netten &Uuml;berblick.</p>
<p>Schickes kleines Tool, was man mal gesehen haben sollte und vielleicht die Wahl der einzusetzenden HTML-Elemente vereinfacht.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/periodensystem-der-html5-elemente/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Online-Generatoren fÃ¼r&#8217;s Web</title>
		<link>http://www.picxl.de/online-generatoren-fuer-webdesigner</link>
		<comments>http://www.picxl.de/online-generatoren-fuer-webdesigner#comments</comments>
		<pubDate>Mon, 23 Nov 2009 20:30:16 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=647</guid>
		<description><![CDATA[Ein gro&#223;er Freund von Blog-Beitr&#228;gen wie &#34;Die besten 10 dies&#34; oder &#34;100 unverzichtbare das&#34; geh&#246;ren eigentlich nicht zu meinen favorisierten Feed-Links, die mich zum Klicken animieren. Heute stie&#223; ich allerdings auf &#252;ber 55 Online-Generatoren f&#252;r Webdesigner, die mir nicht alle unbekannt, aber so zusammengefasst noch nicht unter gekommen sind. Vorgestellt werden mehrere Generatoren f&#252;r Webseiten-Hintergr&#252;nde, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.balkhis.com/web-designs-resources/55-extremely-useful-online-generators-for-designers"><img width="200" lang="en" height="150" align="right" title="Balkhis - 55+ Online-Generatoren f&uuml;r Webdesigner" alt="Balkhis - 55+ Online-Generatoren f&uuml;r Webdesigner" src="http://www.picxl.de/wp-content/uploads/image/balkhis_com.jpg" /></a>Ein gro&szlig;er Freund von Blog-Beitr&auml;gen wie &quot;Die besten 10 dies&quot; oder &quot;100 unverzichtbare das&quot; geh&ouml;ren eigentlich nicht zu meinen favorisierten Feed-Links, die mich zum Klicken animieren. Heute stie&szlig; ich allerdings auf &uuml;ber <a lang="en" href="http://www.balkhis.com/web-designs-resources/55-extremely-useful-online-generators-for-designers/" target="_blank" title="55 Online-Generatoren f&uuml;r Webdesigner">55 Online-Generatoren f&uuml;r Webdesigner</a>, die mir nicht alle unbekannt, aber so zusammengefasst noch nicht unter gekommen sind. Vorgestellt werden mehrere Generatoren f&uuml;r Webseiten-Hintergr&uuml;nde, Ajax-Ladebalken und Web 2.0-Badges. Button- und Logo-Maker, Chart- und Favicon-Generatoren sowie eine gro&szlig;e Auswahl an Farbw&auml;hlern und Farbpaletten. CSS-Men&uuml;s, CSS-Code-Generatoren und einige Formular-Ersteller runden das umfangreiche Verzeichnis ab.</p>
<p>Der Balkhis-Weblog informiert seine Leserschaft zu den Themengebieten WordPress-Templates, SEO, Twitter und vielem mehr. Den englischsprachigen Blog von Syed Balkhi werde ich nun sicher h&auml;ufiger Besuchen und seine Webdesign-Ressource n&auml;her unter die Lupe nehmen.</p>
<p><span id="more-647"></span></p>
<p>Aktuelle Feed-Meldungen aus Balkhis-Welt:</p>
<p><!-- start of RSS feed content by InlineFeed plugin - http://kruyt.org -->
<br /><b><a href=http://www.balkhis.com>Balkhis &#8211; Vision for Success: Balkhis Vision of Success &#8211; Resource for webmasters to assist them into maximizing their revenue.</a></b><br /><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/ObostJfsztA/" target="_blank" title="My new site will cure your boredom" >My new site will cure your boredom</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/rW9OoXaLKVQ/" target="_blank" title="How One Extra Step in Customer Service Can Keep you from looking like a total Dumbass" >How One Extra Step in Customer Service Can Keep you from looking like a total Dumbass</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/qJ666Sx9fhI/" target="_blank" title="The coupons experiment – New addition to the WPBeginner Network" >The coupons experiment – New addition to the WPBeginner Network</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/T0q5lzy8I8k/" target="_blank" title="I launched a new site *WPBeginner WordPress Gallery*" >I launched a new site *WPBeginner WordPress Gallery*</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/q28G31cBAi8/" target="_blank" title="Welcome to Facebook Domination (My Projections)" >Welcome to Facebook Domination (My Projections)</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/tdjQYxxXzKY/" target="_blank" title="BuySellAds Review" >BuySellAds Review</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/BeBXFAms0eE/" target="_blank" title="How to Get your Site Featured in Fast Company Magazine" >How to Get your Site Featured in Fast Company Magazine</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/GWFg9Fr3_ZI/" target="_blank" title="Two of My Latest Presentations at WordCamps" >Two of My Latest Presentations at WordCamps</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/KBT144oeUbo/" target="_blank" title="Get your Free .com Domain with 1and1" >Get your Free .com Domain with 1and1</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/Balkhis/~3/xvO8NGW1Qjc/" target="_blank" title="The Good Ol´ Newsletter Technique" >The Good Ol´ Newsletter Technique</a></li></ul>
<!-- End of RSS feed content -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/online-generatoren-fuer-webdesigner/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vom Foto zur Farbpalette</title>
		<link>http://www.picxl.de/vom-foto-zur-farbpalette</link>
		<comments>http://www.picxl.de/vom-foto-zur-farbpalette#comments</comments>
		<pubDate>Wed, 15 Jul 2009 19:48:31 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=399</guid>
		<description><![CDATA[Das Online-Tool Colors Palette Generator extrahiert aus einem hoch geladenen bzw. per Web-URL ausgew&#228;hltem Bild, die am h&#228;ufigsten auftetenden Farben und bildet daraus mehrere Farbpaletten. Diese reichen von einer helleren, &#252;ber eine mittlere, bis hin zu einer dunklen Farbpalette mit je 7 Farbwerten. Eine Auswahl des vollst&#228;ndigen Farbbereichs wird ebenfalls zur Verf&#252;gung gestellt und dient, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.cssdrive.com/imagepalette" target="_blank"><img lang="en" height="150" align="right" width="200" src="http://www.picxl.de/wp-content/uploads/image/cssdrive_com.jpg" alt="Bild zu Farbpalette Generator auf CSS Drive" longdesc="Bild zu Farbpalette Generator auf CSS Drive" /></a>Das Online-Tool Colors Palette Generator extrahiert aus einem hoch geladenen bzw. per Web-URL ausgew&auml;hltem Bild, die am h&auml;ufigsten auftetenden Farben und bildet daraus mehrere Farbpaletten. Diese reichen von einer helleren, &uuml;ber eine mittlere, bis hin zu einer dunklen Farbpalette mit je 7 Farbwerten. Eine Auswahl des vollst&auml;ndigen Farbbereichs wird ebenfalls zur Verf&uuml;gung gestellt und dient, genau wie die 3 bereits erw&auml;hnten, als Grundlage der Gestaltung einer Webseite.</p>
<p>Das Ergebnis l&auml;sst sich als CSS- und als ACO-Datei zur weiteren Verarbeitung in Photoshop speichern. Ich finde das Online-Tool &auml;u&szlig;erst hilfreich bei der Webseiten-Gestaltung, da man hiermit aus einem potentiellen Header-Image oder einem vorgegebenen Logo die passende Farbstruktur einer Webseite erstellt bekommt.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/vom-foto-zur-farbpalette/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dynamic Internet</title>
		<link>http://www.picxl.de/dynamic-internet</link>
		<comments>http://www.picxl.de/dynamic-internet#comments</comments>
		<pubDate>Tue, 19 May 2009 11:29:12 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.picxl.de/?p=367</guid>
		<description><![CDATA[Das Thema WordPress steht bei Dynamic Internet ganz klar im Mittelpunkt. Und da die Arbeit mit WordPress ohne (X)HTML, CSS und etwas PHP nicht funktioniert, wird dies in Form von Tutorials sowie Tipps &#38; Tricks in vielen Beitr&#228;gen verst&#228;ndlich beschrieben. Standardkonformes Webdesign und der Umgang mit dem Framework YAML runden das Weblog inhaltlich ab. Die [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://dynamicinternet.eu/blog"><img height="150" width="200" align="right" alt="150" src="http://www.picxl.de/wp-content/uploads/image/dynamicinternet_eu.jpg" /></a>Das Thema WordPress steht bei Dynamic Internet ganz klar im Mittelpunkt. Und da die Arbeit mit WordPress ohne (X)HTML, CSS und etwas PHP nicht funktioniert, wird dies in Form von Tutorials sowie Tipps &amp; Tricks in vielen Beitr&auml;gen verst&auml;ndlich beschrieben.<br />
Standardkonformes Webdesign und der Umgang mit dem Framework YAML runden das Weblog inhaltlich ab.</p>
<p>Die selbst erstellten WordPress-Themes <a lang="de" href="http://dynamicinternet.eu/wordpress/wordpress-themes/yaml-coffee-theme/" target="_blank" title="YAML Coffee Theme f&uuml;r WordPress">YAML-Coffee-Theme</a> und das <a lang="de" href="http://dynamicinternet.eu/wordpress/wordpress-themes/yaml-green-theme/" target="_blank" title="Das YAML Green Theme f&uuml;r WordPress">YAML-Green-Theme</a> d&uuml;rften vielen bekannt sein und bieten sich nicht nur f&uuml;r Einsteiger in das Geflecht aus YAML und WordPress an. Sehr ausf&uuml;hrlich &#8211; einschlie&szlig;lich Video &#8211; wird auf die Einstellm&ouml;glichkeiten eingegangen und einige Tipps mit auf dem Weg gegeben. Die Themes sind unter der CC-A 2.0-Lizenz ver&ouml;ffentlicht und k&ouml;nnen somit privat und kommerziell verwendet werden.</p>
<p><span id="more-367"></span></p>
<p>Die Tipps &amp; Tricks zum <a lang="de" href="http://dynamicinternet.eu/wordpress/wordpress-tipps-tricks/" target="_blank" title="Wordpress Tipps, Tricks und Tutorials">Erstellen eines eigenen WordPress-Themes</a> sollten f&uuml;r alle, die sich damit befassen, zum Pflichtprogramm geh&ouml;ren. Das Tutorial besch&auml;ftigt sich in mehreren Abschnitten mit dem &quot;Wie wird aus einer HTML-Seite ein Theme?&quot; und gibt neben Code-Bausteinen und PHP-Funktionen auch zahlreiche CSS-Formatierungen mit auf den Designer-Weg.</p>
<p>Aktuell gibt es die folgenden neuen Beitr&auml;ge auf Dynamic Internet und k&ouml;nnen dort vollst&auml;ndig gelesen und kommentiert werden:</p>
<p><!-- start of RSS feed content by InlineFeed plugin - http://kruyt.org -->
<br /><b><a href=http://dynamicinternet.eu>dynamicinternet: Wir machen Ihr Web dynamisch!</a></b><br /><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/HtGMxMoDZwA/" target="_blank" title="Die TwentyEleven Navigation mit Social Icons erweitern" >Die TwentyEleven Navigation mit Social Icons erweitern</a></li></ul><div style="margin-left: 40px;">In diesem kleinen Tutorial wollen wir der Navigation unser RSS Feed, einen Link zur Twitterseite und zu unserem Facebook Profil als Icons hinzuf&#252;gen. Diesmal ohne eine Zeile Code zu schreiben. Die WordPress Men&#252;s bringen alles daf&#252;r mit. Zuerst gehen wir ins Backend zu Design-&#62; Men&#252; und schalten die CSS Klassen an. Dazu klicken wir auf [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/GUXaNCyeXj8/" target="_blank" title="Nebenwirkungen von WordPress 3.2" >Nebenwirkungen von WordPress 3.2</a></li></ul><div style="margin-left: 40px;">WordPress 3.2 ist raus und damit haben sich die Mindestvoraussetzungen der PHP-Version auf 5.2.4 erh&#246;ht. Ein begr&#252;&#223;enswerter Schritt. Damit einher gehend haben die Entwickler auch gleich mal bei diversen Klassen (ich bin nicht jede durchgegangen) die alten Konstruktormethoden gefeuert. Um so erstaunlicher, da sie doch sonst so auf Abw&#228;rtskompatiblit&#228;t achten. Erweitert ein Plugin oder Theme [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/MkidrcZmvpA/" target="_blank" title="WordPress: Videos im Textwidget" >WordPress: Videos im Textwidget</a></li></ul><div style="margin-left: 40px;">Gestern kam die Frage im Xtreme Theme Supportforum: Wie bekomme ich Videos in einem Textwidget eingebunden? In der functions.php des Themes schreiben wir: add_filter&#40; &#8216;widget_text&#8217;, array&#40; $wp_embed, &#8216;run_shortcode&#8217; &#41;, 8 &#41;; add_filter&#40; &#8216;widget_text&#8217;, array&#40; $wp_embed, &#8216;autoembed&#8217;&#41;, 8 &#41;; Danach braucht man im Textwidget nur die URL des Videos hineinkopieren und schon wird es angezeigt. Adobe [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/Ww-w3KFI_mU/" target="_blank" title="N&auml;chste Woche Xtreme One 1.2" >N&auml;chste Woche Xtreme One 1.2</a></li></ul><div style="margin-left: 40px;">Wenn alles gut geht, werden wir am kommenden Montag Version 1.2 des WordPress Framework Xtreme One ver&#246;ffentlichen. Und wie bei jedem Release von uns wird es Features geben, die kein anderes Theme/Framework zu bieten hat: Jedes Childtheme verwaltet jetzt seine eigenen Optionen inclusive der Widgeteinstellungen. Das bedeutet f&#252;r den Nutzer, da&#223; er zwischen verschiedenen Childthemes [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/jyx4to1vo9E/" target="_blank" title="Post Formats – was ist der richtige Weg?" >Post Formats – was ist der richtige Weg?</a></li></ul><div style="margin-left: 40px;">Die seit WordPress Version 3.1 eingef&#252;hrten Post Formats erfreuen sich wohl zunehmender Beliebtheit. Dabei stellt sich eine Frage: Wie implementiert man die am besten? Der mit Verlaub gesagt gr&#246;&#223;te Mist ist im Theme TwentyTen zu finden. Der Loop ist vollkommen un&#252;bersichtlich, unterst&#252;tzt nur 2 Formate (gallery, aside) und rattert bei jeden Aufruf die Schleife durch, [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/-ZENGrlv1KI/" target="_blank" title="WordPress Artikel-Datum" >WordPress Artikel-Datum</a></li></ul><div style="margin-left: 40px;">In &#228;lteren Themes sieht man noch oft in den Templatedateien die Funktion the_time( &#8216;j. F Y&#8217; ) zum Ausgeben des Artikeldatums. Das Problem hierbei ist, da&#223; das Datumsformat hardcoded ist. Irgendwann wurde in WordPress (ich wei&#223; jetzt die Version nicht) im Backend unter Einstellungen-&#62;Allgemein die Auswahl des Datumsformats um mehrere M&#246;glichkeiten erweitert. Somit konnte man [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/wLoGRjCAJ_E/" target="_blank" title="WordPress post_class erweitern" >WordPress post_class erweitern</a></li></ul><div style="margin-left: 40px;">Die WordPress-Funktion post_class() d&#252;rfte allgemein bekannt sein. Leider gleich komplett mit dem zugeh&#246;rigen class-Attribut. Um post_class() zu manipulieren, gibt es einen Filter, post_class. Dazu schreibt man eine kleine Funktion: function my_post_class&#40; $classes &#41; &#123; $classes&#91;&#93; = &#8216;meine_eigene_klasse&#8217;; return $classes; &#125; add_filter&#40; &#8216;post_class&#8217;, &#8216;my_post_class&#8217; &#41;; Dieser Filter wirkt nat&#252;rlich global. &#220;berall, wo die Funktion post_class() aufgrufen [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/1YuNDcJugoE/" target="_blank" title="Warum ein WordPress Theme niemals Daten speichern sollte" >Warum ein WordPress Theme niemals Daten speichern sollte</a></li></ul><div style="margin-left: 40px;">Ich arbeite gerade an der n&#228;chsten Version von Xtreme One. Die neuen Post Formats sind ein Thema, zu dem ich mir Gedanken mache. Wie integriert man diese? Sollte es ein Feature sein, welches das Framework mitbringt oder ist das eher eine Sache f&#252;r ein Childtheme? Ich bin mir im Augenblick nicht sicher. Bei diesen &#220;berlegungen [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/L2T6RHJ6VAo/" target="_blank" title="Xtreme One goes HTML5" >Xtreme One goes HTML5</a></li></ul><div style="margin-left: 40px;">Das Xtreme One WordPress Framework ist ja noch recht jung. Trotzdem bietet es einige Features, die kein anderes WordPress Framework vorweisen kann. Damit das auch so bleibt, entwickeln wir es st&#228;ndig weiter. Eine sehr spannende Sache l&#228;uft hier lokal in einer Testversion: die Ausgabe als HTML5. Im Adminbereich von Xtreme One gibt es eine Checkbox [...]</div><ul><li><a href="http://feedproxy.google.com/~r/dynamicinternet/lFfB/~3/eL6eMr-fM7w/" target="_blank" title="Making of xtreme-theme.com" >Making of xtreme-theme.com</a></li></ul><div style="margin-left: 40px;">Wir erhielten nach dem internationalen Launch von Xtreme One WordPress Framework ein paar Anfragen, wie wir die Seiten realisiert haben und ob wir Sprachplugins verwendet haben. Also mal der Reihe nach. Xtreme-theme.com ist eine WordPress Multisite Installation und das Supportforum ist ein vBulletin 4.0 Forum, welches sich in einem eigenen Verzeichnis befindet und unter der [...]</div>
<!-- End of RSS feed content -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/dynamic-internet/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Web Designer Wall</title>
		<link>http://www.picxl.de/webdesignerwall</link>
		<comments>http://www.picxl.de/webdesignerwall#comments</comments>
		<pubDate>Sat, 16 Feb 2008 10:02:23 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Grafik & Bildbearbeitung]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.picxl.de/webdesignerwall</guid>
		<description><![CDATA[Liebevoll gestalteter, englischsprachiger Blog, der inhaltlich die Themen Design- und Web-Trends, Layout- und Gestaltungs-Inspirationen sowie CSS und Photoshop-Tutorials aufgreift. Diese befassen sich zum &#252;berwiegenden Teil mit Techniken f&#252;r Fortgeschrittene Anwender. Neben einer vern&#252;nftigen Auswahl der Howtos und einer &#252;bersichtlichen Erl&#228;uterung der einzelnen Schritte, steht oft auch eine zus&#228;tzliche Vorschau sowie ein Download der Beispiele zur [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.webdesignerwall.com" target="_blank"><img width="200" lang="en" height="150" align="right" src="http://www.picxl.de/wp-content/uploads/image/webdesignerwall_com.jpg" alt="Web Designer Wall" title="Web Designer Wall" /></a>Liebevoll gestalteter, englischsprachiger Blog, der inhaltlich die Themen Design- und Web-Trends, Layout- und Gestaltungs-Inspirationen sowie <a lang="en" href="http://www.webdesignerwall.com/category/tutorials" target="_blank" title="Tutorials f&uuml;r Photoshop und CSS-Techniken">CSS und Photoshop-Tutorials</a> aufgreift. Diese befassen sich zum &uuml;berwiegenden Teil mit Techniken f&uuml;r Fortgeschrittene Anwender. Neben einer vern&uuml;nftigen Auswahl der Howtos und einer &uuml;bersichtlichen Erl&auml;uterung der einzelnen Schritte, steht oft auch eine zus&auml;tzliche Vorschau sowie ein Download der Beispiele zur Verf&uuml;gung.</p>
<p>Die Kategorie <a lang="en" href="http://www.webdesignerwall.com/category/trends" target="_blank" title="Trend und Inspirationen f&uuml;rs Webdesign">Design Trends</a> stellt Projekte und Ideen vor und im Bereich Allgemeines lassen sich News, Downloads, Technologien, Fonts und vieles mehr entdecken.</p>
<p><span id="more-43"></span></p>
<p>Die aktuellsten Beitr&auml;ge auf Web Designer Wall:</p>
<p><!-- start of RSS feed content by InlineFeed plugin - http://kruyt.org -->
<br /><b><a href=http://webdesignerwall.com>Web Designer Wall &#8211; Design Trends and Tutorials: A wall of design ideas, web trends, and tutorials.</a></b><br /><ul><li><a href="http://webdesignerwall.com/tutorials/css3-image-styles-part-2" target="_blank" title="CSS3 Image Styles – Part 2" >CSS3 Image Styles – Part 2</a></li></ul><div style="margin-left: 40px;">Previously I wrote two tutorials on how to style the image element with CSS3 inset box-shadow and border-radius. The trick is to wrap the image with a span tag and apply the image as background-image. However, I recently ran into a problem with that trick while designing the PhotoTouch theme. The issue is that the [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=913&#038;c=1687797862' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=913&#038;c=1687797862' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/general/uprinting-business-card-giveaways" target="_blank" title="UPrinting Business Card Giveaways" >UPrinting Business Card Giveaways</a></li></ul><div style="margin-left: 40px;">This Friday giveaway is sponsored by UPrinting, a shop that provides a wide range of online printing services. We are giving away 3 sets of 250 die-cut business card printing to 3 winners. Each winner will receive a set of 250 business card printing with free shipping. To enter this contest, all you have to [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=905&#038;c=577374087' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=905&#038;c=577374087' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/tutorials/responsive-design-in-3-steps" target="_blank" title="Responsive Design in 3 Steps" >Responsive Design in 3 Steps</a></li></ul><div style="margin-left: 40px;">Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. To help you quickly get started with responsive design, [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=900&#038;c=1125317858' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=900&#038;c=1125317858' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/general/despositphotos-giveaways" target="_blank" title="Despositphotos Giveaways" >Despositphotos Giveaways</a></li></ul><div style="margin-left: 40px;">As mentioned last week, I will be giving away some goodies in December. So here is the first giveaway sponsored by Depositphotos stock photos. Depositphotos is giving away $50 credit to 5 readers on Web Designer Wall. Hurry, this contest ends in two weeks on Dec 21, 2011. If you need stock photos for your [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=892&#038;c=1136923664' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=892&#038;c=1136923664' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/general/mightydeals-is-giving-an-iphone-4s" target="_blank" title="MightyDeals is Giving an iPhone 4S" >MightyDeals is Giving an iPhone 4S</a></li></ul><div style="margin-left: 40px;">Can you believe it is December already? For the joy of December, I&#8217;m going to giveaway some goodies to you. The first nice one came across is the iPhone 4S (unlocked model) giveaway from MightyDeals, who gave away 2 iPod Nanos last year on the Wall. For your chance to win an iPhone or one [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=888&#038;c=2074329731' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=888&#038;c=2074329731' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/tutorials/fitc-logo-redesign-process-by-james-white" target="_blank" title="FITC Logo Redesign Process by James White" >FITC Logo Redesign Process by James White</a></li></ul><div style="margin-left: 40px;">At FITC Toronto in May of this year, Shawn Pucknell, FITC&#8217;s director approached James White to develop the creative for the following year&#8217;s event, FITC Toronto 2012. &#8220;I&#8217;ve spoken at FITC twice so far and being a huge fan of the event and the entire crew behind it, I jumped at the opportunity to work [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=878&#038;c=1362913326' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=878&#038;c=1362913326' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/general/another-ipad2-giveaway-at-themify" target="_blank" title="Another iPad2 Giveaway at Themify" >Another iPad2 Giveaway at Themify</a></li></ul><div style="margin-left: 40px;">Earlier this year I gave away an iPad2 to promote the buy 1 get 1 free WordPress theme deal on Themify.me. Now I&#8217;ve lowered the theme membership pricing: (you can get all WordPress Themes for just $69 with no recurring fee), I&#8217;m going to giveaway another iPad2. The contest is open to anyone. You can [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=871&#038;c=911416946' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=871&#038;c=911416946' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/trends/mind-blowing-parallax-scrolling-sites" target="_blank" title="Mind Blowing Parallax Scrolling Sites" >Mind Blowing Parallax Scrolling Sites</a></li></ul><div style="margin-left: 40px;">Video games often use parallax scrolling technique to create an illusion of depth by moving multiple layers of images at different speed. This technique can also be applied in web design. This post consists a list of mind blowing parallax scrolling sites, design tips, and resource tutorials. If you are considering to start a parallax [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=868&#038;c=1310580371' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=868&#038;c=1310580371' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/tutorials/playing-with-svg-design" target="_blank" title="Playing with SVG Design" >Playing with SVG Design</a></li></ul><div style="margin-left: 40px;">After years of quarantine, the Scalable Vector Graphics is finally raising fame as a feature of HTML5 with full native browser support. Vlog.it, by Marco Rosella, is an experimental site launched last month to explore two aspects of SVG with interesting potential for the design of original interfaces: clipping paths and scalable 2D motion graphics. [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=859&#038;c=199288653' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=859&#038;c=199288653' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div><ul><li><a href="http://webdesignerwall.com/trends/inspiration-fluid-responsive-design" target="_blank" title="Inspiration: Fluid &#038; Responsive Design" >Inspiration: Fluid &#038; Responsive Design</a></li></ul><div style="margin-left: 40px;">Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution &#8212; it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I&#8217;m going to share [...]<br /><a href='http://rss.buysellads.com/click.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=848&#038;c=1656108315' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259994&#038;k=637bdb73f2c62367ac9cd02bf120f027&#038;a=848&#038;c=1656108315' border='0' alt='' /></a><p><a href='http://buysellads.com/buy/sitedetails/pubkey/637bdb73f2c62367ac9cd02bf120f027/zone/1259994' target='_blank'>Advertise here with BSA</a></p></div>
<!-- End of RSS feed content -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/webdesignerwall/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design Blog</title>
		<link>http://www.picxl.de/web-design-blog</link>
		<comments>http://www.picxl.de/web-design-blog#comments</comments>
		<pubDate>Tue, 15 Jan 2008 20:21:00 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Grafik & Bildbearbeitung]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.picxl.de/web-design-blog</guid>
		<description><![CDATA[Der englischsprachige Blog befasst sich haupts&#228;chlich mit kostenlosen Templates, (Vektor-)Grafiken, Tutorials und Werkzeugen f&#252;r Webdesigner. Es werden einige Plugins (Filter, Brushes) f&#252;r Photoshop vorgestellt, ausgew&#228;hlte Icon-Sets und Template-Designs vorgestellt sowie interessante Tutorials angesprochen. In der Kategorie Tools werden unterschiedlichste Werkzeuge kurz vorgestellt &#8211; das reicht von Online-Generatoren, &#252;ber Design-Hilfen bis hin zu einem f&#252;r mich [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://garcya.us/blog"><img width="200" lang="de" height="150" align="right" title="Web Design Blog" alt="Web Design Blog" src="http://www.picxl.de/wp-content/uploads/image/garcya_us_blog.jpg" /></a>Der englischsprachige Blog befasst sich haupts&auml;chlich mit kostenlosen Templates, (Vektor-)Grafiken, Tutorials und Werkzeugen f&uuml;r Webdesigner. Es werden einige Plugins (Filter, Brushes) f&uuml;r Photoshop vorgestellt, ausgew&auml;hlte Icon-Sets und Template-Designs vorgestellt sowie interessante Tutorials angesprochen. In der Kategorie Tools werden unterschiedlichste Werkzeuge kurz vorgestellt &#8211; das reicht von Online-Generatoren, &uuml;ber Design-Hilfen bis hin zu einem f&uuml;r mich im Augenblick recht n&uuml;tzlichen aber mir noch unbekanntem <a href="http://www.akindir.com/akindir.asp?id=9830&amp;islem=AKindir" target="_blank" title="AAA-Logo-Creator">AAA-Logo-Creator</a>.</p>
<p><span id="more-33"></span></p>
<p>Aktuell gibts auf Garcya&#8217;s Blog folgenden Themen:</p>
<p><!-- start of RSS feed content by InlineFeed plugin - http://kruyt.org -->
<br /><b><a href=http://garcya.us>Web Design Blog: Free vector graphics, vector icons, templates and free tools for web designers all around the world!</a></b><br /><ul><li><a href="http://garcya.us/5-valentines-day-vector-backgrounds/" target="_blank" title="5 Valentines Day Vector Backgrounds" >5 Valentines Day Vector Backgrounds</a></li></ul><div style="margin-left: 40px;">Â A bit of last minute touch-up didn&#8217;t hurt nobody, so grab your heart backgrounds from WDB right now and finish your project! Commercial license is available for premium members only! Read the benefits and join today Follow @Garcya on twitter to stay updated with everything that&#8217;s new on WDB. You can also subscribe to the [...]</div><ul><li><a href="http://garcya.us/joomla-mobile-extensions-that-every-developer-must-have/" target="_blank" title="Joomla Mobile Extensions that Every Developer Must Have" >Joomla Mobile Extensions that Every Developer Must Have</a></li></ul><div style="margin-left: 40px;">Joomla CMS being an honorable and successful open source project has already proved its competitive capacity. Joomla stays in the list of top 3 most popular CMS software platforms. Of course WordPress and Drupal have their own advantages and disadvantages as well as Joomla. Mobile design has become the most significant web design trend in [...]</div><ul><li><a href="http://garcya.us/30-illustrations-by-omar-diaz/" target="_blank" title="30 Illustrations by Omar Diaz" >30 Illustrations by Omar Diaz</a></li></ul><div style="margin-left: 40px;">Natalie Portman&#8230;yes&#8230;Natalie&#8230; But leaving the daydreaming aside, today at WDB we feature another source of inspiration, Omar Diaz&#8230;a great artist who&#8217;s work you can see right here, right now! So check out the gallery below and enjoy! The pictures are for personal use, if you want the vectors you can get a commercial license so [...]</div><ul><li><a href="http://garcya.us/social-icon-sketches/" target="_blank" title="Social Icon Sketches" >Social Icon Sketches</a></li></ul><div style="margin-left: 40px;">You might want something different&#8230;just because not everyone loves neatness and great graphics, so here you go!Check out the preview below and grab it while it&#8217;s hot! Commercial license is available for premium members only! Read the benefits and join today Follow @Garcya on twitter to stay updated with everything that&#8217;s new on WDB. You [...]</div><ul><li><a href="http://garcya.us/70-great-wallpapers/" target="_blank" title="70 Great Wallpapers" >70 Great Wallpapers</a></li></ul><div style="margin-left: 40px;">Â Today at WDB you find yourself facing a different type of wallpapers, these may not be to everyone&#8217;s taste so check out the preview and grab the pack if you like them! The pictures are for personal use, if you want the vectors you can get a commercial license so read the benefits and join [...]</div><ul><li><a href="http://garcya.us/james-wolf-strehle-artistic-work/" target="_blank" title="James Wolf Strehle Artistic Work" >James Wolf Strehle Artistic Work</a></li></ul><div style="margin-left: 40px;">Â  Again, say what you will but some people just have a lot of talent and put a lot of work into their passions&#8230;this guys sure seems to have done so, check out the pictures in the gallery below and be amazed! The pictures are for personal use, if you want the vectors you can [...]</div><ul><li><a href="http://garcya.us/january-sale-on-premium-membership/" target="_blank" title="January Sale on Premium Membership" >January Sale on Premium Membership</a></li></ul><div style="margin-left: 40px;">It&#8217;s a trend now to have January sale. Why not have one on Garcya.us? You will get everything at 50% discount. That&#8217;s the premium extended membership at only $50 instead of $100 and regular membership at $10 instead of $20. Don&#8217;t waste any time now &#8211; become a member of our community &#8211; join here. [...]</div><ul><li><a href="http://garcya.us/valentines-day-full-of-love-vector-pack/" target="_blank" title="Valentine´s Day Full of Love Vector Pack" >Valentine´s Day Full of Love Vector Pack</a></li></ul><div style="margin-left: 40px;">Â Hello folks, today we get ready again for the most commercializedÂ day of the year, the day that almost everyone runs around buying flowers, candy and all that crap&#8230;that is good for us people who use it to attract users and visitors, so grab your pack of redness to make your clients happier and why not&#8230;get [...]</div><ul><li><a href="http://garcya.us/different-type-of-valentines-day-vector/" target="_blank" title="Different Type of Valentine´s Day Vector" >Different Type of Valentine´s Day Vector</a></li></ul><div style="margin-left: 40px;">Today at WDB you shall get your hands on this very different Valentine&#8217;s Day unusual pack, check out the preview gallery below and grab the pack now! Commercial license is available for premium members only! Read the benefits and join today Follow @Garcya on twitter to stay updated with everything that&#8217;s new on WDB. You [...]</div><ul><li><a href="http://garcya.us/55-pieces-of-animal-wallpapers/" target="_blank" title="55 Pieces of Animal Wallpapers" >55 Pieces of Animal Wallpapers</a></li></ul><div style="margin-left: 40px;">Today&#8217;s wallpaper pack at WDB consists of 55 pieces of animal pictures/wallpapers that will make any animal lover out there enjoy his/her desktop! Check out the preview below and grab your pack! The pictures are for personal use, if you want the vectors you can get a commercial license so read the benefits and join [...]</div>
<!-- End of RSS feed content -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/web-design-blog/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smashing Magazine</title>
		<link>http://www.picxl.de/smashing-magazine</link>
		<comments>http://www.picxl.de/smashing-magazine#comments</comments>
		<pubDate>Wed, 09 Jan 2008 19:11:24 +0000</pubDate>
		<dc:creator>Daniel Weihmann</dc:creator>
				<category><![CDATA[CSS & HTML]]></category>
		<category><![CDATA[Grafik & Bildbearbeitung]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Magazine]]></category>
		<category><![CDATA[Web-News]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.picxl.de/smashing-magazine</guid>
		<description><![CDATA[Das englischsprachige Online-Magazin der Macher von Dr. Web stellt, genau wie sein deutsches Pendant, reichlich Informationen f&#252;r Webdesigner und Layouter zur Verf&#252;gung. Hierbei wird jedoch nicht einfach eine Zweitverwertung der deutschen Inhalte geboten, sondern reichlich neues zu den Themen Grafik, Layout, Fonts, CSS, Templates, Webnews, Web 2.0 und noch vielen interessanten Neuigkeiten aus der Welt [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://www.smashingmagazine.com"><img width="200" lang="en" height="150" align="right" title="Smashingmagazine - Informationsplattform f&uuml;r Webdesigner" alt="Smashingmagazine - Informationsplattform f&uuml;r Webdesigner" src="http://www.picxl.de/wp-content/uploads/image/smashingmagazine_com.jpg" /></a>Das englischsprachige Online-Magazin der Macher von <a href="http://www.picxl.de/dr-web" target="_self" title="Beitrag zu Dr. Web">Dr. Web</a> stellt, genau wie sein deutsches Pendant, reichlich Informationen f&uuml;r Webdesigner und Layouter zur Verf&uuml;gung. Hierbei wird jedoch nicht einfach eine Zweitverwertung der deutschen Inhalte geboten, sondern reichlich neues zu den Themen Grafik, Layout, Fonts, CSS, Templates, Webnews, Web 2.0 und noch vielen interessanten Neuigkeiten aus der Welt der Webworker.<br />
Im &quot;Best of the Month&quot; wird, wie der Name schon verspricht, auf die Highlights des jeweiligen Monats eingegangen und vermittelt so einen komprimierten &Uuml;berblick.</p>
<p><span id="more-32"></span></p>
<p>Aktuell gibt es auf Smashing-Magazine folgende Beitr&auml;ge zu durchst&ouml;bern:</p>
<p><!-- start of RSS feed content by InlineFeed plugin - http://kruyt.org -->
<br /><b><a href=http://www.smashingmagazine.com>Smashing Magazine Feed: </a></b><br /><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/FB1MGnOYy2k/" target="_blank" title="How To Use Custom Post Types To Organize Online Marketing Campaigns" >How To Use Custom Post Types To Organize Online Marketing Campaigns</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/oqNmuNNOlyA/" target="_blank" title="Freebie: St. Valentine&#8217;s Day Icon Set (10 PNG/PSD Icons)" >Freebie: St. Valentine&#8217;s Day Icon Set (10 PNG/PSD Icons)</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/osSMUWppvNo/" target="_blank" title="Ten Things To Think About When Designing Your iPad App" >Ten Things To Think About When Designing Your iPad App</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/hvWpBcvTqT4/" target="_blank" title="Desktop Wallpaper Calendar: February 2012" >Desktop Wallpaper Calendar: February 2012</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/bhNxvOMC3j4/" target="_blank" title="The Future Of Screen Typography Is In Your Hands" >The Future Of Screen Typography Is In Your Hands</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/kBwRlPOHwHU/" target="_blank" title="Limiting The Visibility Of WordPress Posts Via Usernames" >Limiting The Visibility Of WordPress Posts Via Usernames</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/dJU01kBHop4/" target="_blank" title="The UX Research Plan That Stakeholders Love" >The UX Research Plan That Stakeholders Love</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/CciNFG6DzCs/" target="_blank" title="How To Deliver Exceptional Client Service" >How To Deliver Exceptional Client Service</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/9-l79lzQ6QE/" target="_blank" title="What Successful Products Teach Us About Web Design" >What Successful Products Teach Us About Web Design</a></li></ul><ul><li><a href="http://feedproxy.google.com/~r/SmashingMagazine/~3/D1WB-3rE35k/" target="_blank" title="Introduction To Linux Commands" >Introduction To Linux Commands</a></li></ul>
<!-- End of RSS feed content -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.picxl.de/smashing-magazine/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

