Kategorie: design

Sébastien Tellier – Look

Total spannendes Video.

Nicht nur, weil der Hintern einfach schön ist, sondern weil da so viel passiert und man wie gebannt auf die wiegenden Bewegungen starrt. Besonders interessant finde ich den Wechsel von unterschiedlichen Umgebungen. Ich habe mir das Video grade 2 mal hintereinander angeschaut und habe trotzdem noch neue interessante Dinge entdeckt.

Zusätzlich ist es noch ein echt ganz nettes Lied.

[youtube]http://www.youtube.com/watch?v=0r0eqCzg6UU[/youtube]

(via fitacola)

Artikel lesen

26. März 2010

Einsortiert in Allgemeines, design, musik, video, web-fundstück

Schlagwörter: , , ,

CSS 3: text-shadow – Schatten für Text

Hier auch noch mal eine Notiz (für mich selber) wie das mit CSS 3 und dem Text-Schatten funktioniert.

text-shadow: 2px 2p 2px #000;

Dabei stehen die Werte für folgende Eigenschaften:

  1. die X-Verschiebung
  2. die Y-Verschiebung
  3. Stärke des Weichzeichnungs-Effekts (Blur)
  4. Farbe des Schattens

Und hier noch 2 ganz schicke Beispiele (geklaut von kremalicious.com)

Beispiel 1:

color: #000;
background: #666;
text-shadow: 0px 1px 1px #fff;

Ich sehe ein wenig aus, wie eingravierter Text.

Beispiel 2:

color: #666;
background: #000;
text-shadow: 0px 1px 0px #ccc;

Ich bin grauer Text mit weißem Schatten auf fast schwarzem Hintergrund.

Artikel lesen

22. März 2010

Einsortiert in CSS 3, digital, webdesign

Schlagwörter: ,

CSS 3: border-radius – abgerundete Ecken

Da ich in letzter Zeit jedes mal wieder bei google suchen musste, wie nun die genaue Syntax für abgerundete Ecken mit CSS 3 ist, werde ich mir das hier mal selber notieren.

Hinzu kommt auch noch, dass jeder echte Browser das zwar schon interpretiert, allerdings ist da auch für (fast) jeden die Syntax anders. Opera beispielsweise hält sich schon jetzt an das vom w3c vorgeschlagene „border-radius“, während Mozilla und Webkit da (noch) ihr eigenes Süppchen brauen.

CSS 3 Standard (Opera 10.5):

border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

Mozilla (Firefox):

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

Webkit (Safari, Chrome):

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;

und alles zusammen:

border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
Artikel lesen

22. März 2010

Einsortiert in CSS 3, digital, webdesign

Schlagwörter: ,

Happy Birthday Holger!

Ein kleines Geschenk für dich. Das sind ein paar Zitate, die ich interessant finde und über die es sich lohnt nachzudenken. Ich hoffe, dass sie deinen Geschmack treffen.

Wenn du das hier liest, hast du sehr wahrscheinlich die Ausdrucke in A3 schon erhalten. Ich würde mich natürlich riesig freuen, wenn du das eine oder andere aufhängst.

Artikel lesen

5. März 2010

Einsortiert in design, typography

Schlagwörter: ,