PIXELS taking over New York!
[youtube]http://www.youtube.com/watch?v=rcXtT3rZcqg[/youtube]
(via juicefoozle.com)
Kategorie: design
Links for Inspiration – 4
- bit.ly/cdgXcx – 20 Unique and Creative Logo Designs
- bit.ly/a4aF3a – Typography: „This Feels Right“
- bit.ly/bewR4N – atemberaubende Illustrationen von Doug Alves
- bit.ly/9Rj3wo – kostenlose Web User Interface Icons & Button Sets
- bit.ly/cO3TmZ – schönes Plaket-Design
- bit.ly/9ppWT6 – tolle Infographiken
- bit.ly/92MSvA – Information is beautiful: 30 examples of creative infography
- bit.ly/azVvro – Typography Art: 30 wonderful handmade fonts
- bit.ly/dxg1JH – Photographie: mit Autos spielen
T.SHELF: cooles (Bücher)-Regal
Schickes Konzept zur dreieckigen Krempel-Verstauung an der Wand. Zudem noch äußert dekorativ und käuflich zu erwerben.
Mehr Infos direkt auf der Webseite: j1studio.com – T.SHELF
(via weheartit.com)
A lesson on typography
Ganz nett gemacht, obwohl mir die Schriftarten am Anfang und Ende des Videos nicht sonderlich gefallen. Schick finde ich allerdings den „Poster-Effekt“ am Ende.
(entstanden an der Vancouver Film School)
[youtube]http://www.youtube.com/watch?v=Ki6rcXvUWP0[/youtube]
dailydesign #10
Japan – The Strange Country
Gut gemachtes Info-Video über Japan und die dortige Lebensweise, sowie lustige und durchaus traurige Fakten.
[vimeo]http://vimeo.com/10305194[/vimeo]
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)
dailydesign #9
dailydesign #8
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:
- die X-Verschiebung
- die Y-Verschiebung
- Stärke des Weichzeichnungs-Effekts (Blur)
- 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.
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;
