Wir haben die Recommendations optisch verbessert
Photography and web in pictures & words by Martin Wolf
A collection of inspirational websites using media queries and responsive web design. Curated by Eivind Uggedal
Wo wir gerade bei der Umsetzung von responsive Designs waren, hier eine Seite voller guter Beispiele. Danke Luise.
Und schon wieder sieht das hier alles anders aus. Wieso? Weil dieser riesige Text und die große Zeilenbreite des bis vor wenigen Minuten noch aktuellen Designs vielleicht doch etwas zu mutig waren. Aber probieren geht ja bekanntlich über studieren.
Ihr seht jetzt das neue Design. Es heißt bei mir im Backend “vG Farbe” und gefällt mir gerade echt gut. Ich habe es heute morgen in Photoshop zusammen geklickt und dann im Laufe des Tages – unterbrochen von einer Runde Counterstrike gegen Marcel – umgesetzt.
Es war mal wieder einer dieser typischen Coding-Sonntage bei denen einfach alles flott von der Hand geht. Es ist wie auch der Vorgänger responsive und sollte auch bei kleinerem Browser sowie iPad und iPhone gut aussehen. Die Darstellung auf letzteren beiden werde ich gleich noch mal überprüfen. Also dann, fühlt euch wie zu Hause.
500px.com hat ein neues Design und auch eine neue Funktion, die sich “Flow” nennt und offenbar recht präsent ist. Leider verstehe ich das noch nicht so ganz. Der Begriff taucht an zwei unterschiedlichen Stellen auf und erklärt wird es blöderweise auch nirgends so wirklich und einen Blogeintrag, der neue Funktionen und Design ankündigt, gibt es auch nicht.
Na immerhin ist es recht hübsch geworden, auch wenn mir hier und da die Einheitlichkeit fehlt und offenbar keine Sprites verwendet werden und dadurch einige Hoverstatus auf sich warten lassen.
Mir sieht das alles nach einem vielleicht aufgrund der Flickr-Ankündigung zu schnell veröffentlichten Update aus, das an der ein oder anderen Stelle nicht 100% zu Ende gedacht und/oder gemacht wurde.
When you’re on the website, you need to open up your browser’s developer tools — Ctrl / Cmd + Shift + K in Firefox; Ctrl + Shift + J (Win) or Cmd + Alt + J (Mac) for Chrome — and punch in the following string of code:
document.cookie=”VISITOR_INFO1_LIVE=ST1Ti53r4fU”;
Danach noch ein mal die Seite neu laden et voilà!
So wirklich richtig schön ist das aber immer noch nicht. Bin ich froh, dass ich einen Mac und Reeder habe.
A teardrop iPhone, when held in landscape, would be thicker (and presumably heavier) on one side than the other. That seems wrong to me. Not shockingly wrong, but wrong nonetheless.
Dienstag ist es so weit und das neue iPhone/die neuen iPhones werden vorgestellt. John Gruber hat noch mal seine Gedanken zu den aktuellen Gerüchten niedergeschrieben und das klingt alles ziemlich klug und logisch.
Müsste ich eine Prognose abgeben, ich würde darauf tippen, dass es nur ein neues iPhone gibt. Es heißt iPhone 5 und sieht im Grunde aus wie das iPhone 4. Kleine Änderungen wegen der Antenne oder so vorbehalten. Außerdem hat es den A5 Chip des iPad2 und eine verbesserte Rückseitenkamera. Vielleicht dann mit der alten iPhone 4 Rückkamera auf der Vorderseite.
Einen wunderschönen guten Abend wünsche ich euch! Ich bin gerade ziemlich glücklich. Ich habe an diesem, mittlerweile fast vergangenen, Wochenende mal richtig Gas gegeben und visuelleGedanken.de umgebaut.
Ich habe versucht kein komplettes Redesign zu machen, sondern viel mehr ein “Realign”. Zum Einen gefällt mir der “Stil” und zum Anderen ist ein komplettes Redesign auch oft heikel was euch, also die Besucher, angeht. Als Websitebesucher fühlt man sich ja auch irgendwie zu Hause und möchte nicht, dass einem einfach so das Zimmer umgeräumt wird. Dummes Sinnbild, egal.
Neu ist vor allem die Struktur. Ich habe ordentlich ausgemistet und auf das Wesentliche reduziert. Die Sidebar ist flöten und mit ihr auch einige “Features”, die ich als überflüssig angesehen habe.
Ihr habt vielleicht schon gemerkt, dass ich in letzter Zeit immer mal wieder einzelne Einträge ganz leicht anders habe aussehen lassen. Das war mir aber jetzt nicht mehr genug und das Theme war einfach nicht darauf ausgelegt. Das Neue ist es. Ich kann jeden Eintrag individuell gestalten, wenn mir danach ist, muss es aber nicht.
Es gibt auch eine neue “Art” Einträge. Diese werden (immer) ein Zitat einer anderen Seite enthalten und eine kurze Stellungnahme meinerseits.
Ich poste gerne Zitate bei Twitter mit einem Link zum Artikel/Blogeintrag. Manchmal würde ich aber gerne noch ein paar Gedanken dazu loswerden. Dafür reichen aber dann die 140 Zeichen meist nicht aus. Ich denke, diese neue Eintragsart wird das lösen.
Schaut euch einfach mal um gebt mir gerne Bescheid, wenn ihr Bugs findet. Allerdings sage ich gleich, dass ich nur im aktuellsten Chrome/Safari und Firefox getestet habe.
Ein paar Einträge habe ich im Nachhinein mal angepasst, damit ihr eine Ahnung davon bekommt, wie das in nächster Zeit öfter aussehen wird:
Ich freue mich darauf das neue visuelleGedanken.de zu benutzen und ich glaube es wird dem Ganzen noch mehr Leben geben.
Ein dickes Danke geht an den Mitbewohner-Marcel, der das “Art-Directed-Blogging” hier in unsere Kreise gebracht hat. Und ja, die Blogs ähneln sich auf gewisse Weise, haben aber auch ihre Unterschiede und nein, ich werde dafür nicht von Marcel wie eine Sau durch’s Bloggerdorf getrieben. Danke. Amen.
Oh, seht mal. Ein neues Design. Naja, so ganz neu ist es nicht. Ich habe das bis eben noch aktuelle Theme genommen und weiter entwickelt.
Das neue visuelleGedanken.de ist etwas luftiger geworden. Nicht im Platz, aber im allgemeinen Aussehen. Es gibt mehr Weißraum, weniger Farben, mehr Unterlinien. Außerdem jetzt eine Serifenschrift. Bei allen, die einen neuen, guten Browser nutzen, sieht sie auch genau so aus, wie sie es sollte. Ich mag es sehr. Etwas ganz neues wäre nicht das Richtige gewesen.
Bevor ihr euch an der ein oder anderen Stelle wundert, ich arbeite hier und da noch etwas weiter. Manches ließ sich nicht testen ohne live zu sein oder den Blog in den Wartungsmodus zu schalten, und das wollte ich schlichtweg vermeiden. Das Antworten auf einen Kommentar funktioniert zum Beispiel noch nicht genau so, wie ich es möchte.
Also ihr dürft und sollt aber trotzdem auch gerne Bugs oder Ähnliches posten.
Also dann. Kommt immer mal wieder aus eurem Feedreader raus und schaut vorbei. Hier und da wird noch etwas dazu kommen. Vielen Dank!
Für alle Feedleser hier eine kleine Vorschau und hoffentlich ein Anreiz den Blog auch im Browser zu besuchen.
![]()
Für alle anderen: Ihr seht es ja schon vor euch. Es ist erwachsener, seriöser und professioneller geworden. Das ist kein Zufall, das ist so gewollt und das gibt auch die Richtung vor.
Ich bin sehr zufrieden mit dem neuen Design und hoffe es geht euch da genauso.
Dank geht an Marcel, für immer und immer wieder anschauen und Meinung abgeben.
Solltet ihr noch Bugs oder Ähnliches finden, gebt mir doch bitte Bescheid. Danke!