Der COLURZblog

Interessiert in Tipps, Tricks und Informationen zu Photoshop, Illustrationen, Kunst, Fotografie, Webdesign, Blogdesign, Tutorials, Wordpress, Design-Wettbewerben und Grafikdesign? Dann ist der COLURZblog genau das Richtige. Tägliche News zu diesen und einigen anderen Themen, sind der perfekte Einstieg in den Tag.

Gut zu wissen...

Bescheid zu wissen, ist von Vorteil. Aus diesem Grund gibt es hier in naher Zukunft nun auch Rezensionen zu lesen. Vorgestellt werden dort Produkte, die etwas mit den Stammbereichen auf COLURZblog zu tun haben und deshalb für Euch Leser relevant sein könnten. Viel Spass!

Archive: Webdesign und CSS

CSS Tipps & Tricks: Image Rollovers

Der Tutorial Blog hat wieder einmal ein paar nützliche Code-Schnippsel zum Thema Image Rollovers veröffentlicht. Schöne kleine Effekte für den schnellen Einsatz auf Euren Webseiten. Ab damit in die Code Trickkiste und viel Spaß damit.

All Free - kostenlose Icons für Web Designer

Und schon wieder ein Free-Icon-Set. Insgesamt 140 verschiedene Icons in jeweils 4 verschiedenen Größen stehen Euch hier zur Verfügung. Die Verwendung der Icons ist sowohl für private wie auch kommerzielle Nutzung erlaubt, näheres erfahrt Ihr direkt auf der Seite von Userinterfaceicons.com. Laut Ankündigung sollen in nächster Zeit auch noch weitere Icons bereit gestellt werden. Schöne Sache und einen Besuch wert.

[inspic=160] 

(via)

Web 2.0 bis zum Abwinken

Wem bis jetzt der Begriff Web 2.0 und der damit verbundene Hype noch nicht auf den Geist gehen, für den ist dieser Linktipp genau das Richtige! Insgesamt 99 Links zu verschiedensten Tools, Freebies, Gimmicks und Tutorials rund um das Thema Web 2.0!

Have fun!

CSS Tricks - Free PDF

Und schon wieder ein gratis Download. Chris Coyier von CSS-Tricks hat einen netten kleinen Artikel für Webdesigner veröffentlicht. What Beatiful HTML Code Looks Like heißt das ganze und ist ein schöner Artikel über gut strukturierten HTML Code. Zusätzlich dazu hat er auch eine kleine Schnellübersicht mit einem kurzen Beispiel Code erstellt, der einen einfachen Überblick verschafft. Schaut es Euch mal an, die Übersicht ist auch als PDF verfügbar und steht zum Download bereit!

[inspic=154]

Help Sheets für WordPress, HTML & CSS

Ein neues Design soll her. Verdammt, wie war das gleich nochmal mit dem Code?

Wem ging das noch nicht so, man will "kurz" mal was am Design seines Blogs ändern oder das Aussehen der Webseite anpassen und man hat diesen einen kleinen Code-Schnippsel gerade nicht im Kopf oder zur Hand. Ärgerlich.

Umso erfreulicher ist es, dass sich die Leute von Go Squared bzw. eigentlich Liquidcity die Mühe gemacht haben, einige Help Sheets eben dafür zusammen zu stellen. Help Sheets sind kleine Kurzübersichten zu bestimmten Gebieten, die ein rasches Nachschauen ermöglichen, ohne gleich in Büchern blättern zu müssen oder im Internet zu recherchieren. Freilich ist dort nicht alles was auch gesucht wird aufgeführt, aber diese Zusammenfassungen einiger wichtiger Codes ist doch bestimmt für viele eine gute Unterstützung.

Erstellt wurden bis jetzt 3 Help Sheets zu den Bereichen WordPress, HTML und CSS. Ihr könnt Euch diese kostenlos als PDF herunterladen, klickt dazu einfach auf die Bilder und Ihr kommt direkt auf den Post des jeweiligen Sheets! Enjoy!

  1. Word­Press Help Sheet [inspic=153]
  2. HTML Help Sheet [inspic=152]
  3. CSS Help Sheet [inspic=151]

Die richtige Farbwahl - schau aus dem Fenster!

Als Webdesigner macht man sich die verschiedensten Gedanken, wenn es um die Gestaltung einer neuen Webseite geht. Eine der wichtigsten Entscheidungen ist es aber, die richtigen oder besser gesagt, passenden Farben zu wählen. Nicht anders ergeht es dem Grafiker, der am aktuellen Flyer für eine bestimmte Veranstaltung sitzt und sich neben der Platzierung der wichtigsten Daten, eben auch Gedanken um die richtige Farbwahl machen muss.

Das Thema der Farbwahl ist nicht zu unterschätzen! Eine unpassende Farbwahl kann den Eindruck eines Projektes durchaus ins Negative rücken. Bei einer Werbung für ein klassisches Konzert auf Neon Farbtöne zurückzugreifen, wäre wohl milde gesagt, etwas "gewagt". Welchen Eindruck das Ganze bei der Zielgruppe hinterlässt, kann man sich vorstellen. (mehr…)

Web Interfaces - 20 Photoshop Tutorials

Hier kommt mal wieder etwas für die Web Designer unter Euch. Auf der Webseite TopTut.com - Top Tutorials gibt es eine schöne Sammlung von insgesamt 20 Tutorials, die das erstellen von Web Interfaces in Photoshop zeigen/erklären. Zwar sind die Tutorials allesamt recht futuristisch angehaucht, um sich aber mal einen kleinen Einblick in die Gestaltungsweise von Web Design Elementen  zu verschaffen, dürften diese Tutorials doch recht interessant sein. Viel Spaß beim Ausprobieren! Lasst Euch inspirieren!