Screencast: Photoshop CS5, CSS3 und WordPress

Photoshop Convention - Digital Imaging WorldAuf der Website der Docma – Doc Baumanns Magazin für digitale Bildbearbeitung wurde ein kurzer Screencast von mir veröffentlicht.
Ich zeige wie Ihr in Photoshop CS5 einen simplen Button erstellt und anschließend die verwendeten Ebenenstile mit CSS3 simuliert. Im letzten Arbeitsschritt wird der Button in WordPress integriert.

Den ganzen Beitrag lesen »

CSS3 Pie: CSS im Internet Explorer 6-8 aktivieren

Es gibt diverse Möglichkeiten um CSS3 für die Internet Explorer Reihe zu simulieren. Ein neues (?) Tool das in der vergangenen Woche durch die Blogsphäre gewandert ist nennt sich CSS3Pie. Alles was Ihr tun müsst ist eine *.htc-Datei innerhalb Eures Stylesheets zu verlinken. Anschließend verfügen die Internet Explorer 6-8 über neue Eigenschaften. Zu den unterstützen Features zählen die CSS3-Eigenschaften border-radius, box-shadow, border-image, multiple background images und gradient (Innerhalb der background-Eigenschaft).

Den ganzen Beitrag lesen »

Internationales Webdesign

International FlagsGastbeitrag. Sobald ihr eure funkelnagelneue, sorgfältig geplante und gestaltete Website ins Internet stellt, seid ihr auf der Stelle international. Theoretisch kann dann jeder, der eine Internet-Verbindung hat, über eure Website stolpern. Es lohnt sich also, daran zu denken, dass 78% der zurzeit 1,8 Milliarden Internetbenutzer Englisch nicht als Muttersprache sprechen (internetworldstats.com).

Den ganzen Beitrag lesen »

@font-face Bibliothek “Kernest”

Kernest LogoVor kurzem habe ich über die neue Google Font Directory berichtet die mittels CSS-Eigenschaft @font-face den Einsatz von Schriften im Web um einiges erleichtert. Abgelegt werden die Fonts auf dem Google-Server und eingebunden über eine Mini-API.
Nun ist es leider so, dass bei Google bisher nur wenige Schriften zur Verfügung stehen was die praktische Idee (aktuell) noch wenig praktikabel macht. Hier kommt “Kernest” ins Spiel.

Den ganzen Beitrag lesen »

CSS3 Button Maker

CSS-Tricks hat einen Button-Generator veröffentlicht mit dessen Hilfe es binnen Sekunden möglich ist simple und ansehnliche Full-CSS3-Buttons zu erstellen. Wenn Ihr etwas mehr aus CSS3 herauskitzeln möchtet dann ist Euch mit einem meiner älteren Beiträge vielleicht auch geholfen.

Das Sonnensystem mit CSS3

Alex Giron hat ein CSS3 Experiment ins Leben gerufen welches sich in den vergangenen Tagen größter Beliebtheit erfreut. Da auch ich in vorangegangenen Beiträgen einige CSS3 Experimente gestartet habe möchte ich Euch seine Arbeit natürlich nicht vorenthalten.
Achtung! Nur in Chrome und Safari kommt Ihr in den vollen CSS3-Genuss.

Photoshop-Farben als Hexadezimalwert/HTML kopieren

Wenn Ihr innerhalb von Photoshop eine Farbe mittels Pipette aufnehmen wollt um Sie anschließend als Hexadezimalwert in Eurem CSS-Code einzubinden so war der bisherige Weg (bis CS5) recht mühselig. Entweder Ihr habt bei eingeblendetem Info-Bedienfeld und zwei Monitoren (alternativ gutem Gedächtnis) den Code abgeschrieben oder aber Ihr habt einen Umweg über den Color Picker genommen, Euch dort den Hex-Code herauskopiert und anschließend im CSS-Code wieder eingefügt. Klar, mit ein wenig Übung sind beide Varianten eine Frage von zwei Sekunden … aber jetzt es geht auch in einer.

Den ganzen Beitrag lesen »