Noch besser als das EditStyles-Bookmarklet von Jesse Ruderman funktioniert übrigens die EditCSS-Extension für den Firebird. So macht CSS Spaß.
Wenn man nix zu tun hat (oder so tut) ist es immer wieder lustig in den Extensions zu wühlen. Erstaunlich wieviel Sachen man mittlerweile mit seinem Browser machen kann und erstaunlich das immer noch so viele Features fehlen ;-)
SmoothWheel ist endlich in neuer Version erschienen und funktioniert jetzt auch mit den neuesten Firebird-Nightlys (und wird auch im 0.8er funktionieren). Ihr wisst garnicht wie graziös man Scrollen kann ;-)
Ganz nett ist auch der SessionSaver, der leider nicht an die Workspaces vom neuen OmniWeb rankommt sondern im Prinzip nur beim Starten den alten Zustand aller Fenster und Tabs wiederherstellt, was auch im Crash-Fall funktioniert.
Als ich den Andreas zu sehr nervte mit der Wann ist denn endlich das neue Sunlog fertig-Frage hat er mir einfach den Auftrag ein paar simple Standard-Templates zu basteln aufgebrummt (genau so wars *g*).
Aber ich habs gern gemacht ;-) Denn zum einen gab es mir die Möglichkeit Sunlog lite Sunlog reloaded Sunlog intensiver kennenzuleren, insbesondere Smarty für die Templates und zum anderen hatte ich mal wieder Lust ein nettes XHTML-Layout zu basteln (das nicht 100% meinen Ansprüchen gerecht werden muss), obwohl mir für hier ja nix geniales einfällt.
Auf jeden Fall hat es meine XHTML-Skills erheblich weitergebracht, denn ich hab endlich die Floats und ein paar Sachen mehr verstanden und bin jetzt fast wieder auf dem Skill-Level das ich mit HTML4 schon erreicht hatte (Tabellen, für alle die sich nicht mehr erinnern).
Im Prinzip hab ich nicht viel mehr gemacht als das Listutorial und das Floatutorial angewandt, ein bisschen mit Photoshop gemalt und das Ganze mit Containing Floats verfeinert.
Herausgekommen ist ein XHTML 1.0-strict Design, das in IE5-IE6, Mozilla und Konsorten, Safari, IE5mac getestet gleich ist und imho doch ein wenig besser aussieht als z.B. das MovableType Standard-Tempate ;-)
Okay, es steht überall und jeder weiss es jetzt, aber ich denke dass man ohne Übertreibung sagen kann das es die Entdeckung des Jahres für den Webdesigner ist: Mehrere Internet Explorer unter einer Windows-Installation. Problemlos auf 5.0, 5.5 und 6.0 testen, es gibt keine Ausrede mehr (verdammt *g*) :)
Mit den fertigen Zips ist die Installation kinderleicht, keine Regisitry-Hacks oder stundenlanges Konfigurieren, entzippen und fertig.
Für das Debugging braucht man dann schnell quirksmode.org und das Archiv und Wiki von CSS-Discuss.
Man, das mach keinen Spaß wenn man sieht was alles nicht funktioniert und es in einer Version fixt und es dann in der anderen nicht mehr geht.
Scheiss Multiple IEs ;-)
Um dieses wunderbare Tutorial nicht ungesehen in den Quicklinks verschwinden zu lassen: Floatutorial
Floats sind eins der Dinge, die ich bei CSS noch nicht richtig verstanden hatte. Präteritum : hatte ;-)
Will man Favicons bzw. allgmein Icons direkt mit Photoshop machen ist das Icon File Format Plugin sehr praktisch
War heute richtig im Flow ;-)
Den Vormittag erstmal Rechnungen geschrieben, unliebsame Tätigkeiten abgearbeitet und die Festplatte aufgeräumt. Nach dem Mittagessen gings dann los. Von der Design-Idee heute Nacht beim Versuch einzuschlafen bis zum XHTML-Strict zur Harald-Schmidt Show. Erstmal im Photoshop zusammengeklickt, dann nachgebaut, über CSS geärgert, nachgegeben und doch noch eine Tabelle eingebaut und die letzten Bugs für den Validator ausgetrieben. Fertig.
Jedenfalls das Grund-Template und die Startseite. Morgen dann der von mir verhassteTeil, neue Texte zu schreiben (darum gings eigentlich) und die einzelnen Seiten zusammenbauen.
Aber für theflow hab ich immer noch keine geniale Idee …
Den ganzen Tag ne Agentur-Seite optimimiert die anscheinend absolut keinen Plan von HTML und CSS haben. Wasn Scheiss. Super kompliziertes Design mit unendlich ineinander verschachtelten Tabellen. Sieht irgendwie aus, wie vom nem WYSIWYG-Editor zusammengeklickt, aber nem schlechten.
Hab erstmal 50 KB von 85KB weggeschmissen nur dadurch, dass ich Tabellen-Design durch CSS-Positionierung ersetzt habe (bye, bye pixel.gif). Aus einem 20 KB CSS-File hab ich 5 KB gemacht. Aber soviel helfen tuts trotzdem nicht.
Jetzt hab ich noch undurchsichtige 30KB JavaScript-Zeugs, sehr eklig. Und keine Lust drauf. Deswegen ist morgen erstmal das Backend dran. Also DB-Queries, App-Server usw.
Jetzt gibts erstmal nen Falafel :)
Hat jemand vielleicht ein paar Tipps und Tools für die Analyse von Websites? Es geht hauptsächlich um die Performance. Also rausfinden was das Bottleneck ist, Anzahl der Bilder, Größe der Seite, Ladezeit messen usw.
Mission ist nämlich, herauszufinden warum die Website so langsam ist und da spielen so viele Faktoren mit das ich hier erstmal ziemlich ratlos davorsitze und an so trivialen Sachen scheitere wie eine Messmethode für die Ladezeit zu finden oder die komplette Seitengröße herauszufinden.
Endlich habe ich mal eine Toolbar, also eine Javascript-Editing Komponente gefunden, die sowohl im IE als auch im Mozilla (Firebird) funktioniert. Habe ich natürlich gleich in meinem Admin-Bereich eingebaut.
Funktioniert aber leider nicht im Safari. Im Camino natürlich schon.
Beim planen und testen und ausprobieren meines neuen Designs (klingt gewaltig, ist aber noch nichtmal ansatzweise fertig) ist mir heute aufgefallen dass ich ja jetzt mal so richtig rein hauen kann mit Bildern usw. Denn wer auf Bandbreite achtet, der kann ja den Feed lesen. Außerdem sind Weblog-Besucher ja eh häufig wiederkommenden User, die demnach die großen Bilder im Cache haben. Ideal.
Das eröffnet mir völlig neue Möglichkeiten. theflow bald in der 200kb Version ;-)
Wo kommt eigentlich dieser dämliche Look Ma, No Tables-Ausdruck her?
Egal, ich hoffe ihr bemerkt keinen Unterschied, denn das war Sinn dieses UmDesigns (macht übrigens wenig Spaß). Wer einen Unterschied zu vorher sieht bitte einfach melden :)
Mal ne kleine Frage an die Experten: Ist sowas notwendig? Wie berechnen sich die unterschiedlichen Werte und was ist für welchen Browser?
#wrapper {
width : 762px;
height : auto;
margin : 10px auto;
width : 750px;
}
body>#wrapper {
width : 750px;
}
Vielen Dank :)
Da mir kein schönes neues Layout einfällt, was mein Momentanes ablösen könnte (und ich das jetzige auch noch erstaunlich gut ertrage), wollte ich heute mal auf CSS aufrüsten. Aber das ist eine sehr frustige Angelegenheit. Liegt wohl daran, dass ich es nicht wirklich verstehe und mehr nach trial-and-error vorgehe und nix wirklich klappt. Na gut, ein bisschen was geht schon, aber diese ganze Pixelschieberei kann ich nicht mehr ab. Mal eine Nacht drüber schlafen und morgen nochmal probieren.
Sehr zufällig ist auch, das die sendung.de-Seite die ich gestern beim Typolinks suchen fand über genau zwei Themengebiete Linksammlungen hat (und gute noch dazu): LDAP und Typograhpie :)
So hab ich gestern auch irgendwann die Seite gefunden, die ich ursprünglich suchte: eksten.net. Vor zwei Jahren, als ich mich das erste Mal so richtig intensiv mit Fonts beschäftigte war das eine richtig gute Fundgrube für schöne Freeware-Fonts. Jetzt haut es mich nicht mehr so um, vielleicht sich auch einfach nur die Ansprüche gestiegen :)
Wie dem auch sei. Als Startpunkte für unendliche Reisen durch die Typografie-Welt empfehle ich folgende Linksammlungen:
• typolinx
• Buy2Get1Free
Desweiteren:
Erbitte um Hilfe. Ich Suche Resourcen über Fonts. Und zwar die Besten :)
Ich weiss das das ein weites Feld ist, aber wer was gutes im den Bookmarks hat, bitte mitteilen. Gibt es Font-Weblogs? Und nicht sowas billiges wie fontz.de, sondern gute Foundrys, gute Freeware-Fonts, gute Übersichten.
;){kind=link}