Publikumsgeschmack? Sind das wirkliche die schönsten, besten Websites?

tempa wrote this 12:42:

Thumb 000Thumb 001Thumb 002Thumb 003Thumb 004Thumb 005Thumb 006Thumb 007Thumb 008Thumb 009Thumb 010Thumb 011Thumb 012Thumb 013Thumb 014Thumb 015Thumb 016Thumb 017Thumb 018Thumb 019Thumb 020Thumb 021Thumb 022Thumb 023

Die Sammlung dieser Thumbnails stammt von der Site OSWD.org und gibt die Template nach dere Rating aus. Ich weiß zuverlässig, dass in der Sammlung auch noch andere Tmeplates sind, die weniger wie die Antragsformulare eines Amtes aussehen. Zugegeben, einige der hier „Best-Rating-Templates“ sind sehr schöne „Antragsformulare“ und man wird lange, seeehr lange nach einem Amt suchen müssen, das so schöne Antragsformulare hat. Nichts desto trotz erscheinen mir diese Templates wie Formulare, starr und steif und auch diese gedeckte düstere Farbwahl gibt mir zu denken.

Und Schaut man sich im Web um, dann sind diese Websites auch nicht wirklich diejenigen, die man am häufigsten findet. Warum diese die besten Wertungen haben ist mir ein Rätsel.

Nein, denn wenn man sich dann anschaut, was am häufigsten heruntergeladen wurde, wird es luftiger und weniger düster. Es scheint, dass die Juroren nicht die sind, die auch die Templates herunterladen.

Via Robert Basic

Tabellen stylen

Claudia Reiser wrote this 09:54:

Auch in Zeiten von tabellenlosen, css-positionierten Layouts sind Tabellen durchaus sinnvoll; da, wo man tabellarische Daten darstellen will. Und Tabellen können mit css vielfältig gestaltet werden. Die css Table Gallery präsentiert viele Beispiele dazu.

Yeah Ultimative 80-Website

tempa wrote this 18:35:

Das ist Disco! Aber Vorsicht! Diese Seite kann sich negativ auf ihre Gesundheit auswirken. Wer bei auf Stroposkopeffekte anspricht, sollte diese Seite nicht aufrufen. Und jetzt ist Party-Time.

Und auch das stammt als Tipp auf M°kreativ

Wieder ein neues Template fertig

tempa wrote this 01:06:

Template TC-0038

Der Entwurf für dieses Webtemplate TC-0038 stammt bereits aus dem Jahr 2004. Damals entdeckte ich in Photocase über die damals noch existierende Farbwahl das Bild vom Bunker unter unter dem Alexanderplatz. Das Design hat für mich etwas rebellisches. Und obwohl es viel Pink und Rosa zeigt, ist es nicht kitschig süß. Es ist Ruppig, auch weil es wenn viel Text auf der Seite steht das Keyword den Text überlagert. (mehr …)

Kontrast und Größe

tempa wrote this 12:30:

Schick mit Nachteilen: einige Texte werden erst lesbar, wenn man diese markiert

Gelegentlich fragt man sich, warum und wie das eine oder andere Template in CSS-Vault es schafft als vorbildlich dargestellt zu werden. Aktuell ist es die Präsentation von York music, die zwar auf den ersten Blick schick aussieht, doch so mancher Brillenträger wird nie erfahren, das die Beiträge einen Zeitstempel haben. Bei den Link ist zwar der Kontrast etwas besser aber noch immer werden Menschen mit Sehschwächen diese nur mühsam entziffern.

Vorbildliches Design sollte meines erachtens auch auf diese Dinge achten. Schade. Wobei der Gesamteindruck durchaus gefällt und bei entsprechenden Monitoren das Ergebnis weniger Desaströs sich darstellen mag.

Zeitgeist Design

tempa wrote this 03:00:

Zeitgeistthema Design

Laut AmazType ist Design noch immer ein Zeitgeist-Thema. Erstaunlich, dass es gemäß der Liste gleich hinter den Erotik-Themen rangiert. Klickt man die Titel an entdeckt man interessante Bücher wie z.B. dieses, das mich neugierig macht: Understanding By Design

Quelle der Inspiration

tempa wrote this 00:17:

Meine Flickr Favoriten

Die Bildsammlung die über flickr retrievr nun zustande kam, empfinde ich als ein harmonisches Ganzes. Durch die Berechnung ergeben sich Farbwerte, die insgesamt ein einheitliches Erscheidnungsbild ergeben. Die Bilder bewegen sich ähnlichen Farbräumen. Da ich die Skizze im flickr retrievr meist fortgesetzt habe und nicht neu begann ist in den Favoriten eine sanfte Bewegung von einem Farbraum in den nächsten zu bemerken. Es macht sehr viel Spaß damit zu arbeiten. Auch wenn die meisten Bilder urheberrechtlich geschützt sind und erst zu klären sein wird, ob diese bei Bedarf überhaupt zur Verfügung stehen, sind diese schon jetzt ein reicher Quell der Inspiration und Ideen.

Nachtrag: und schon ist das harmonische Bild jäh zerstört. Die letzten drei Favoriten, kamen nun doch anders zustande … 😉

Beitrag editiert: Das Weblog Silkitomee Bloghunter habe ich vor einigen Monaten schon vom Netz genommen.

Der Klassiker unter den Template-Rastern

tempa wrote this 14:04:

klassisches Raster eine Website

Dieses Gitterlinienmodell eines klassischen Website-Designs füllen wir nun mit Leben.

klassisches Raster eine Website mit Headerbild

Wer hier kein Bild einfügen will, kann auch einfach eine Fläche setzen.

klassisches Raster eine Website mit farbigen Flächen

Die große Fläche ist erdrückend. Wir benötigen eine Auflockerung. Fügen wir kleine Bilder ein.

klassisches Raster eine Website mit farbigen Flächen und kleinen Bildern
Angedeutet durch die kleinen Flächen. Man könnte auch, wenn man ein Bild in diesem Bereich partout nicht will, diese Flächen lassen oder in diese Fläche den Seiten-Service einfügen.

klassisches Raster eine Website mit farbigen Flächen und kleinen Bildern
In diesem Beispiel ist in dem Feld nun nur eine Suche, die dem farbigen Fläche die Schwere nimmt. Ähnlich wie dem Design-Layout dieser Seite.

Man kann das ganze aber auch ganz anders lösen:
Klassiches Templateraster mit Würfelchen

Zum Beispiel in dem man die Fläche in viele kleine Flächen unterteilt. Design ist ein Spiel mit Flächen. Je nach Einteilung erhält man eine starke Konzentration auf jeweils eine Sache und einen Artikel wie hier, oder aber wie in dem letzten Beispiel auf viele Details und meist auch Unterthemen in der Seite.

Die Einteilung der Seite bestimmt, wie stark Sie einen Fokus setzen und wie viel Raum Sie einem einzelnen Aspekt geben. Wie Sie den Header (den Kopfbereich) Ihrer Seite gestalten bestimmt, wie stark man sich auf eine Seite konzentriert oder weitere Seiten mit in die Betrachtung zieht. Bei diesem Webdesign kann man feststellen, dass wer sich für das Thema interessiert auch in das Archiv klickt. Viel stärler als ich das bei anderne Webseiten-Layouts feststellen konnte. Wer weiter weitere Artikel sehen will, bekommt ein Liste aller in diesem Weblog erschienenen Artikel präsentiert.

Hierbei zeigt die Statistik, dass die Besucher sehr gezielt Schwerpunkte herausgreifen. Diesen Effekt, kann man immer wieder beobachten. Die Präsentation vieler Links in der Seitenleiste führt nicht selten dazu, dass diese vollkommen ignoriert werden. In einem Fall wurde die Blogroll auf eine separate Seite mit Linkempfehlungen gesetzt. Dies führte dazu, dass diese Links weitaus stärker frequentiert wurden. Dieses Thema erhielt in einer kleinen Auswahl prominenter Linkposition einen separaten Raum und damit eine Relevanz, die wir als Webmaster gesetzt hatten und vom Publikum angenommen wurde.

Siehe auch:

Es soll keiner sagen, animierte Gifs sind doof

tempa wrote this 22:59:

Rattenscharf ist diese Website, die Musik und animierte Gifs nutzt: Blaue Bälle

via Ehrensenf

Mal ketzerisch gefragt, wie stets denn mit der QuellenVia-Angabe bei Ehrensenf? Die werden ihre Quellen doch auch nicht aus einer göttlichen Eingebung schöpfen. Hmmm. Macht nichts.

Ich danke jedenfalls Claudia Reiser (meiner Tippgeberin), dass sie mich auf die Blauen Bälle aufmerksam machte. Entsetzlich fand ich die Horroreinlage auf worth1000 (Da sind ein paar Illustrationen dabei, die hätte ich gerne nicht gesehen.) Achtung! Ernst gemeinter Hinweis: Der folgende Link kann Phobiker die letzten Nerven kosten: Contest Phobien, ich jedenfalls schaue nicht noch einmal hin und amüsiere mich mit den blauen Bällen.

Die sind einfach gigantisch. Tschüss.

Vlog vom Feinsten: Ein wenig Ehrensenf gefällig?

tempa wrote this 18:44:

Ehrensenf über Internet Geschichte, eine rote Büroklammer und Entspannungs-Tipps (Zackzement!)

Nachtrag: ein Eintrag ist mit einem mechanischen Türken … 😀

Volumentarifler-Warnhinweis:
Hinsurfen gefährdet Ihre Telefonrechnung.

via Haselmatzel: Videoblogging für Fortgeschrittene

Recent Comments:

  • Silke schümann { Du warst auf dieser Seite: Step1 zur Archiv-Thumbgalerie via Custom fields Marke Eigenbau http://templaterie.de/blog/931/step1-zur-archiv-thumbgalerie-via-custom-fields-marke-eigenbau/ Hier war ich noch am Basteln. Ich fürchte meine PHP-Kenntnisse sind... } – Aug 26, 9:29 AM
  • Andreas { Hey, ich habe den Code wie oben benutzt und auch $dgal = get_posts('category=1′); on der richtigen Zeile eingesetzt nur bei mir läufts immernoch nicht. Kann... } – Aug 26, 3:20 AM
  • Fred { "wer Smarty lernt, kann tatsächlich gleich auch PHP mitmachen, ich hatte es eine zeitlang auch eingesetzt, aber jetzt mach ich es wieder auf meine art... } – Jan 06, 7:14 PM
  • Silke Schümann { Das klingt nach einem Syntaxfehler in der ersten Zeile. Anführungszeichen korrekt? Und das Plugin funktioniert nur innerhalb von Editland. Die index.php ausserhalb von Editland aufzurufen... } – Jun 18, 3:40 PM
  • Jörg { Hallo, ich habe die index.php im ersten Abschitt Nr. 3 beschrieben, angelegt. Beim Aufruf der Seite wird folgende Fehlermeldung angezeigt: Parse error: parse error, unexpected... } – Jun 18, 3:14 PM
  • Michael { Gern geschehen 😉 } – Mai 29, 2:31 PM
  • Silke Schümann { Jepp. Das war's: ES tut! Lösung ist nun in einem eigenen Beitrag: Step1 zur Archiv-Thumbgalerie via Custom fields Marke Eigenbau Fertig und betriebstüchtig! 🙂 } – Mai 29, 1:25 PM
  • Michael { Wie wäre es, wenn Du die Zeile $dgal = get_posts('category=1'); auslagerst und den Rest in eine Funktion packts, der Du $dgal übergibst. Das wäre auch... } – Mai 29, 12:45 PM
  • Silke Schümann { Ich ziehe diees Variante ebenfalls vor, dovh wenn ich Code übernehmen, dann ändere ich hierfür nicht extra. Es dürfte gehzpft wei gesprungen sein, welche man... } – Mai 29, 2:00 AM
  • Ulf { ich würde bei der Syntax für Schleifen konsequent die C-ähnliche Variante mit geschweiften klammern nehmen, nicht die alternative mit Doppelpunkt und "endwhile" bzw. "endforeach". } – Mai 29, 12:00 AM
  • Silke Schümann { Ich habe ich http://franchie.de die Thumbs in der Sidebar erfolgreich ausgelesen. Ansonsten ist die Test-Umgebung unter 1a-test dot de / blog Ich will diese Adresse... } – Mai 28, 11:37 PM