Journal
W3C Redesign Beta
Also meiner Meinung nach ist das Redesign schon längst überfällig… Einer der „Hauptgründe“, dass Leute nicht standardkonformes xHTML schreiben, ist, dass sie in der Irrglaube sind, ihr artistisches Potential ohne Tabellen nicht richtig ausnutzen zu können. Wieso denn das? „Na, schauen Sie mal auf die Seite von W3C, dann wissen Sie, worüber ich rede“
Schreckliches (Das kann man doch nicht als Design bezeichnen?)
Das Redesign sieht ganz anders aus. Schöne(re) Farben, Zwei-Spalten-Layout und klare Strukturen, die farblich voneinander getrennt sind.
Außerdem kann man auf der alten Seite sich zu Tode suchen. Nicht, dass es dort keine Informationen gibt, eher das Gegenteil. Es herrscht eine so hohe Informationsdichte, dass man nicht weiß, wo man sich grad befindet.
Im Redesign wurde alles ein wenig vereinfacht. Das Index wurde in die Sitemap Seite verlagert und es gibt eine Breadcrumbs Navigation, was die Ortsbestimmung enorm erleichtert.
Vertikale Scrollleisten immer anzeigen lassen
Wer in seine RIAs viele AJAX Abfragen hat, wünscht sich vielleicht, dass die vertikale Scrollleiste immer angezeigt wird, da es sonst zu Verschiebungen vom Layout kommt, weil sich der Inhalt immer wieder verändert.
Es gibt einen ganz einfachen CSS Trick, das den Browser veranlasst, die vertikale Scrollleiste immer anzuzeigen und zwar ganz CSS 2 valide.
html, body { height: 100%; padding-top: 1px; }
Somit ist entweder <html> oder <body> immer 1 Pixel größer als das Browserfenster… Einfach, nicht wahr?
Neues Tumblr Theme
Seit gestern hat mein Tumblelog ein neues Gesicht bekommen:
Vielleicht werde ich es auch als Theme bereitstellen… Wer weiß? Dann aber als ein offizielles. 
CSS3: text-shadow
Um möglichst zukunftssicher zu bleiben, sollen Web Designer am besten CSS3 Eigenschaften und Pseudoselektoren verwenden. Eines davon ist die nützliche Eigenschaft text-shadow. Demnächst wird sogar neben Opera, Safari und Konqueror sogar Firefox („Shiretoko“) die CSS3 Eigenschaft text-shadow unterstützen.
/* Definition:
text-shadow: x y blur color; */
text-shadow: 5px 5px 10px black;
Eine andere schönere Anwendungsmöglichkeit ist, ein „eingravierter Text“-Effekt zu erzeugen. So ein Effekt erreicht man, wenn man einen helleren Schatten ohne Weichzeichner (blur) auf einer dunkleren Hintergrundfarbe verwendet:
background: #EAE9EA;
color: #848484;
text-shadow: 0 1px 0 #fbfbfb;
Twitter + DarkButGood + Fluid.app = <3
Fluid ist ein kleiner abgespeckter Safari Browser, das Webseiten ohne irgendein Browser spezifische Navigationselemente anzeigt. Außerdem werden sie in .app eine Anwendung konvertiert, so dass man sie direkt starten kann. So wie Prism.
Twitter ist eine Internet Anwendung. Fluid kann diese Internet Anwendung in eine richtige .app Anwendung konvertieren – und das Beste: Man sogar Userscripts und Userstyles verwenden, um diese Internet Anwendung anzupassen.
Und last but not least:
DarkButGood, ein wunderschönes HUD Userstyle (auch als Userscript) für Twitter… Perfekt für Fluid. Wenn das Userstyle (oder Userscript) in Fluid installiert worden ist, braucht man nur in Preferences → Appearance → Windows Style auf „HUD“ zu stellen. Perfekt, nicht wahr? Geht doch auch ohne Werbung. (chrm Twitterriffic)
Es aktualisiert sich sogar automatisch, wenn man den Userscript installiert hat… Deshalb meine Empfehlung: Installiert doch beides! Dann muss man nicht warten, bis Fluid die Webseite fertig geladen hat, um das schöne Theme sehen zu können und muss auch nicht auf die automatischen Aktualisierungen verzichten.
Der einzige Nachteil dabei ist, dass es keine automatischen Growl Benachrichtigungen mehr gibt… Ein Nachteil? Also ich finde es schön. 