Pixelscheucher
Wer es noch nicht mitbekommen hat: Apple stellte heute das neue iPhone 4S vor, das auf dem iPhone 4 basiert, aber dank A5-Prozessor in etwa 7x schneller ist, mit einer 1080p-fähigen 8-Megapixel-Kamera daherkommt und durch Sprache gesteuert werden kann.
Ab dem 7.10. kann ich es also bei der Telekom bestellen, zu haben ist es dann die Woche darauf. Wird wohl auf ein schwarzes iPhone 4 mit 32 oder 64 GB hinauslaufen, welches mein weißes 3GS ersetzen wird.
Ich wollte etwas Ordnung in meine Gedanken bringen und sortieren, was zur modernen Webseiten-Gestaltung dazugehört. Dazu muss ich sagen, dass ich vieles nicht ausprobiert habe, das ich mal hätte ausprobieren sollen.
Bild-Optimierung
SEO
Geschwindkeit
CDN
Als Telekom Entertain-Kunde (Partnerlink) habe ich ja auch Zugriff auf das Mediencenter, das inzwischen auch als Telekom Cloud beworben wird. Hier habe ich 25 GB Platz für alles mögliche an Musik, Videos, Dokumenten und anderen Dateien. Und kann darauf auch mit dem Media Receiver zugreifen. Aber wie bekomme ich am besten die Dateien da hoch? Umständlich über das Web-Interface hochladen? Nein, geht am Mac besser.
Die Tage hat Elliot Jay Stocks seiner Website/seinem Blog ein neues Layout verpasst das mir sehr zusagt. Sehr interessant fand ich in den Zusammenhang folgenden Satz (Hervorhebung durch mich):
My apologies to my good friend and studio mate Jon Tan, because I completely nicked his idea for using only one font size throughout the site.
Das zieht er wirklich konsequent durch – bis auf die Kommentare – und überall ist der Text 16px groß, egal ob Überschrift, Fließtext oder Seitenleisten. Hervorhebungen sind durch permanente Großschreibung (Überschriften), Unterstreichung (Links), Schrägstellung sowie großzügige Abstände und Linien gekennzeichnet, Überschriften sind zudem gesperrt. Links sind zudem nicht in der Textfarbe sondern leicht grünlich (#9C6) unterstrichen. Als Schrift kommt die Skolar zum Einsatz.
Ich bin mir noch nicht sicher ob auch wirklich jeder die Überschriften gleich als Überschriften wahrnimmt, ich zumindestens habe es noch ein wenig schwer. Kann aber auch am Monitor liegen.
John Gilmore sagte 1993, dass das Internet “Zensur als technischen Defekt interpretiert und drum herum routet“. Dasselbe sollten wir auch tun.
via Das neue Facebook: Nix wie raus hier » Von karstengerloff » netzpolitik.org.
Wenn ich mir das richtig in Erinnerung rufe, bestanden meine Anfänge im Frontend (HTML, CSS und so) damit, dass ich bestehende Webseiten umgeändert habe. Wir – ich wohnte zuhause – hatten einen AOL-Account (ja, wirklich) aber ich kannte das Kennwort nicht. So kam ich, wenn ich alleine zuhause war, immer nur auf die AOL-Startseite die noch im Cache lag. Nicht so toll.
Ich speicherte das, was ich da sah, auf der riesigen 7-GB-Festplatte und kam irgendwie dahinter, dass man diese .html-Datei bearbeiten konnte. Wahnsinn. Die Welt war mein und ich konnte die Nachrichten von gestern mit den denen von heute ersetzen. Und wie es der Zufall so wollte, gab es in der Computer-Zeitschrift die ich damals las, einen HTML-Einsteiger-Kurs. Mit <font>, Tabellen-Layouts und Farbnamen.
Ich baute erste Seiten, testete Editoren von damals – Arachnophilia, phase5, etc. – und fand das alles superinteressant. Dann gab es das Homep@ge-Magazin und alles wurde noch mal eine Portion großartiger, sogar der IE6 wurde damals gefeiert, weil er irgendwas mit Doctypes konnte, wovon ich damals nie gelesen hatte.
Heute sind wir ja eher froh, dass wir den IE6 links liegen lassen können. Webseiten machen wir zwar immer noch mit HTML und CSS aber wir testen in mehreren Browsern und unterschiedlichen Geräten.
Update vom 16. Oktober: das iPhone 4S wurde vorgestellt, was ein guter Ersatz für das 3GS sein wird und ich direkt am zweiten Vorbestellungstag bestellte.
Wenn am 4. Oktober das neue iPhone gerüchterweise von Tim Cook vorgestellt wird, gibt es keinen Grund, es mir ein paar Tage danach nicht zum Geburtstag zu schenken.
Und kommt mir hier nicht mit Android-Handys an.
Link-Empfehlungen zu Webdesign (HTML, CSS, …), Webentwicklung und anderen digitalen Kulturen in Sammlung für euch:
Web-Branding in der Usability-Diktatur | praegnanz.de
„Meine These ist, dass Branding im Web etwas ganz anderes bedeutet als in der Offline-Welt. Zum Beispiel, weil zu dick aufgetragene Markenwelten die Usability stören. Ein natürlicher Gegensatz: Usability lebt unter anderem davon, dass Website-Konzepte sich gleichen und allgemein bekannten Prinzipien unterwerfen, während man im Branding gerne auffallen möchte, und sich von den Mitbewerbern abheben möchte.“
Da ist was dran.
mathiasbynens/Placeholder-jQuery-Plugin – GitHub
A jQuery plugin which enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet
Use spread to manipulate the box-shadow
8 essential Fireworks tips for web design | Feature | .net magazine
Are you a Photoshop die-hard and wondered why you’d ever use Fireworks? Have you been using Fireworks for years and looking to improve your workflow? Save yourself from doing the same thing over and over again. We’ll explore a bunch of features of Adobe Fireworks to speed up design time and put the rapid back into rapid prototyping with these time-saving tips.
TYPOlight-Snippet: Bilduntertitel an Bildgröße anpassen | computino.de Webservice