Lesenswert: Yahoo Design Pattern
Hatt ich glaube ich schonmal hier gepostet, aber die Design Pattern von Yahoo sind einfach lesenswert. Gerade Badges können, in einer Community die auf user generated content baut, die Aktivität ihrer Mitglieder ordentlich anfeuern (siehe dazu auch stackoverflow.com).
Setzt die Seite zudem noch auf Kollaboration, um die Inhalte zu pflegen etc. sind named levels, numbered levels, points und ein paar weitere Reputation Pattern essentiell.
Definitiv lesenwert wenn man mal an mehr als einem Blog bastelt und auf starke Community Aktivitäten angewiesen ist.
Lesenswert – 960 grid Photoshop Layout & Designing for Sign Up
How to Elevate Your Website Design Process and Results – Schritt für Schritt zum fertigen Layout. Einstieg in 960 grid Layout mittels Photoshop template
User IP ind Datenbank speichern
Häufig ist es sinnvoll, die IP des Nutzers für bestimmte Aktionen abzuspeichern. Hat man zum Beispiel eine Voting-Möglichkeit auf seiner Seite und möchte man einen Missbrauch vermeiden (ein User legt sich 10 Accounts an und votet für ein und denselben Artikel, z.b. Yigg.de), so macht es Sinn für jeden Vote die IP des Users mit abzuspeichern (Datenschutzerklärung nicht vergessen).
Die IP läßt sich ganz einfach ermitteln:
echo $_SERVER['REMOTE_ADDR'];
Zum speichern der IP in der Datenbank kann man nun ein Varchar-Feld anlegen, welches 15 Zeichen fassen kann (für jede Stelle max. 3, bei 4 Stellen = 12 Zeichen + die 3 Punkte = 15 Zeichen). Doch wenn man stattdessen den Feldtyp INT mit unsigned verwendet, spart man nicht nur Speicherplatz, sondern macht es möglich gewiße IP-Ranges zu durchsuchen.
Nun kann man die IP natürlich nicht einfach so im INT-Feld abspeichern, daher müssen wir die IP mittels
echo ip2long($_SERVER['REMOTE_ADDR']);
noch konvertieren. Somit läßt sich dann ganz einfach vor dem eintragen des Votes prüfen, ob von der jeweiligen IP innerhalb der letzten Minuten schonmal ein Vote für ein spezifisches Objekt stattgefundet hat. Eine Rückkonvertierung ist mittels “long2ip” möglich.
siehe dazu auch: [MySQL] IP-Adressen speichern
How to Spot Quality within Web Design
Absolut lesenswert:
How to Spot Quality within Web Design: Examples & Tips
CSS Sprites – Background Repeat Problem
CSS Sprites sind wirklich was feines, man kann einen Hover Effekt ganz einfach mit der “:hover” Pseudo Klasse des a-Tags von HTML realisieren, man benötigt keinen Preloader für den Hover-Bildaustausch, und man spart sich ein paar HTTP-Requests, da weniger Einzel-Daten geladen werden müssen. Doch ein Problem konnte ich bislang damit nicht lösen, nämlich wenn ein Teil des Sprites als Background-repeat benutzt werden soll.
Bei einem aktuellen Projekt habe ich gerade genau das Problem. Ich habe eine Datei, in der ich einige PNG24 Grafiken (die mit Verlaufs-Transparenz) zusammengefasst habe, die “normalen” Grafiken machen auch keinerlei Probleme, doch was passiert mit den Grafiken, die als “background-repeat” verwendet werden? Folgender CSS-Code funktioniert leider nicht wie gewollt:
#box2r {width: 676px; padding-bottom: 5px; background: url('img/png24_set.png') 0px -26px; background-repeat: repeat-y;}
Es handelt sich um die “Hauptbox” deren Höhe durch den Inhalt vorgegeben ist. Ich möchte aus dem Sprite die Teilgrafik haben, die 676px breit und 1px hoch ist und möchte diesen Teil über die komplette Höhe der Box legen (normalerweise realisiert durch “background-repeat: repeat-y”), doch leider funktioniert das nicht mit Sprites :(
Es gibt zwar eine Möglichkeit, aber ich halte die nicht für wirklich brauchbar, da man ziemlich eingeschränkt wird und für meinen Fall ist es keine Alternative, hat sonst noch jemand eine Idee wie man das lösen könnte?
