13
Feb 05

Nice Sites - Blogs - CSS - Fonts - einfach querbeet

Weil ich gerade nichts zu tun habe. Lasse mich vom Wow Factor treiben zu Pixelate - stylisch, coole Pixelfonts. Da sehe ich gerade das die zwei Font-Links bei meinem Firefox-Crash draufgegangen sind - naja, Dummheit. Auch eine Seite für Fan des angenehmen Webworks: Zeldman.com. Dort gefunden: Eine Seite für 70er Fans. Den Bereich Interiours finde ich genial. Erinnert mich irgendwie an 2046.

Für CSS-Fans, oder solche, die es werden wollen Wohl eher für letztere ist definitiv Flumpcakes zu empfehlen. In meine Favoriten ist auch noch der Weblog eines Pessimistischen Webdesigners geraten - coole Seite ^-^''. Und von dort gleich weiter zum Pixeltutorial des Pixelfreak.

Und auch schon seit Ewigkeiten in meinen Links: Für alle die gerne Scrabblen ist Morewords die optimale Schummelmaschine. Eingeben der Buchstaben die man hat, und das online-Dictionary spukt passende Wörter aus. Fastfoodkids ist eine seltsame Seite, die ich vor längerem mal entdeckt habe. Dort findet sich der ein oder andere Link zu Kitsch-Shops.

In einem anderen Blog (leider habe ich Link aus meinem RSS-Reader schon gelöscht - Entschuldigung!) gefunden: das Rätselblog - juchuuu.. wiedergefunden [via ab::gebloggt]. Und ging vor ein paar Wochen in der Blogger-Szene rum: Tunespoon.tv als Alternative zu MTViva - gegen den Klingeltonwahnsinn - aber nur mit Banbreite zu genießen.

Gulli:World begibt sich in eher andere Kreise des Internets. Monsun.blogg habe ich noch nicht ganz verstanden - aber mich auch noch nicht so damit beschäftigt. Mangelnde Bandbreite. Mag DSL haben :(. Noscope muss ich mir auch noch mal genauer ansehen.

Ansonsten, wie wäre es mit In 80 Klicks um die Welt. Und einem halt bei diesen tollen Bildern von Pariesern Hört sich blöd an ^-^'' . Aber die Bilder sind genial!! Und wer jetzt noch Lesestoff benötigt kann in Bens WG-Zimmer schmöckern.


08
Feb 05

Mal wieder - ein neues Projekt

Als ob ich nicht genug zu tun hätte ^-^'' Habe ein neues Projekt begonnen. Für Bine eine kleine Seite mit Tutorials, damit sie ganz schnell ihre eigene Seite gestalten kann.

Außerdem tut etwas kreativer Ausgleich auch gut ;) und ich bin im Moment richtig motiviert und fühle mich eingiermaßen kreativ. So bekommt das Netz also noch eine weiter Tutorials-Seite ;). Als ob es nicht schon genügend gäbe ^-^'' - vor allem genügend besser. Ist mir aber egal, ^-^'' solange Bine was damit anfangen kann, bin ich glücklich. Ansonsten ist es einfach eine gute Übung ^-^ - kann auch nicht schaden. Und stolz auf die Druckansicht bin ich allemal ^-^'' CSS ist schon was tolles. *freu*


06
Feb 05

Trencaspammers, Farben anpassen

Da die Frage kam, habe ich mir das ganze mal angesehen. Mit ein wenig Kenntnis über die Zusammensetztung der Farben im RGB-Schema lassen sich die Farben des Code-Bildes recht einfach anpassen.

Hierfür müssen Zeile 31/32, 34 und 36 modifiziert werden, aber als erstes eine Sicherungskopie erstellen ;).

Die Hintergrundfarbe stellt man in Zeile 31 ein. Für z.B. einen weißen Hintergrund (RGB: 255,255,255) muss der Code wie folgt abgeändert werden:
$background_color = imagecolorallocate ($im, 255, 255, 255);

Die Textfarbe kann in Zeile 32 abgeändert werden. Hierbei muss man beachten, dass jeweils zwei Werte für einen RGB-Bereich angegeben werden müssen, zwischen denen das Script eine zufällige Auswahl trifft. Will man z.B. eine Dunkle Schrigt haben (RGB schwarz: 0,0,0), sollte der randombereich bei allen drei Bereichen sehr niedrig gewählt werden:
$text_color = imagecolorallocate ($im, rand(0,5),rand(0,5),rand(0,5));
Will man grünen Text haben (z.B. RGB 0,145,40) schreibt man in jede Klammer den R,G,B-Werte und einen zweiten, der so stark abweicht, wie man eine Farbabweichung erhalten möchte. Das klingt vielleicht etwas kompliziert, ist aber ganz einfach. ^-^'' Ein Beispiel für grünen Text wäre:
$text_color = imagecolorallocate ($im, rand(0,5),rand(145,155),rand(40,50));

Als letztes muss man nun die Ringe anpassen. Dies geschieht in Zeile 34 und 36. Als erstes stellt man in Zeile 34 die Verhältnisse der Rot-Grün-Blau-Anteile ein. Will man einen Grauton, müssen die Anteile gleichgroß sein:
$r=1;$g=1;$b=1;
Will man rotstichige Kreise muss man dem R-Wert einen größeren Anteil zuordnen als den anderen Farbanteilen. Wichtig ist dabei, dass man Prozentual rechnen muss! D.h. die Zahlen müssen kleiner gleich 1 sein, damit der zulässige Farbwert (255) nicht überschritten wird! Für rotstichige Kreise könnte man dann z.B. folgende Anteile verwenden:
$r=0.9;$g=0.01;$b=0.1;
Für die optimale Farbe müsst ihr einfach ausprobieren. ^.~

In Zeile 36 wird nun die Farbstärke eingestellt. Je heller die Kreise werden sollen, desto näher müssen die RGB-Farben bei 255 liegen (subtraktive Farbmischung!). Auch hier werden wieder zwei Zahlwerte eingegeben, zwischen denen das Script eine zufällige Zahl auswählt. Die Standarteinstellung gibt einen recht kräftigen Farbton, will man es sehr hell haben müsste man die Werte wie folgt anpassen:
$value=rand(240, 255);

Auch die Linienfarbe könnt ihr verändern. Dies geschieht in Zeile 46
$randomcolor=imagecolorallocate($im, 0,0, rand(200, 255));
Wenn ich es richtig verstanden habe, könnt ihr die beiden Nullen und rand(200,255) durch die passenden RGB-Werte ersetzten. Wollt ihr einen Wert variabel lassen, setzt ihr die Funktion rand(a,b) ein. a und b sind die Zahlen der Farbwerte, zwischen denen variiert werden soll. ;). Und soweit ich das sehe, könnt ihr die komplette Funktion auch durch eine einfache Zahl ersetzten.

Jetzt müsst ihr ein wenig ausprobieren, bis ihr die Farbtöne erhaltet, die ihr haben wollt.
Bei allem, was ihr macht, achtet darauf, dass die Semikolons am Ende der Zeile erhalten bleiben und auch die Klammersetztung korrekt ist! Und erstellt immer vorher eine Sicherungskopie ;) Ich garantiere nicht für die Richtigkeit meiner Beobachtungen ;).

Hilfreich Farbenspiele - nützliche Onlinetools
Mehr zu Trencaspammers Trencaspammers, die Zweite, Kampf dem Kommentarspammer.

Nachtrag In Version 1.0rc2 von Trencaspammers sind die Zeilen anders, es handelt sich dort um Zeilen 42, 43, 45, 47 und 57, die Reihenfolge der Einstellungen ist unverändert!


26
Jan 05

CSS rund und eckig und überall

Da sich meine Links mal wieder ansammeln. Via del.isio.us bin ich auf die ein oder andere tolle Seite (wieder) aufmerksam geworden. So zum Beispiel Redmelon.net, wo es unter dem Begriff Tstme kleine CSS-Tutorials gibt. Schön anzusehen, mit interessanten Artikeln auch die Seite von David Appleyard.

Postition is everything hatte ich zwar letztens schon mal erwähnt, ein weiteres mal kann jedoch nicht schaden ;). Sehr Hilfreich sind die Links von Holy CSS ZeldMan!. Hat der CSS Playground ein neues Outfit?? CSS.Maxdesign liefert sehr viel zum Thema Gestaltung von Listen mit CSS. Sehr empfehlenswerte Seite. Natürlich lohnt sich auch der Blick auf A list apart. Und für alle, die in Panik geraten sind, ob eines chaotischen Layouts, der kann mal bei the noodle incident vorbeischauen.

Ich habe ihn noch nicht gelesen, werde ich aber demnächst tun, Untold Mysteries of CSS, mal sehen, was man dort erfährt ;). Auch muss ich mal einen näheren Blick auf Evolt.org werfen. Und den Newsfeed vom Style:Phreak abonnieren, um zu schauen, ob die Seite das hält, was sie auf den ersten Blick verspricht. ^-^''
Soo, und als letztes mag ich noch Wellstyled.com vermerken. ^-^


12
Jan 05

Gedankenfaden.de

Also manchmal überfällt es mich einfach. *gggääähn* Ich bin tierisch müde, mein Kreislauf ist sonstwo und mein Magen fühlt sich auch nicht wirklich toll an. Aber manchmal muss das sein, wenn man seine kreativen Phasen nutzen will.

Ich habe den gedankenfaden wiederbelebt. Eigentlich wollte ich sumomi.de bestücken. So kann es passieren.

Auf jeden Fall existiert die Seite jetzt wieder. Momentan ist sie halb-dynamisch. Wenn ich etwas mehr Zeit habe, würde ich es gerne auf Datenbank umstellen. So wie es jetzt online steht, funktioniert es mit Dateien. Das erinnert mich daran, dass ich auf die Gästebuchdatei Schreibrechte setzen muss ^-^''. Ich bin relativ stolz für meine Verhältnisse auf die CSS-Arbeit. So langsam kann ich mich mit Listen anfreunden. ^-^'' *gäääähnnn* Die Navigation ist wahrscheinlich für den ein oder anderen ein riesiger Kritikpunkt, aber da das ganze sowieso mehr was für mich ist, als für alle anderen, sehe ich da mal drüber hinweg. ^-^''

Aber jetzt geh' ich erst mal schlafen!!