Weblog zum Thema Webdesign, auf dem wir in unregelmäßigen Abständen zu interessanten Artikeln verweisen und Tipps zu bestimmten Problemen (Webdesign, CSS, PHP, JavaScript, Typo3 etc.) geben wollen.
Hier haben wir ein schönes Script zur Erstellung einer Fortschrittsanzeige (Progressbar) mit CSS und JavaScript. Verwendet wird das Prototype JavaScript Framework.
Auf der Demo-Seite sind einige hübsche Beispiele aufgeführt und hier können die Dateien heruntergeladen werden:
Popularity: 67% [?]
Das Bookmarklet XRAY “durchleutet” das Box Model für ein beliebiges Element einer Webseite und gibt Position, Abmessung, Padding, Margin, Class, Id etc. für dieses Element an.
XRAY funktioniert einwandfrei mit Firefox, Safari und Mozilla, jedoch nicht im Internet Explorer und Opera, was mich persönlich aber weniger stört.
Popularity: 62% [?]
Hier eine sehr einfache Möglichkeit Spam-Robots auszutricksen. In einem Formular wird ein Input Feld mit CSS (möglich ist auch die Verwendung von JavaScript) für “menschliche” Besucher ausgeblendet. Ganz einfach mit:
#human {
visibility:hidden;
display:none;
}
Spam Bots füllen normalerweise alle Felder aus und versenden diese. Ein normaler Website Besucher sieht das “Dummy Input Feld” nicht und wird es auch nicht ausfüllen.
Wenn nun der Formularinhalt an ein PHP Script (oder sonstiges) geschickt wird und das Dummy Feld nicht leer ist, kann man davon ausgehen, dass es sich um Spam handelt und den Post ignorieren.
Eine wirklich gute Idee die den Einsatz nerviger Captchas vermeiden lässt:
Popularity: 70% [?]
Hier habe ich ein wirklich praktisches Online-Tool gefunden, mit dem man CSS Code verschönern bzw. optimieren kann. Man kopiert sein CSS in ein Eingabefeld, kann definieren wie umfangreich die Optimierung sein soll und erhält optimierten, meist viel schlankeren CSS-Code zurück.
Das Programm beherrscht “shorthand notation” für margin und padding, optimiert Farbangaben von z. B. “#ffffff” zu “#fff”, kann aber auch Selektoren und Eigenschaften sortieren und vieles mehr.
Mein “Test-Code” wurde gleich mal knapp 50% kleiner.
Popularity: 45% [?]
