<?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>typoblog.ch &#187; Webdesign</title>
	<atom:link href="http://www.typoblog.ch/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.typoblog.ch</link>
	<description>** Typografischer Alltag und digitale Welt rund um den Mac</description>
	<lastBuildDate>Thu, 17 Nov 2011 21:31:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Concrete5 CMS &#8211; einfach gut</title>
		<link>http://www.typoblog.ch/2011/04/04/concrete5-cms-einfach-gut/</link>
		<comments>http://www.typoblog.ch/2011/04/04/concrete5-cms-einfach-gut/#comments</comments>
		<pubDate>Mon, 04 Apr 2011 20:52:08 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.typoblog.ch/?p=748</guid>
		<description><![CDATA[
Diese kleine Website habe ich mit dem OpenSource CMS Concrete5 erstellt.
Es gibt ja schon so viele CMS-System, dass man kaum den &#220;berblick behalten kann. Concrete5 hat mich durch folgende Punkte &#252;berzeugt.

OpenSource mit Entwicklerteam und Community
Simples Frontend-Editing -&#62; man editiert direkt in der Website
Drag&#38;Drop von Artikeln
Verschiedene Blockelemente als Container f&#252;r Artikel, Bilder, Karten oder Apps
Ist schnell [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ferienwohnung-hasliberg.info"><img class="alignnone size-full wp-image-749" title="Ferienwohnung Hasliberg / Meiringen" src="http://www.typoblog.ch/wp-content/uploads/2011/04/04-11_hasliberg.jpg" alt="Ferienwohnung Hasliberg / Meiringen" width="530" height="354" /></a></p>
<p>Diese kleine <a title="Ferienwohnung Hasliberg" href="http://www.ferienwohnung-hasliberg.info" target="_blank">Website</a> habe ich mit dem OpenSource CMS <a href="http://www.concrete5.org/">Concrete5</a> erstellt.</p>
<p>Es gibt ja schon so viele CMS-System, dass man kaum den &#220;berblick behalten kann. Concrete5 hat mich durch folgende Punkte &#252;berzeugt.</p>
<ul>
<li>OpenSource mit Entwicklerteam und Community</li>
<li>Simples Frontend-Editing -&gt; man editiert direkt in der Website</li>
<li>Drag&amp;Drop von Artikeln</li>
<li>Verschiedene Blockelemente als Container f&#252;r Artikel, Bilder, Karten oder Apps</li>
<li>Ist schnell geschult</li>
<li>Pretty URLs</li>
<li>Sehr flexibles Themeing</li>
<li>Und daneben gibt es noch Tausend andere nette Dinge</li>
</ul>
<p>Mein CMS f&#252;r kleine nette Webseiten, die nicht mehr und weniger sein sollen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typoblog.ch/2011/04/04/concrete5-cms-einfach-gut/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zuf&#228;llige Farben  &#8211; Farbpallette f&#252;r Webdesigner</title>
		<link>http://www.typoblog.ch/2011/01/15/zufaellige-farben-farbpallette-fuer-webdesigner/</link>
		<comments>http://www.typoblog.ch/2011/01/15/zufaellige-farben-farbpallette-fuer-webdesigner/#comments</comments>
		<pubDate>Sat, 15 Jan 2011 20:31:40 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.typoblog.ch/?p=706</guid>
		<description><![CDATA[
Mit Swatchspot erstellt man eine Farbpallette mit Hilfe eines Zufallsgenerators.
Zum einen kann es n&#252;tzlich sein um ganz zuf&#228;llig an eine Gestaltungsfarbe zu kommen im Stile von «Ah, diese Farbe k&#246;nnte jetzt auch noch passen». Zum anderen kann man ganz gezielt auf den Random Knopf Klicken um besipielsweise &#8220;frische, leuchtende&#8221; Farben zusammenzustellen. Immer wenn eine Farbe [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.swatchspot.com"><img class="alignnone size-full wp-image-707" title="Swatchspot - Farbwahl per Zufall" src="http://www.typoblog.ch/wp-content/uploads/2011/01/11-01_swatchspot.jpg" alt="Swatchspot - Farbwahl per Zufall" width="530" height="201" /></a></p>
<h4>Mit <a title="Farbpalette f&#252;r Webdesigner per Zufall" href="http://www.swatchspot.com" target="_blank">Swatchspot</a> erstellt man eine Farbpallette mit Hilfe eines Zufallsgenerators.</h4>
<p>Zum einen kann es n&#252;tzlich sein um ganz zuf&#228;llig an eine Gestaltungsfarbe zu kommen im Stile von «Ah, diese Farbe k&#246;nnte jetzt auch noch passen». Zum anderen kann man ganz gezielt auf den Random Knopf Klicken um besipielsweise &#8220;frische, leuchtende&#8221; Farben zusammenzustellen. Immer wenn eine Farbe ok ist, klickt man auf das kleine Schloss-Symbol und sperrt diese Farbe f&#252;r den Zufallsgenerator.</p>
<p>Hat man dann seine kleine Kollektion zusammen kann man die Palette sichern. Dabei erh&#228;lt man eine PNG-Grafik mit den entsprechenden HEX-Werten.</p>
<p>Gem&#228;ss meinem Beispiel eine Kollektion von frischen, leuchtenden Farben &#8211; wobei die letzte Farbe f&#252;r mich der dunkle Kontrast bildet:</p>
<p><img class="alignnone size-full wp-image-712" title="cdc13f-ffdf3f-d31f1b-fb8c2d-b8e454-5c3d0c" src="http://www.typoblog.ch/wp-content/uploads/2011/01/cdc13f-ffdf3f-d31f1b-fb8c2d-b8e454-5c3d0c.png" alt="cdc13f-ffdf3f-d31f1b-fb8c2d-b8e454-5c3d0c" width="530" height="" /></p>
<p><a class="link" title="Farbpalette selber zusammenstellen" href="http://www.swatchspot.com">Swatchspot</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.typoblog.ch/2011/01/15/zufaellige-farben-farbpallette-fuer-webdesigner/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Bundlehunt</title>
		<link>http://www.typoblog.ch/2010/08/12/bundlehunt/</link>
		<comments>http://www.typoblog.ch/2010/08/12/bundlehunt/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 19:44:48 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Dies und Das]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Bilder]]></category>
		<category><![CDATA[Mac]]></category>

		<guid isPermaLink="false">http://www.typoblog.ch/?p=698</guid>
		<description><![CDATA[
Noch 5 Tage kann man auf bundelhunt.com ein interessantes Bundle f&#252;r Mac-User / Grafiker / Webdesigner jagen.
Das Bundle kostet 49$ und kann via PayPal bezahlt werden.
Das Bundle enth&#228;lt einige Mac-Programme:

Billings (Zeiterfassung, Rechnungen schreiben)
Flux (Visueller Code Editor)
Subernova (Projekt-Management)

Fotos, Icons, Grafiken und Wordpress-Themes:

Icons von IconDock und Dry Icons
Wordpress-Themes von Mojo Themes/WP Bakery
Vektorgrafiken von Designious
100 Fotos von Photocase
Verschiedene [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-697" title="Bundlehunt mit Apps und Fotos" src="http://www.typoblog.ch/wp-content/uploads/2010/08/08-10_bundlehunt.jpg" alt="Bundlehunt mit Apps und Fotos" width="530" height="345" /></p>
<h2>Noch 5 Tage kann man auf <a href="http://bundlehunt.com/">bundelhunt.com</a> ein interessantes Bundle f&#252;r Mac-User / Grafiker / Webdesigner jagen.</h2>
<p>Das Bundle kostet 49$ und kann via PayPal bezahlt werden.</p>
<p>Das Bundle enth&#228;lt einige Mac-Programme:</p>
<ul>
<li>Billings (Zeiterfassung, Rechnungen schreiben)</li>
<li>Flux (Visueller Code Editor)</li>
<li>Subernova (Projekt-Management)</li>
</ul>
<p>Fotos, Icons, Grafiken und Wordpress-Themes:</p>
<ul>
<li>Icons von IconDock und Dry Icons</li>
<li>Wordpress-Themes von Mojo Themes/WP Bakery</li>
<li>Vektorgrafiken von Designious</li>
<li>100 Fotos von Photocase</li>
<li>Verschiedene Files von Vandelay Premier</li>
</ul>
<p>Alles weitere auf <a href="http://bundlehunt.com/">bundlehunt.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.typoblog.ch/2010/08/12/bundlehunt/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sitesucker &#8211; eine Website komplett herunterladen</title>
		<link>http://www.typoblog.ch/2009/10/11/sitesucker-eine-website-komplett-herunterladen/</link>
		<comments>http://www.typoblog.ch/2009/10/11/sitesucker-eine-website-komplett-herunterladen/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 21:12:22 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.typoblog.ch/?p=572</guid>
		<description><![CDATA[
Wenn man mal eine Website offline ben&#246;tigt dann hilft auf dem Mac das Tool Sitesucker. Damit l&#228;sst sich eine komplette Website heruntersaugen und offline zug&#228;nglich machen.
Sinnvoll f&#252;r was? Ich pendle mit dem Zug zur Arbeit und bin ab und zu froh, wenn ich dann noch eine Website offline zur Verf&#252;gung habe.
Da mit dieser Technik auch [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-573" title="Site Sucker for Mac" src="http://www.typoblog.ch/wp-content/uploads/2009/10/09-10_sitesucker.jpg" alt="" width="450" height="207" /></p>
<h4>Wenn man mal eine Website offline ben&#246;tigt dann hilft auf dem Mac das Tool Sitesucker. Damit l&#228;sst sich eine komplette Website heruntersaugen und offline zug&#228;nglich machen.</h4>
<p><strong>Sinnvoll f&#252;r was?</strong> Ich pendle mit dem Zug zur Arbeit und bin ab und zu froh, wenn ich dann noch eine Website offline zur Verf&#252;gung habe.<br />
Da mit dieser Technik auch alle Bilder und CSS Dateien mitgenommen werden, eignet sich das Tool auch um ein Archiv einer Website anzulegen. Ich habe es schon verwendet um ein Redesign umzusetzen und dabei die Logos oder Bildbestandteile der alten Site zu bekommen.</p>
<p>Auch f&#252;r Browseroptimierung verwende ich das Tool recht oft: Ich hole mir die Seite welche z.B. im IE6 schlecht dargestellt werden. So kann ich lokal auf meinem Rechner die Dateien ver&#228;ndern und testen, bis ich eine entsprechende L&#246;sung gefunden habe. Dann kann ich ohne grossen Aufwand das Live-Projekt updaten.</p>
<p>Nicht machbar: Die grenzen der Offline Version sind Tools und Datenbank Abfragen f&#252;r dynamischen Inhalt. Logischerweise werden auch passwortgesch&#252;tzte Bereiche nicht gesichert.</p>
<p><a title="Webseiten offline sichern" href="http://www.sitesucker.us" target="_blank">Link zu Sitesucker Mac OS X</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.typoblog.ch/2009/10/11/sitesucker-eine-website-komplett-herunterladen/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>FarbSauger / ColorSuckr</title>
		<link>http://www.typoblog.ch/2009/08/15/farbsauger-colorsuckr/</link>
		<comments>http://www.typoblog.ch/2009/08/15/farbsauger-colorsuckr/#comments</comments>
		<pubDate>Sat, 15 Aug 2009 09:00:51 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Typo]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[dtp]]></category>
		<category><![CDATA[wissen]]></category>

		<guid isPermaLink="false">http://www.typoblog.ch/?p=553</guid>
		<description><![CDATA[
Um ein Farbschema f&#252;r eine Gestaltung zu erhalten gibt es verschiedene Wege. Ein m&#246;gliches Vorgehen ist, dass man ein markantes Bild als Ausgangslage nutzt und daraus seine Basisfarben entnimmt. Dies kann man manuell mit der Farbpipette tun oder man benutzt ein Tool dazu: Ein interessantes Werkzeug dazu ist die Website ColorSuckr.com.

Die Webapplikation analysiert Bilder und [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Farbanalyse" href="http://colorsuckr.com/" target="_blank"><img class="alignnone size-full wp-image-554" title="ColorSuckr Farbwerkzeug" src="http://www.typoblog.ch/wp-content/uploads/2009/08/09-08_colorsuckr1.jpg" alt="" width="450" height="383" /></a></p>
<p><strong>Um ein Farbschema f&#252;r eine Gestaltung zu erhalten gibt es verschiedene Wege.</strong> Ein m&#246;gliches Vorgehen ist, dass man ein markantes Bild als Ausgangslage nutzt und daraus seine Basisfarben entnimmt. Dies kann man manuell mit der Farbpipette tun oder man benutzt ein Tool dazu: Ein interessantes Werkzeug dazu ist die <a href="http://colorsuckr.com/" target="_blank">Website ColorSuckr.com</a>.</p>
<p><span id="more-553"></span></p>
<p>Die Webapplikation analysiert Bilder und stellt dann daraus eine Farbpalette zusammen. Die Farbpalette kann man dann als Set in Adobe Photoshop, Illustrator oder InDesign laden ( .ase Adobe Farbpalette). Es werden auch die entsprechenden RGB-Werte und HEX-Werte angezeigt. Dazu die n&#228;chstliegende Farbe aus der websicheren Farbpallette. F&#252;r den Druckprozess ist eine manuelle Umwandlung im entsprechenden Gestaltungsprogramm erforderlich &#8211; ein gedruckter Farbf&#228;cher ist hier sehr hilfreich.</p>
<p>Die Bilder k&#246;nnen praktischerweise bei Flickr gesucht werden oder man gibt die URL zu einem anderen Bild im Netz an. Das Bild muss online vorhanden sein, kann also nicht lokal via  Festplatte hochgeladen werden &#8211; schade.</p>
<p>Hier mein Test mit einem Bild aus Flickr &#8211; verwendetes Suchwort war &#8220;Deep Ocean&#8221;:</p>
<dl id="attachment_557" class="wp-caption alignnone" style="width: 460px;">
<dt class="wp-caption-dt"><a href="http://colorsuckr.com/?img=http://farm1.static.flickr.com/67/171922052_4d5673f02f.jpg&amp;fid=171922052&amp;q=deep+ocean" target="_blank" rel="lightbox"><img class="size-full wp-image-557" title="Farbschema Deep Ocean" src="http://www.typoblog.ch/wp-content/uploads/2009/08/09-08_colorsuckr2.jpg" alt="Farbschema Deep Ocean" width="450" height="695" /></a></dt>
</dl>
<p>&gt; <a href="http://colorsuckr.com" target="_blank"><strong>Link zu ColorSuckr.com</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.typoblog.ch/2009/08/15/farbsauger-colorsuckr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

