lab111 v3 — Sneak Peek

das neue web2.0 design fängt doch gut an… vor allem die „navigations-pfeile“…

Checklist (aus webdesign from scratch — Web 2.0 how-to design style guide):

1. Simplicity — vorhanden.
2. Central layout — vorhanden.
3. Fewer columns — vorhanden.
4. Separate top section — vorhanden.
5. Solid areas of screen real-estate
6. Simple nav — vorhanden.
7. Bold logos — vorhanden.
8. Bigger text
9. Bold text introductions
10. Strong colours — vorhanden.
11. Rich surfaces
12. Gradients — vorhanden.
13. Reflections — vorhanden.
14. Cute icons
15. Star flashes

Stand: 12.03.2007

allerdings hat dieses wunderschöne design noch ein paar macken

z.B. die Navigations-Elemente:

• Safari zeigt die Navigations-Elemente perfekt an: (siehe ganz oben screenshot)
• Firefox verdeckt die obere Linie durch die Navigations-Elemente:
  
• Opera… siehe Firefox…
• Internet Explorer 7 zeigt die Navigations-Elemente um 1px größer an:
  
• Internet Explorer 6 zeigt die Navigations-Elemente sogar um 2px größer an:
  (fixed)

also jetzt funktionier im internet explorer gar nix mehr

lab111 — Portfolio

Mein Portfolio ist schließlich auch online: lab111 — Portfolio… dafür ist aber der Menüpunkt „Scrapbook“ verschwunden (was eigentlich auch nicht ganz tragisch ist, da ja ein blog reicht, find ich^^) Der Scrapbook kann allerdings immer noch erreicht und abonniert werden.

Fun Post: Text Browser simulieren

Man tut

1. javascript deaktivieren
2. ursprüngliche css durch diese ersetzen

* {
background: black !important;
color: white !important;
font: 12px "Courier New" !important;
}
ul {list-style: none !important;}
ul li:before {content: "* " !important;}
a {text-decoration: underline !important;}
a:hover,a:focus {
background: white !important;
color:black !important;
}
input,textarea {
border: 1px solid white !important;
background: black !important;
color:white !important;
}
strong,b {text-weight: normal !important;}
em,i {text-decoration: none !important;}
img {display:none !important;}
input[type="image"] {display:none !important;}
td,th {border:1px solid white !important;}

lab111 — redesign

nach dem ich diesen schönen artikel über web2.0 design gelesen hatte, will ich vll ein neues design für lab111 machen… so richtig web2.0, wenn ihr wisst was ich meine

es soll

• hell
• farbig
• einfach

sein, kurz: design2.0^^

Netvibes: neues „Coriander“ design

Der Preview von Netvibes „Coriander“ hat ein schönes neues design bekommen… es hat jetzt überall stark übertriebene runde ecken und ist auch insgesamt viel zu hell, aber es gefällt einem trotzdem keine ahnung wieso^^…

Netvibes

Software: Texter (Windows)

Lifehacker Code: Texter Windows – Lifehacker

Windows only: Text substitution app Texter saves you countless keystrokes by replacing abbreviations with commonly used phrases you define.

(d.h. wenn du „ttyl“ tippst und dann auf [TAB] drückst, kommt „talk to you later“ raus… spart ne menge arbeit natürlich muss mann die wörter, die man ersetzen möchte erst mal definieren^^)