lab111 — Blog

Design Packs sind eine Reihe von schönen Fotos, die jeweils zu einem Thema gehören… Frei noch dazu!

DesignPacks.com | Free Image Collections for Web Designers (via etc.)

P.S: ↑ Wie wär’s mit blackbox statt Flash?

Als Webdesigner muss man in (X)HTML/CSS lästig viel schreiben. Abhilfe schafft der XHTML/CSS Markup Generator…

Da reicht ein einfaches a#download.red.big=Download und es generiert folgender Code:

<a href="./" id="download" class="red big">Download</a>

Man sieht schon, dass die Syntax CSS ähnelt… Spart enorm Arbeit… Praktisch für das “Gerüst” einer Webseite…

Links:
XHTML/CSS Markup Generator

Hm. CSS Rand. Die beste Beschreibung ist immer noch diese:

CSS Rand ist so wie StumbleUpon der CSS Gallerien ohne Toolbar.

Einfach immer wieder F5 drücken und schon zeigt die Seite eine neue, zufällige, wunderschöne Seite an… Schicksalhafte Inspiration, halt^^.

CSS Rand ~ The divine inspiration (via etc.)

Das Header Bild nach dem Wetter verändern - mit PHP… Eine klasse Idee!

Using Weather Data to Change Your Website’s Appearance through PHP and CSS - CSS-Tricks

Dieses Tool kann von einer Webseite die Farben rauslesen und sie anzeigen… mit Mootools. Mootools rocks!

mooColorFinder - retrieve all website colors (via etc.)

Eine leicht verständliche CSS Referenz und Erklärungen zu CSS Hacks, dem Boxmodell, der Doctype Weiche und andere komplizierte Sachen …

CSS Reference

Schönes neues Login Formular!

Dieses “Zebra Effekt” wurde mit einer Halbtransparenten PNG Overlay gemacht und nicht mit einem ganzen Bild. Das bringt den Vorteil, dass man den Text “Wow, Zebra” ersetzen kann, wie mit z.B. “Zebra Web2.0″ oder so was ähnliches.

Und mit diesem CSS Trick, kann man auch andere Text Effekte erzielen, wie z.B. den Text Effekt, wie auf Apple Logos zu sehen sind. Der Vorteil mit diesem Trick ist, dass man nicht jedes Logo im Photoshop bearbeiten muss, was viel Zeit kostet (Photoshop zu öffnen )

CSS Gradient Text Effect

• Was man mit PNG Transparenz noch so machen kann

a {
  border-style: dotted;
}

Internet Explorer 6? Soll das etwa ein schlechter Witz sein???

Wieso erscheint der Rahmen im Internet Explorer 6 als “dashed”, wenn im CSS “dotted” angegeben wurde? Komisch nicht? Jaja, Internet Explorer 6 und ihre Macken, und was machen wir jetzt?

weiterlesen ‘CSS: Rahmen dotted oder dashed?’

a {
  outline: 0;
}

Schlecht.

Wieso denn das? Man will doch den hässlichen Rahmen von allen Links entfernen, wieso ist das schlecht?

weiterlesen ‘Links ohne Outlines’