Wer bei seiner Webseite jetzt schon auf Grafiken verzichten  und stattdessen CSS3 verwenden möchte, findet im Internet eine menge Werkzeuge. Das Web 2.0 ist längst bei dem Standart angekommen, welcher noch gar keiner ist. Viele Browser ermöglichen die Anzeige von CSS3 / HTML5 basierten Webseiten.

Die folgenden Seiten sind tolle Beispiele für Tools, um sich CSS3 Verläufe, Schatten oder Rahmen zu erzeugen.

westciv.com – tools & resources for web professionals

Auf dieser Seite finden sich eine Menge Werkzeuge um z.B. Boxshadows, Gradients oder CSS Transformations zu erzeugen. Durch verändern der Regler lassen sich sich einfach hübsche Ergebnisse erzielen. Der einzige Nachteil ist, dass der erzeugte Code nicht für die verschiedenen Browser erst angepasst werden muss.

border-radius.com – border Radius

Die Seite Border-Radius macht, was ihr Titel verspricht. Durch verändern der Parameter an den Ecken der Box, lässt sich der Radius der Ecke verändern. Der CSS Code wird für die meisten Browser kopierfähig erzeugt.

colorzilla.com – Ultimate CSS Gradient Generator

Auf der Seite colorzilla.com lassen sich sehr komfortable CSS Farbverläufe erzeugen. Selbst eine für alte Browser und den Internet Explorer optimierte Codeversionen werden hier erzeugt. Das Tool lässt sich intuitiv bedienen und ähnelt sehr an das Farbeverlauftool von Photoshop und Co.

Wer schon einmal eine Webseite erstellt hat, weiß wie wichtig eine vernünftige Skizze ist. Planloses zusammenklicken oder drauf los “designen” kostet meist sehr viel Zeit und führt nicht immer zu guten Ergebnissen. Um sich nicht mit Bleistift und Papier so genannte Mockups zu erstellen, bieten sich zwei Alternativen an.

Mockingbird

Mockingbird ist eine Webapplikation mit der sich schnell und einfach Skizzen erstellen lassen. Dafür sind viele Elemente wie Buttons, Bilder und Listen schon vorhanden und müssen nur per Drag und Drop ins Bild reingezogen werden. Die Software ist kostenlos!

Balsamiq Mockups

Balsamiq Mockups ist eine Adobe Air Anwendung. In den Paletten befinden sich viele Vorlagen, wie ganze Browserfenster oder gar ein iPhone. Die Möglichkeiten, die es hier gibt, sind viel größer. Allerdings kostet die Software auch $79.

Kaum ist Weihnachten vorbei geht es ums Bilanzieren. Hab ich das bekommen, was ich haben wollte, hab ich zu wenig bekommen, hab ich zu viel bekommen?

Für die, die immer noch nicht vom beschenkt werden genug haben, bietet der iTunes Store dieses Jahr eine besondere Aktion an. “12 Tage. 12 kostenlose Downloads.”, heißt es auf der iTunes Seite. Am 26. Dezember beginnt die Aktion. Zur Erinnerung gibts im AppStore auch ein App zum Downloaden.

Hier gehts zur Seite.

In diesem Sinne: Frohe Weihnachten!

Beim Surfen im web ist mir folgende Seite ins Auge gesprungen. Templay, eine Seite für Tutorials und kreative Downloads. Das mag nichts neues sein, aber die Qualität macht den Unterschied. Oft findet man nur Tutorials in englischer Sprache und bei den deutschen Tutorials, lässt die Qualität zu wünschen übrig. Hier nicht! Templay bietet nicht nur hochwertige Tutorials im Bereich Photoshop, auf der Seite kann man sich auch tolle Icons, Themes, Templates und vieles mehr runterladen.

Templay.de ist die Idee eines kleinen Teams, bestehend aus Grafikern, Webdesignern und Programmierern. Diese einem Blog ähnliche Plattform soll in erster Linie eine kreative Hilfe für Dich und Deine Projekte sein. Mit deutschsprachigen Tutorials, Grafiken und Web-Templates möchten wir Dich bei der Umsetzung Deiner Ideen unterstützen.

Ein Besuch lohnt sich! http://www.templay.de/

Quelle Blender.org

Die beliebte Open Source 3D Grafik Software Blender geht in die nächste Version. Heute ist die Version 2.49 erschienen. Sie bringt einer Reihe kleiner Verbesserungen mit sich. Die Gamengine trägt dabei den größten Anteil (Video Texture, Real-time Dome rendering, speed up, Modifier support, Bullet physics improvements, Logic and Phyton API). Darüber hinnaus wurde der Texture Node Editor verbessert. Auch das Texutre Painting wurde verbessert. Jetzt ist es möglich direkt auf die Objekte zu malen. Es gibt noch zahlreiche weitere Verbesserungen, wie etwa der JPEG 2000 Support.

Weitere Informationen gibt es auf der Blender Projekt Seite.

Den Download finden Sie hier.

Als Webdesigner kommt man immer mal wieder an den Punkt, eine Website mit einem Hintergrund muster zu gestalten. Sich im Internet die passenden Texturen zu suchen, bereitet meist keine Probleme. Allerdings ist es schwer sich davon dann den passenden Ausschnitt zu wählen, damit ein scheinbar nahtloses Muster entsteht.

Diese nachfolgenden 10 Seiten, bieten dem Benutzer viele schöne nahtlose Mustertexturen und zum Teil auch live Vorschauen.

1. BG Patterns

BG Pattern bietet dem Benutzer eine Vielzahl von vorgefertigten schönen Hintergrundmustern. Darüber hinnaus besteht auch die Möglichkeit sich eigne Muster und Farbkombinationen zurechtzuklicken. Sogar die Strukturierung des Materials ist frei konfigurierbar. Es besteht die Möglichkeit das Muster gleich in einer Live Vorschau als Seitenhintergrund anzeigen zu lassen.

2. Pattern Cooler

Pattern Cooler bietet genauso wie BG Pattern eine Live Vorschau des gewählten Musters. Pattern Cooler bietet viele hunderte von schicken Mustern. Die Farben sind vom Benutzer selbst konfigurierbar. Ein Besuch lohnt sich wirklich!

3. ava7Patterns

ava7pattern bietet auch eine große Auswahl an Mustern. Leider sind diese nicht konfigurierbar und es gibt keine Live Vorschau. Die Muster sind recht “kleinkariert” und somit nicht für jeden Zweck gut zu verwenden.

4. Patterrific

Patterrific ist als Blog aufgebaut. Hier gibt es sehr viele schöne farbenfrohe Muster. Leider gibt es auch hier keine Live Vorschau.

5. Pattern Head

Pattern Head bietet eine riesige Sammlung von verlinkten Mustersammlungen. Von Vector Patterns bis alten Tapetenmustern ist hier alles dabei. Ein Besuch und das Durchstöbern der Seiten macht Spaß und lohnt sich!

6. Patterns of Change

Patterns of Change bietet eine riesige Auswahl an verspielten Mustern. Zum Teil erinnern die Muster sehr an eine Kinderzimmer Tapete. Ansonsten sind die Muster sehr hübsch gestaltet!

7. Background Labs

Background Labs bietet auch eine riesige Auswahl von Hintergrundmotiven. Zuerst wählt man sich eine Farbe aus, danach erhält man eine Auswahl von hinterlegten Mustern in der Farbe.

8. Vector Valley

Vector Valley bietet viele schöne Vektor Muster. Die Muster sind in gängigen Vektor Formaten wie EPS, AI oder CDR verfügbar. Ein Besuch der Seite lohnt sich!

9. Pattern8

Pattern8 bietet eine vielseitige Sammlung an Hintergrundmustern. Von Grunge, Floral bis Retro findet man hier eine riesige Sammlung von nahtlosen Mustern.

10. Seamless Textures

Seamless Textures ist ein Traum fürs erstellen von Collage. Hier gibt es Muster der besonderen Art. Auf dieser Seite findet man Papiermuster, Zement, Grunge, Textilienmuster und vieles vieles mehr! Ein Besuch lohnt sich sehr!

Wer schon einmal eine HTML Seite geschrieben hat oder sich den Quellcode solcher angeschaut hat, dem werden sicherlich HTML Entitäten schon einmal ins Auge gesprungen sein. Sie beginnen mit einem & gefolgt von einer Buchstabenkombination oder einer Raute und Ziffern, die durch ein ; abgeschlossen werden. Im Footer vieler Seiten befindet sich ein Copyright. Aber wie bekommt man das Zeichen dafür in seinen Quellcode?

Bei einem x-beliebigen Schreibprogramm würde man dafür auf Einfügen -> Symbole klicken, in HTML gibt es dafür so genannte Entities, also Platzhalter für bestimmte Zeichen. Das & kann man z.B. durch © ausdrücken oder durch die Entity nummer ©

Bei vielen HTML Editoren gibt es eine Autoverfollständigung, sobald man ein & eingibt. Wenn man diese Funktionalität nicht zur Verfügung hat hilft einem die Seite entitycode.com. Hier findet man eine kleine übersichtliche HTML Entity Referenz.

Wer auf der Startseite im Facebook auf das Hintergrundbild klickt und danach die Tasten hoch, hoch, runter, runter, links, rechts, links, rechts, b, a, enter und mit der Maus klickt bekommt einen lustigen “lensflare” Effekt zu sehen bei jedem weitern Klick

Die Code Kombination ist der sogenannte “Konami Code“. Dieser Cheat Code taucht in vielen Konami Spielen auf.

Einfach mal ausprobieren!

GIMP, was für GNU Image Manipulation Program steht, ist wahrscheinlich das beste Beispiel, wie ein Open Source Programm es mit seinem kommerziellen Bruder aufnehmen kann. Mit vielen Funktionen, Filtern und einer benutzerfreundlichen Oberfläche hat GIMP viele Freunde im Internet gefunden.

In diesem Artikel finden sie 10 Seiten, die Ihnen des erlernen von GIMP, vereinfachen können.

PA Blog

Meet the GIMP

Gimp Talk

Gimp Tutorials

Gimpology

Gimp – Tutorials

Gtuts

Gimp / Tutorials

Gimp Users

Gimpguru

Adobe Photoshop steht sicherlich bei jedem Designer ganz oben auf dem Wunschzettel, denn es kommt mit hunderten von Features und ermöglicht das hervorragende be- und verarbeiten von Fotos und Grafiken. Der größte Dorn im Auge bleibt allerdings der Preis.

Zum Glückt ist das Internet voll von freien alternativen, die zum Teil eine ähnliche Leistung mit sich bringen und genauso große User-Communitys besitzen.

In dieser Sammlung Liste finden sich die wohl 5 beliebtesten Alternativen.

1. GIMP

GIMP steht für “GNU image manipulation program” und ist eines der ältesten und bekanntesten Alternativen zu Photoshop. GIMP beherbergt nicht alle, aber doch zumindest die meisten und wichtigsten Funktionen, die es auch in Photoshop gibt.  Darüber hinaus hat GIMP eine große Anhängerschaft und es gibt zahlreiche Tutorials im Netz.

2.  Paint.NET

Paint.NET ist ein freies Werkzeug zum Bilder bearbeiten unter Windows. Wie man bei dem Namen vermuten kann, handelt es sich um ein Microsoft Produkt. Paint.NET ersetzt das per default installierte Paint auf dem Computer. Es beherbergt viele Funktionen, wie z.B. eine History oder Ebenen, so dass man damit gut arbeiten kann.

3. Adobe Photoshop Express

Adobe stellt auf seiner Webseite auch eine kostenlose, abgespeckte Version von Photoshop zur Verfügung. Dort kann man zumindest ein paar grundlegende Funktionen benutzten um Bilder zu bearbeiten. Großer Vorteil, es läuft auf jedem Betriebssystem, allerdings wird ein neuer Browser vorausgesetzt und eine eine gute Internetanbindung ist von Vorteil.

4. Krita

Krita ist ein Open Source Grafik Programm für Linux und Mac. 2006 hat es den Akademy Award for Best Application gewonnen. Krita ist ein Teil der KOffice Suite und hat ähnlich gute Funktionalitäten wir Photoshop und GIMP.

5. ChocoFlop

ChocoFflop ist eine Design Anwendung für exklusiv für Mac. Es ist schnell und bringt viele Funktionen mit. Das Programm ist noch frei zum Download erhältlich, da es sich um die BETA Phase handelt.