Archiv:

Latest photoblog

photoblog

Blog » Design

famfamfam silk icons css-sprite version

Many of you have probably used or at least heard of the famfamfam silk iconset in the past. 1000 free 16×16px icons for every purpose you can think of. Many websites or software packages are using it.

But 1000 icons means (in case you really use all of them) 1000 HTTP requests which is really a lot. And even if you’re using only ~100 icons, that’s still a lot of HTTP requesting.

For this reason I created a small CSS sprite version of the popular iconset including all 1000 icons in one single 299K png file + 1 stylesheet (56 KiB). (Filesize was reduced almost by half! (355K instead of 646K, that’s a reduction by 46%)).

Usage

Very simple. Just add a span to your markup, then add the class „icon“ and „iconname„.

Example:
<span class="icon attach"></span>

Download

Grab the file here:
http://www.manuel-bieh.de/publications/download/fff-sprites.zip

License

As the original iconset, the sprite is filed under Creative Commons Attributions 2.5

Adobe geht auf Creative Suite 4 Tour

Ich hielt es für recht interessant, daher erlaube ich mir einfach mal, den entsprechenden Pressetext dazu hier zu bloggen:

Ende Oktober 2008 ist es soweit – die neue Adobe Creative Suite 4 geht auf Tour.

Den Anfang macht am 29.10.2008 die grosse Launch Veranstaltung mit zahlreichen Partnern in Kölner E-Werk. Danach geht es auf Tour durch Deutschland, Österreich und die Schweiz.

Unsere Experten zeigen Ihnen in der ganztägigen, für Sie kostenlosen Veranstaltung alle neuen Funktionen und Werkzeuge – das sollten Sie auf keinen Fall verpassen! Gehören Sie zu den Ersten, die live die Adobe Creative Suite 4 sehen. Melden Sie sich noch heute an und sichern Sie sich Ihren persönlichen Platz!

Termine und Orte

  • 29.10.2008 Köln
  • 10.11.2008 Berlin
  • 18.11.2008 Zürich
  • 21.11.2008 München
  • 25.11.2008 Wien
  • 27.11.2008 Hamburg

Programm

Kreativ-Workflow mit der Creative Suite 4 Design Premium Was gibt es Neues in Photoshop CS 4 Erstellen interaktiver Anwendungen mit der Creative Suite 4 Web Premium Postproduktions-Workflow mit der Creative Suite 4 Production Premium

Die Anmeldung ist unter Tour Daten/Registrieren möglich.

Aber beeilen Sie sich, die Teilnehmer-Plätze sind begrenzt!

http://www.shortcut-to-brilliant.com/

Relaunch in progress

Wie der ein oder andere Stammbesucher eventuell schon gemerkt hat, hat das Weblog (im Gegensatz zur restlichen Website und die restliche Website) seit gerade ein völlig neues Layout. Dieses ist eine erste Vorschau auf eine neue Version meiner schnuckligen kleinen Internetpräsenz. Entstanden ist die Idee für das Design bereits vor ziemlich genau 2 Jahren (die Layout-Dateien datierten auf den 30.03.2006), und da ich die alte Seite so langsam nicht mehr sehen kann, habe ich gestern in einer Nacht und Nebelaktion von 22:30 bis 4 Uhr in der Früh daran gesessen hier ein neues Layout hinzuzaubern.

Wie man wohl unschwer erkennen kann ist alles sehr viel simpler geworden (beabsichtigt), dafür habe ich mehr Wert auf die Typografie gelegt und darauf geachtet möglichst alle gebräuchlichen HTML-Elemente (von den Links, über Listen und Blockquotes, bis zu Codebeispielen und Headlines) vernünftig durchzustylen. Mir jedenfalls gefällts und in den nächsten Tagen sollte auch der restliche Webauftritt umgestellt werden. Dann mit Typo3 als Motor.

Achso: den IE6 habe ich bisher vollkommen außen vor gelassen, wenn Ihr mit einem 6er Explorer dieses Blog ansurfen solltet, es tut mir leid.

Kreativ-Wettbewerb: Begegnung in der Nordstadt

Das Dortmunder Kreativnetzwerk 51° Nord veranstaltet einen Kreativwettbewerb unter dem Titel „Begegnung in der Nordstadt“. Zu gewinnen gibt es Preisgelder in Höhe von insgesamt 3000 Euro.

Künstler, Designer und Kreative aufgepasst: Ab sofort werden Arbeiten zum Thema „Begegnung in der Nordstadt“ für einen Kreativ-Wettbewerb gesucht. Eingereicht werden können Arbeiten zum Thema „Begegnung in der Nordstadt“ aus den Bereichen Malerei, Illustration, Grafikdesign, Fotografie oder einem Mix aus allem. Der künstlerischen Umsetzung werden keine Grenzen gesetzt. Es winken Preisgelder in Höhe von insgesamt 3.000 Euro. Der Wettbewerb wird ausgelobt vom 51° Nord e.V. – dem Dortmunder Kreativnetzwerk.

Alle weiteren Infos und das Formular zur Anmeldung gibt es auf der Seite von 51° Nord: http://www.51nord.de/68.html

Designer/Grafiker (m/w) gesucht!

Du kommst aus Dortmund oder Umgebung oder könntest Dir zumindest vorstellen demnächst dort zu arbeiten? Du hast die absolute Begabung im Screendesign, aber auch gelegentliche Printprodukte (Flyer, Broschüren, Zeitungsanzeigen, …) gestaltest Du ohne Probleme? Du würdest Dir auch zutrauen gelegentlich kleinere redaktionelle Arbeiten auszuführen und 8 Stunden am Tag mit mir, Tisch an Tisch, in einem Büro zu arbeiten?

Dann hab ich da ggf. etwas für Dich:
http://www.raphael-gmbh.de/jobs.0.html

Designwettbewerb nach meinem Geschmack

Beck’s hat einen Designwettbewerb gestartet. Gestaltet werden sollen neben einem neuen Beck’s Etikett inkl. Flaschenhals auch die Sixpack-Umverpackung. Zu gewinnen gibt es sehr coole Preise. So bekommt der Gewinner 5000 € in Bar, sowie 100 Kästen Beck’s im Design der selbst entworfenen Etiketten. Der Zweitplatzierte bekommt immerhin noch 1500 € in Bar, sowie ein Apple MacBook. Der drittplatzierte freut sich über 500 € in Bar, eine Perfect Draft-Heimzapfanlage, sowie 10 Fässer für eben diese Anlage inkl Gläsern. Damit sollte der nächsten dicken Party eigentlich nichts mehr im Wege stehen.

Wer jetzt genauso geil auf das Bier geworden ist wie ich, sollte mit seinen Browser schnell www.becksit.de ansurfen, sich die Materialien herunterladen, und schnell anfangen. Der Wettbewerb endet am 28.02.2007!

The World’s Most Photorealistic Vector Art

Ich finds immer wieder einfach nur erstaunlich wieviel Langeweile manche Leute in ihrer Freizeit haben müssen.

vectorart.jpg

Und irgendwie auch beneidenswert. Ich altes Freehand-Kind komm immernoch nicht wirklich gut mit Illustrator zurecht.

The World’s Most Photorealistic Vector Art:
http://basangpanaginip.blogspot.com/…ds-most-photorealistic-vector-art.html

Ergebnisse der Fotosession vom 06.07.2006

Wie schon gesagt war ich letzten Donnerstag nach ner ziemlich langen Pause endlich mal wieder Fotos machen. Die sind jetzt entwickelt, abgeholt, gescannt, nachbearbeitet und hochgeladen. Mit dem Ergebnis bin ich ziemlich zufrieden, auch wenn er 2 Jahre alte Film ’nen sehr derben Gelbstich hatte, aber es gibt ja Photoshop. Vorenthalten möchte ich eine Auswahl der Fotos dennoch nicht:

002.jpg
005.jpg
006.jpg
008.jpg
010.jpg
013.jpg

In groß gibt’s die Bilder, und noch einige weitere, unter http://fotos.manuelbieh.de/2006-07-12/
wobei mir dabei auffällt das ich meine uralte und irgendwann mal sporadisch erstellte Galerie mal überarbeiten sollte …

Agenturchefs aufgepasst: Miete mich!

Da ich gerade wider Erwartens mehr Zeit habe, als mir eigentlich lieb ist, nutze ich dieses Weblog jetzt erstmalig gezielt dazu vielleicht den einen oder anderen Auftrag zu bekommen.

Wer bin ich und was mache ich?

Ich bin junge 21 und seit einem knappen Jahr ausgebildeter Mediengestalter für Digital- und Printmedien mit der Fachrichtung Nonprint/Onlinemedien. Meine Spezialität sind sahnemäßige Umsetzungen von qualitativen Internetseiten mit Hilfe von sauber strukturiertem, semantischem XHTML und CSS. Gerne gestalte ich diese Seiten auch selbst, und, wie sich das für einen anständigen Webentwickler gehört, schrecke ich auch vor kleinen bis mittelgroßen Anwendungen in PHP und MySQL nicht zurück. Zudem ist auch die Logogestaltung ein Bereich, bei dem ich Ihnen sehr gerne behilflich bin.

Ich arbeite seit März 2005 für eigene Kunden und Agenturen, und betätige mich als Autor von Fachbeiträgen zum Thema Usability, (X)HTML und CSS. Zum Beispiel hier in meinem Weblog, bei Dr. Web Plus (kostenpflichtig) oder auch für die Webkrauts.

Einige Arbeitsbeispiele kann man hier auf meiner Seite in den Referenzen finden, gerne schicke ich Ihnen bei Interesse aber auch ein PDF zu, in welchem ich mich und meine Tätigkeiten nocheinmal kurz beschreibe. Rechnungen kann ich Ihnen selbstverständlich ausstellen, allerdings bisher nur ohne ausgewiesene Mehrwertsteuer.

Bei weiteren Fragen oder bei Interesse melden Sie sich bitte unter job@manuelbieh.de oder telefonisch unter der im Impressum angegebenen Telefonnummer. Ich freue mich auf Ihre Anfrage!

(das mit dem »Sie« war hier im Weblog übrigens mal eine Ausnahme, verzeiht mir, liebe Leser ;) )

Komplette Linksammlung

Ich habe gerade meine Linkliste aussortiert. Das war einfach zuviel und zu unübersichtlich. Englischsprachige Blogs sind raus, ebenso sind Blogs die ich mittlerweile weniger intensiv lese, zukünftig nur noch hier in diesem Beitrag zu finden. Einige neue Blogs sind hinzugekommen, einige Favicons wurden aktualisiert. Wer jetzt immernoch nicht verlinkt wurde, hat vermutlich einfach noch immer kein Favicon, und ist somit selbst schuld.