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
Oder?
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
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:
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.
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;
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)
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:
… 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)
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.
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.
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.