IT 2.0 » Design

Doodly: Share Your Creativity

Markus Breitenstein — Fri, 29 Jul 2011 09:23:33 +0000

Du bist kreativ, zeichnest gerne – auch digital – und möchtest dein Werk ausstellen, dann ist Doodle die richtige Plattform. Schnell und einfach, mit wenig Werkzeugen ausgestattet, dennoch halbwegs verwertbare Doogles zeichnen. Ich bin ja künstlerisch ja eher weniger begabt, doch selbst meine Kinder haben erkannt, dass auf meinem Doodle ne Sonne scheint, Vögel umher fliegen und ein Haus auf dem Feld steht. Wie heißt es so schön – Ein Bild sagt mehr als 1.000 Worte. Ideal, wenn die Laune mal wieder im Keller ist oder man nem Menschen über das Social Web vielleicht etwas mitteilen möchte.

Zum Publizieren deines kreativen Werkes auf Doodle.ly ist ein Twitter oder Facebook Konto erforderlich. Eine automatisierte Veröffentlichung des Bildes durch die Anmeldung mit dem jeweiligen Konto findet nicht statt.

Viel Spass beim Malen.

Browsercheck ohne zahlreiche Webbrowser

Markus Breitenstein — Sun, 06 Mar 2011 13:13:14 +0000

Da wird eine Webseite erstellt oder ein neues Template installiert und nun möchte man gerne wissen wie diese Webseite mit den unterschiedlichsten Webbrowsern dargestellt wird. Man kann sich die Arbeit schwer machen und alle erdenklichen Webbrowser, eventuell noch in den unterschiedlichsten Browser Versionen, vorhalten, bzw. über virtuelle Instanzen dann noch Linux spezifische Webbrowser austesten. Wenn man die Zeit dafür hat – warum nicht. Wer sich diesen Aufwand nicht antun möchte und gerne eine automatisierte Fassung bevorzugt, dem kann ich Browsershots empfehlen. Es dauert zwar seine Zeit, bis Screenshots in den vom User markierten Webbrowern, evtl. auch in unterschiedlichen Browser-Versionen erzeugt werden, zahlt sich jedoch auch aus.

PC & Mac Icon Set Collection I

Markus Breitenstein — Thu, 25 Nov 2010 21:19:54 +0000

In den vergangenen Wochen habe ich die Icons meines PCs und Macs durch modernere Icons ersetzt. Ein Teil der von mir genutzten Icon Sets möchte ich euch heute vorstellen. Icon Set sind ja nicht ausschließlich für die Verschönerung des Arbeitsgerätes gedacht, sie integrieren sich auch hervorragend in Webseiten und Blogs. Genug der Worte – Viel Spass beim Stöbern.

Basic Icon Set
Blue Group Icon Set – Teil 1
Blue Group Icon Set – Teil 2
Maintenance Icon Set
Simple Icon Set
CS5 FOlder Icon Set

Joomla und WordPress Themes bei 1blu

Markus Breitenstein — Sun, 24 Jan 2010 13:33:46 +0000

Die Berliner 1blu AG bietet neben Webhostinglösungen nun auch Templates/ Themes für WordPress und Joomla zum kostenlosen Download. 1blu erweitert seine öffentliche Template-Gallery und stellt ab sofort zwanzig weitere, kostenlose Design-Templates für WordPress und Joomla zur Verfügung. So stehen nun unter www.1blu.de/template-gallery fast 150 verschiedene Designs zur Verfügung, die gratis und unabhängig von einer Vertragsbeziehung mit 1blu heruntergeladen werden können.

Im Oktober 2009 hat 1blu, zur Markteinführung der neuen Produktreihe „1blu-myApps“, die Template Gallery gestartet.

Bislang ist mir kein Webhosting Dienstleister bekannt, der Templates und Themes auch ohne Vertragsbeziehung zum kostenlosen Download ermöglicht. Die bei 1blu bereitgestellten Themes sind häuptsächlich für die private Nutzung erstellt worden, zumindest wirkt es so auf mich. Außergewöhnliche Themes mit diversen Specials befinden sich allerdings nicht darunter.

Kopien werden immer schlechter

Markus Breitenstein — Tue, 08 Sep 2009 05:39:46 +0000

Wer heutzutage den Namen Alex Tew hört,wird diesen wahrscheinlich nicht, bzw. nicht mehr kennen. Verbinde ich jedoch mit diesem Namen das Projekt Million Dollar Homepage, werden sich die Meisten an die Geschichte des Studenten erinnern, der vor einigen Jahren Pixel auf seiner Webseite verkaufte. 1 Pixel entsprach 1 USD. Die Rechnung ging auf.

Zahlreiche Nachahmer haben sich mit diversen Million Dollar Homepage Klonen daran versucht, hat aber nicht funktioniert. Was soll ich sagen – wer kopiert, verliert!

Jetzt bin ich zufällig auf ein neues, vergleichsweise ähnliches Projekt aufmerksam geworden. My Hex Color! Und wie man wohl erahnen kann kann man hier was käuflich erwerben – eine Farbe. Diese via Farbpicker oder händisch eingetragen kostet den Farbfetischisten 1 USD.

Wäre das Thema nicht ausgelutscht und hätten die Verantwortlichen nachts nicht Tee mit viel Milch getrunken, dann wäre das Projekt wahrscheinlich auch gescheitert.

RSS Jahreszeiten Icon Set

Markus Breitenstein — Wed, 02 Sep 2009 06:10:30 +0000

Jetzt geht der Sommer langsam dem Ende zu und schon stellt man sich als Betreiber einer Webseite oder eines Blogs die Frage ob man das Design der Jahreszeit entsprechend anpassen sollte. Da aber bekanntlich zu viele Veränderungen die Stammleser vergraulen, sollte man sich eher um kleinere Änderungen bemühen, wie beispielsweise dem Anpassen von diversen Icons. Ein saisonales RSS Icon Set stammt von HelloIcon.

Zur Webseite: http://helloicon.com

Das Icon Set kann kostenlos auf Tutorial9 heruntergeladen werden.

Twitter Icon Set

Markus Breitenstein — Tue, 01 Sep 2009 05:21:52 +0000

Twitter Icons, bzw. Twitter-Bird-Icons gibt es ja nun wirklich in Hülle und Fülle. Doch irgendwie hat es noch keiner so kantig gelöst wie FastIcon. Ja, richtig – neben dem Twitter Bird Icon, welches von der Form an einen aus Holz geschnitzten Spielzeugvogel erinnert, hat man sich hier auch um den Whale, den Twitter Wal gekümmert. Warum auch nicht, die häufigen Offline Zeiten von Twitter erfordern auch die passenden Icons.

Die Icons können kostenlos bei FastIcon heruntergeladen werden.

Zur FastIcon Website: http://fasticon.com

Garagentor 2.0 – Tage langweiliger Garagentore sind gezählt

Markus Breitenstein — Wed, 19 Aug 2009 11:30:55 +0000

Die Tage langweiliger Garagentore sind gezählt! Denn auf www.style-yourgarage.com gibt’s großformatige Foto-Planen mit stylischen Prints, die eintönigen Garagenschwenktoren ein cooles Outfit verpassen.

Das Prinzip ist simpel: Die so genannten Garage-Billboards sind mit Motiven bedruckt, die genau das zeigen, was jeder Autobesitzer gerne in seiner Garage hätte – z. B. einen Rennwagen, Pferde, Go-Go-Girls oder einen Stapel Goldbarren. Die Motivauswahl auf www.style-your-garage.com wird ständig erweitert, damit für Vielfalt auf den Garagentoren gesorgt ist. Die Garage-Billboards sind per Klettband schnell und einfach zu montieren und, wenn es Zeit für einen Wechsel wird, auch einfach abnehmbar. Aus hochwertigem Material produziert, sind die Billboards geradezu unverwüstlich. Die 3-D-Motive wirken mit intensiven Farben täuschend echt und bringen Nachbarn, Freunde und
Passanten zum Staunen.

Ideal für Standard-Garagen Marke Fertigbau. Sondergrößen habe ich auf Style Your Garage leider nicht gefunden. Einen wirklich effektiven Schutz gegen Diebstahl gibt es laut der FAQ nicht, außer vielleicht das Festschrauben, was meines Erachtens keinen wirklichen Schutz bietet.

Relaunch: Farbanstrich bei Spiegel Online

Markus Breitenstein — Mon, 17 Aug 2009 13:01:15 +0000

Ist der August vielleicht der Monat für Relaunch und Redesign? Vor einigen Tagen hat Alles2Null.de über den Relaunch von Stern.de geschrieben. In der vergangenen Woche haben sich dann der Deutsche Bundestag und YouTube einem Redesign unterzogen und nun lese ich auf Create or Die, dass Spiegel Online eine neue Startseite erhält. Nachfolgende Bilder, aus der Fotostrecke von Spiegel Online verraten, wie sich der Spiegel ab morgen präsentieren wird.

Neben einer neuen Gliederung, wird im neuen Spiegel vergrößterte Bilder und Schriften zum Einsatz kommen. Wo früher lediglich Mini-Videos eingebettet waren, erscheinen ab morgen größe Panorama-Videos in höchster Auflösung direkt im Artikel.

Die neue Startseite von Spiegel-Online.de

Spiegel Online mit neuen Themenseiten.

Weitere Informationen, direkt auf der Spiegel Online Fotostrecke. Jetzt heißt es erst einmal abwarten und morgen dann den neuen Spiegel ONLINE erkunden.

Ein neuer/ alter Webmaster erobert das Netz

Markus Breitenstein — Thu, 30 Jul 2009 07:00:45 +0000

Der Webdesign Markt ist um einen Webmaster reicher. Beim ersten Aufrufen der Webseite habe ich ganz böse Kopfschmerzen bekommen aber gleichzeitig auch herzhaft gelacht. Dies möchte ich der Netzgemeinde auf keinen Fall vorenthalten – Webmaster-4you.de.

Mit dem Start der Website wird man auch gleich durch ein selbststartendes Flash-File vom Betreiber der Seite persönlich begrüßt. Im ersten Moment hält man das Ganze wahrscheinlich für einen schlechten Scherz. Ich habe die Präsentation an 2 Tagen erneut angeschaut und mußte feststellen, dass dies wahrscheinlich bei ländlichen Handwerksbetrieben ganz gut ankommt. Der Handwerker hat schließlich keine Ahnung vom Erstellen einer Webseite noch hat er sich von der Qualität der Webseiten seiner Wettbewerber überzeugt. Anstatt den Besucher zum Lesen der Inhalte (0kay, diese sind etwas dürftig) zu bewegen, spricht dies der Webmaster, untermalt von gestellten Anrufen aus.

Es könnte sich allerdings auch um einen Marketing-Gag von Jimdo handeln, auf deren JimdoPro Version einen fingierten Anrufer verweist.

Leider sind alle Referenz-Websites im Besitz des Webmasters von Webmaster-4you, so dass man tatsächliche Kundenwebseiten, sofern diese bestehen, nicht begutachten kann.

Ich habe mich auf alle Fälle köstlich amysiert. Schaut euch doch mal den Sourcecode an “Webmaster auf den Bergen”

Zur Website: http://www.webmaster-4you.de/

Social Bookmark Icon Sets

Markus Breitenstein — Mon, 30 Mar 2009 22:08:08 +0000

Social Bookmark Dienste gibt es ja wie Sand am Meer und mit diesen wachsen stets die dafür designten Icons. Man möchte ja nicht auf jeder Seite die gleichen Icons vorfinden.

Social Bookmark Icon Set – Origami

Das Origami Icon Set hebt sich deutlich, von allen bisherigen Icon Sets ab. Origami ist angesagt. Richtig, da wird gefaltet.

Social Bookmark Icon Set – Flaschen

Dieses Icon Set einget sich hervorragend für Webseiten/ Blogs, welche sich mit Weinen, Likören, Bier oder anderen Getränken beschäftigen. Wer kommt denn schon auf die Idee Social Bookmark Icons auf Flaschen zu designen.

Socialize Icon Set

Hölzernes Social Bookmark Icon Set

Social Bookmark Icon Set – Social Fruits

Circle Social Bookmark Icons

Set of Social Icons

Twitter Icon Set – Happy Birds

Markus Breitenstein — Fri, 27 Mar 2009 09:47:30 +0000

Twitter Icon Sets stehen hoch im Kurs. Über Twitter bin ich auf das Twitter Icon Set – Happy Birds aufmerksam geworden, welches von Webdesign.fm erstellt wurde.

Das Twitter Icon Set – Happy Happy Birds ist sowohl für die private, als auch für die geschäftliche Nutzung kostenlos.

Tuning von Fehlerseiten

Markus Breitenstein — Thu, 19 Mar 2009 09:50:39 +0000

Wir kennen es alle, man ruft ne Seite auf und bekommt die typische Error 403 oder 404 Fehlermeldung. Die Datei konnte also nicht gefunden werden. Es wirkt alles wirklich langweilig und der Anwender schließt auf Anhieb den Tab, bzw. den Browser. Doch was wäre, wenn man stattdessen dem Anwender auf eine außergewöhnliche Art mitteilt, dass die Seite nicht mehr verfügbar ist. Wahrscheinlich gibt es gleich wieder die Nutzer, die diese Fehlerseiten einfach auf die Startseite verlinken. Hm, toll gemacht. Was hat aber der Anwender davon? Dieser bekommt nicht mit, dass er umgeleitet wird und natürlich auch nicht, dass das angesurfte Dokument nicht mehr verfügbar ist. Er sucht also vergebens nach den von Ihm gesuchten Inhalten. Fehlerseiten dienen dazu, dem Anwender zu signalisieren, dass dieses Dokument nicht mehr vorhanden ist. Hierzu gibt es zahlreiche kreative Ansätze, mit welchen man den Benutzer abholen kann.

Hier mal einige kreative Beispiele, wie kreativ Error 404 Fehlerseiten wirklich sein können.

Fehler 404 Seite von Pattern Tap. Pattern Tap schreibt:

Uh-oh! That page can’t be found.

Don’t get angry, and don’t cry.

Let us take that burden. It’s not your fault. No, really, listen to me. It’s not your fault. We have a 24 hour hotline to deal with things just like this. Okay, its not really a hotline, its really just some encouraging words to keep trying, but hotline sounds so much cooler.

The very nerdy error

404 Page Not Found -

The page you requested was not found.

Bei Dawdle hat man die 404 Fehlermeldung mit Super Mario gelöst und wie ich finde sehr gut. Thank you Mario! But our princess is in another castle!

Eine weitere, für mich schon fast die beste Fehlermeldung ist die von Mamsella.ca

Eine weitere, nicht zu verachtende Fehlerseite stammt aus der Bekleidungsindustrie – The Northface.

Eine weitere Fehlermeldung der besonderen Art habe ich bei Next Wave Performance entdeckt. Hier wird mit der 404 Seite auch ein Ablaufplan mitgeliefert. Sehr gut gelöst wie ich finde.

Die Fehlerseite von South Park.

Die Fehlerseite von Product Planner gleicht einer Schultafel.

Fehlerseite von AcomCreative.

Die Fehlerseite von GeekSquad.

Fehlerseite von GOG.

Weitere, cool gestaltete Fehlerseiten.

Weitere, ausßergewöhnliche Error Documents – 404 Fehlerseiten findet man bei:

eCommerce Icon Set

Markus Breitenstein — Wed, 25 Feb 2009 16:38:22 +0000

Das Weby Icon Set, ich nenne es hier mal eCommerce Icon Set, weil es ideal für Webshops ist. Ob nun Kreditkarten Icons, Warenkorb Icons (Warenkorb ansehen, aus Warenkorb entfernen, in Warenkorb legen), Social Bookmark Icons, das eCommerce Icon Set läßt keine Wünsche offen.

Hier eine Voransicht des Icon Sets.

Das 100 teilige Icon Set stehtin den Maßen 64px * 64px als PNG, ICO und ICNS Format zur Verfügung.

Icon Set bei Iconspedia herunterladen.

Web 2.0 Generatoren Teil 2

Markus Breitenstein — Mon, 23 Feb 2009 21:30:04 +0000

Nachdem ich bereits unter dem Artikel Web 2.0 Generatoren Teil 1 einige Werkzeuge zur Arbeitserleichterung präsentiert habe, möchte ich mit dem 2. Teil diese Serie fortführen. Generatoren sind nichts anderes als Werkzeuge, welche dem Nutzer den Arbeitsaufwand verkürzen.

Free Web 2.0 Logo Generator

Mit dem Web 2. 0 Logo Generator ist es möglich, binnen weniger Sekunden, ein eigenes Logo zu erstellen. Das Logo bestehend aus Schrift, optional wählbarem Icon, kann wahlweise mit Spiegelung (Reflection) in unterschiedlichen Auflösungen und Dateiformaten gesichert werden.

Creatr.cc – Logo Generator

Selbstverständlich ist dies nicht der einzige Logo Generator, wie nachfolgender Web 2.0 Logo Generator von Creatr.cc zeigt.

Der Logo Generator von Creatr.cc ist allerdings etwas umständlich in der Anwendung. So muß sich der zu generierende Text den Platz mit Logo spezifischen Angaben, wie der zu verwendenden Farbe, teilen.

Navigation TAB Generator

Mit dem Navigation TAB Generator lassen sich auf einfache Weise Tabs erstellen. Unterschiedliche Stellstchrauben ermöglichen dem Anwender das Festlegen der Tabposition, der Farbstimmung und weiteren Settings. Es wird automatisch der HTML-Code, JavaScript und CSS generiert.

Website Ribbon Generator

Der Website Ribbon Generator liefert ein eher mageres Ergebnis, was mich persönlich nicht wirklich überzeugt hat. Es mag jedoch auch Anwender geben, welche diese Variante der eher moderneren, stylisheren bevorzugen. Die Farbe des Querschlägers sowie des Textes läßt sich im Generator festlegen.

Doch das Resultat wird eher ernüchternd.

QuickRibbon – Generator

Generatoren, die optisch bereits den Nutzer ansprechen, liefern auch meist ein entsprechendes Ergebnis aus. Seite wirkt übersichtlich und führt den Anwender mit Hilfe einer Step-by-Step Anleitung durch den Generator. Text eingeben, Textfarbe bestimmen, Grafik für Ribbon wählen, Farbe definieren, Hintergrundfarbe auswählen, Hyperlink eingeben und JavaScript generieren. Habe ich was vergessen?

Background Generator von Creatr.cc

Button Generator

Formular Gestaltungs-Generator

Der Formstyle Generator ist kein Generator zum Erstellen eines Webformulares. Der Generator dient zur Gestaltung eines Webformulares und peppt langweilige Standard Formular Layouts auf.

Notizzettel Generator

Habe mich eigentlich gefragt, wofür benötigt man einen Notizzettel Generator. Okay, wenn man kein Post-It hat kann man schnell erstellen und ausdrucken. Auf der Website machen sich aber solche Notizzettel auch ganz gut, wie mein Vorschlag zeigt.

Nun wünsche ich viel Spass beim Generieren… und natürlich wird es einen weiteren Teil geben.

14 Icon Sets

Markus Breitenstein — Thu, 19 Feb 2009 20:34:50 +0000

Heute habe ich mich mal mit Twitter auf die Suche nach Icon Sets gemacht. Bei solchen Dingen schätze ich Twitter, denn man findet wirklich alles. Ist ja schon fast ein Google Ersatz.

Somatic Rebirth Apps

Auf Iconfactory habe ich dieses Icon Set entdeckt. Ist für Mac als DMG File sowie für Windows als Zip-Datei als kostenloser Download verfügbar.

Playground

Bei Klugeart habe ich ein cooles Summer Icon Set gefunden. Zwar schaut es aktuell draußen eher weniger nach Sommer aus, aber wer jetzt schon vorsorgt, muß später nicht mehr lange suchen.

Pool Icon Set

Ein weiteres tolles Icon Set stammt von Iconka.com. Gerade zum Frühling/ Sommer hin finden diese Icons mit Sicherheit die ein oder andere Verwendung auf der Website. Das Vögelchen in der Pfütze läßt sich auch hervorragend zum Twittern nutzen.

Vector Icon Set

Das Vektor Icon Set beinhaltet 25 skalierbare Icons im Illustrator Format. Die .ai-Datei läßt sich mit Illustrator ab Version 8 öffnen. Mit dem Öffnen von früheren Illustrator Versionen gehen einige Effekte der Icons verloren.

Icons von Iconeden

Eine gute und reichhaltige Auswahl an freien/ kostenlosen Icon Sets liefert Iconeden.com.

Das Fresh Icon Set beinhaltet 59 Icons und ist, wie alle anderen Icon Sets – for free! Also kostenlos.

Ein weiteres, kostenloses Icon Set von Iconeden heißt Milky. Das Icon Set beinhaltet über 131 Icons, welche in grüner Farbe gehalten sind.

Browser Icons

Ein Browser Icon Set habe ich bei Morcha gefunden. Der Downloadlink befindet sich etwas weiter unten und ist auch als “Download” gekennzeichnet.

Firefox” width=”278″ height=”300″ />

Office Men Icon Set

Bei qvectors bin ich über das Office Men Icon Set gestolpert. Hier hat man allerdings auf das weibliche Geschlecht keine Rücksicht genommen.

Web Application Icon Set

Das Web Application Icon Set von WebAppers liefert 20 freie Icons. Diese sind in den Formaten 48×48 px, 32×32 px, und 24×24 px als transparentes PNG-File verfügbar. Dieses Icon Set ist sowohl für die private als auch geschäftliche Verwendung frei.

Wetter Icon Set

Wer schon immer mal von den langweiligen Wetter Icons weg wollte, dem stellt IconBest sonnige, aber auch bewölkte Icons in Aussicht.

Vista Icon Set

Das Vista Icon Set beinhaltet 92 hochauflösende Icons mit 256×256 Pixeln im PNG bzw. ICO Format. Das Icon Set beinhaltet Alarm Icons, CD & DVD Icons, Startmenu Icons und viele weitere.

Blog Icon Set

Das Blog Icon Set ist eine Mischung aus Icons, welche in einem Blog Verwendung finden. Diese stehen in den Formaten 24×24, 36×36 und 48×48 als PNG File zur Verfügung.

Umschlag Icon Set

Ob nun Briefumschläge, Kuvert oder den firmeninternen Hauspostumschlägen, Icons gibt es für alles.

Online Gif Animator

Markus Breitenstein — Thu, 05 Feb 2009 14:09:54 +0000

Animierte Gifs waren vor einigen Jahren noch sehr beliebt, aber auch sehr bunt. Ich kann mich noch gut an die Zeiten erinnern, da ich mitunter eine der größten GIF Archive betrieben hatte *schäm*. Jeder Lebenszyklus ist irgendwann zu Ende, so auch bei den animierten Gifs.

LooGix.com stellt einen Online Gif Animator zur Verfügung. Das nachfolgende Beispiel, welches von LooGix stammt, fand ich interessant und kann mir durchaus vorstellen, dass solche Bilder in Zukunft das ein oder andere Profilbild schmücken werden.

Der Nutzer hat die Möglichkeit aus bis zu 10 Einzelbilder eine Animation zu erstellen.

Auf der einen Seite finde ich den Service nicht schlecht, andererseits ist er mindesten 5 Jahre zu spät.