Artikel-Schlagworte: „webdesign“

vizlinspiritin – Inspiration Overflow

Samstag, 14. August 2010

Ich hab mir mal wieder was gebastelt…

Und zwar eine Seite mit Inspirationen aus dem ganzen Netz. Das Ding zieht sich per YQL (Yahoo Query Language) aus 11 verschiedenen RSS-Feeds alle Bilder und listet sie auf chaotisch-geordnete Weise (mithilfe von jQuery Masonry) auf.

Jede Stunde kommen etliche neue Inspirationen dazu – aktueller Stand: 723 45.000 Bilder.

Wer es selbst sehen will: vizlinspiritin.eigenstil.de

Ich bin voll wichtig

Freitag, 28. Mai 2010

image

Oder?

Apple ist einfach bekloppt

Samstag, 15. Mai 2010

Von wegen flash wäre nicht für mobile Geräte geeignet… ihr bei Apple seid doch blöd, erzählt nicht so einen quatsch. Man ernsthaft, ihr nervt irgendwie langsam…

Wieso? Antwort hier: golem.de/1005/75111.html

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

Montag, 22. März 2010

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.

CSS 3: border-radius – abgerundete Ecken

Montag, 22. März 2010

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;

Verstehen, wie und wo meine User klicken

Sonntag, 31. Januar 2010

Das funktioniert, wenn man die in diesem Artikel beschriebenen simplen Schritte durchführt:

http://briancray.com/2009/12/29/understanding-user-behavior-google-analytics-event-tracking-jquery/

Alles was man braucht ist google analytics, jQuery und ein wenig Quellcode, den man im <head> einfügen muss. Sehr interessanter Ansatz auf jeden Fall.

(via konigi.com)

Webdesign Alltag – 3840 x 1200 Pixel – 2 Mal 24 Zoll

Donnerstag, 7. Januar 2010

So sieht’s bei mir momentan aus, besonders interessant finde ich die ganzen Überlappungen von den Fenstern. Mit sowas bschäftige ich mich den lieben langen Tag, und ich liebe es:

Was Webdesign-Kunden nicht verstehen…

Montag, 4. Januar 2010

… ist die ganze Arbeit die „dahintersteckt“. Doch wie kann man das dem Kunden begreifbar machen? Wie es wäre, wenn Kunden immer so argumentieren würden, wie beim Bezahlen für das Webdesign sieht man in diesem Video:

[youtube]http://www.youtube.com/watch?v=JI3Df7-KFtw[/youtube]

(via Yenni)

Icon-Design für EVISION5 (Public-Display und Digital-Signage Software)

Dienstag, 8. Dezember 2009

Für unser Public-Display und Digital-Signage Produkt EVISION5 habe ich gerade mal ein paar Icons designt, die als Button fungieren um direkt in die jeweiligen Bereiche einzusteigen. Die Icons kommen auf der Startseite des Administrationsbereichs zum Einsatz.

Die Icons sind NICHT frei verfügbar und unterliegen meinem Copyright. Ich verbiete hiermit ausdrücklich die weitere Verwendung der gezeigten Icons.

Icon Design EVISION5 Webpresenter Admin

Babystrampler und mehr – zimtbaer.com Webdesign

Dienstag, 17. November 2009

Vor kurzem haben mich zwei Freundinnen aus der Uni gebeten, dass ich ihnen beim Erstellen einer Webseite helfe. Die Mädels nehmen am Business Wettbewerb der FU Berlin teil und haben sich für das Bestempeln von Babystramplern und anderen Baby-Textilien entschieden. Ich drück‘ euch natürlich die Daumen!

Mit dem durchaus schönen Logo (entworfen von Michaela Dehne) haben wir dann gemeinsam das Webdesign erarbeitet.

webdesign-zimtbaer-com

Das fertige Webdesign gibt es unter www.zimtbaer.com zu sehen. Friederike, Anne und Luisa sind gerade noch am Vervollständigen der Texte und Bilder – habt also bitte ein wenig Einsehen, falls noch nicht allzuviele Inhalte online sind.

Als Content Management System (CMS) kommt hier redaxo zum Einsatz, das XHTML/CSS-Layout basiert auf YAML.