26
Sep 08

Schnelle Server-Testumgebung mit USBWebserver

Schon eine Weile ist es her, dass ich bei Caschy in einem Artikel über das Testen einer Beta-Version von WordPress mit Hilfe eines portablen Webservers über den USBWebserver gestoßen bin. Als Fan von unkomplizierten Lösungen im Bereich Testwebserver musste ich diesen natürlich testen. Und wie Du vielleicht schon richtig vermutest, ich bin dabei hängen geblieben!

Screenshot User Interface USB Webserver
Bild 1 Über das Menu können grundlegende Einstellungen vorgenommen werden

Wer sich nicht von der niederländischen Seite abschrecken lässt, kann sich dort auch eine englischsprachige Version des portablen Webserver herunterladen, der  mit PHP und MySQL daher kommt und ebenfalls einen SMTP-Server beinhaltet. Für eine einfache Administration der Datenbank ist phpMyAdmin vorinstalliert. Dieses und auch Informationen, die die Funktion phpinfo() ausgibt, kann über ein übersichtliches Interface schnell aufgerufen werden. Standardmäßig muss man sich beim Aufruf von phpMyAdmin mit dem Benutzer “root” und dem Passwort “usbw” einloggen, letzteres lässt sich allerdings ebenfalls über das User Interface ändern.

Zu beachten ist, dass der Webserver mit Standardeinstellungen nur über den Port 8080 aufgerufen werden kann, d.h. an Stelle von http://localhost/seite.html , muss für einen funktionierenden Aufruf der Seite http://localhost:8080/seite.html angesurft werden.

Was den Betrieb des Webservers von einem USB-Stick angeht, kann ich nur Alf zitieren: “Null Problemo!” ^-~ Bei einem älteren Rechner mit USB 1-Anschluss hat das Laden zwar etwas länger gedauert, nichts desto trotz konnte ich darauf einwandfrei entwickeln. Auf einem aktuellen Rechner spüre ich keinerlei Unterschied, ob der USBWebserver von der Festplatte oder dem Stick läuft.

Letztendlich hat der USBWebserver dem ebenfals portablen UniformServer seinen Rang für eine einfache PHP& MySQL Testumgebung bei mir abgelaufen. Mit letzterm hatte ich bei den letzten Updates leider ein paar Probleme.


18
Mai 08

Happy Birthday Dear Weblog *sing*

Am 18. Mai 2003 erblickte dieser kleine Blog das Licht der Welt. Sehr lange hatte ich damals skeptisch den Trend des Schreibens von Tagebüchern und Weblogs verfolgt und war nie ganz grün damit geworden, wollte dem Trend nicht hinterher rennen. Aber genau vor fünf Jahren wurde die Neugierde doch zu groß und ich entschied mich, die damals populäre Software Greymatter für meinen ersten Weblog zu verwenden. Und was dann folgte? Viel Text, mehr Links und natürlich der ein oder andere Designwechsel.

Weblog.Netzgeschaedigt Historie (Generated by Flickr Album Maker)

Zur Feier des Jubiläums hatte ich schon vor einigen Wochen alle noch irgendwie in Sicherungen existierenden alten Themes herausgekramt. Das eigentliche Vorhaben war, diese WP 2.5-fähig zu machen. In Anbetracht der Tatsache, dass ich meine Diplomarbeit allerdings erst vor zehn Tagen abgegeben habe, ist daraus nichts geworden. Wenn auch nicht in Live-Action, könnt ihr aber zumindest Screenshots der alten, selbst erstellten Designs in einem kleinen Weblog.Netzgeschaedigt-Flickr-Album betrachten ^.~

Inhaltlich hat sich über die Jahre natürlich viel getan. Die Einträge in den früheren Jahren waren eine Mischung aus unstrukturierten Linkdumps und typischen Tagebuch-Einträge mit schlechter Orthographie und mir heute etwas peinlichen Gefühlsausbrüchen. Alles etwas quer durcheinander gewürfelt und meist ohne viel Nachbearbeitungen veröffentlicht: Write&Post ^-^”. Nach mehreren mehrmonatigen Pausen und überdachten Ansprüchen hat sich dies etwas gewandelt – hoffe ich. ^.~

Wirklich populär war mein Blog übrigens nie, auch wenn es das ein oder andere Thema gab, welches etwas mehr Aufmerksamkeit auf sich zog. So z.B. meine Anleitungsversuche zu Trencaspammers, der Aufruf “Raus aus dem Internet“, oder “die Tanzende Lady“. Am häufigsten gelangen übrigens Besucher auf meine Seite, welche nach Servierten (die rheinhessische Version von Serviette), den Grow Games, Logikrätseln oder analogen Radiofrequenzen suchen. Ansonsten habe ich eine kleine, aber feine Leserschaft, bei der ich mich herzlichst für ihre Aufmerksamkeit und Geduld bedanken möchte!

Als Fazit zu fünf Jahre Bloggen kann ich nur sagen: Es macht mir immer noch sehr viel Spaß, ich habe eine Menge gelernt über die Jahre und lerne natürlich auch heute immer wieder Neues hinzu, meine Bookmarks müllen nicht zu und die Informationen gehen trotzdem nicht verloren und ich bin immernoch fasziniert davon, wie sich die Welt da draußen (”Blogosphere”) und hier drinnen über die Jahre verändert. Ich kann es also nur weiterempfehlen ^-^” und ein Testblog ist heutzutage ja auch wirklich schnell angelegt, ob bei wordpress.com, blogger.com oder bei einem der zig anderen Bloghoster (hier zehn aus Deutschland im Test)!


05
Mrz 08

Fünf Linklisten für Web Developer

Screenshot
Web Developer’s Handbook

Web Developer’s Handbook mit vielen vielen Links zu Tutorials, Inspiration, Anleitungen & Spezifikationen, Online-Tools. U.A. über CSS, Accessibility, Usability, SEO, Konzepte, Web2.0, Farben, Typographie und was einem als Freelancer weiter helfen könnte.

Screenshot
Web Developer’s Field Guide

Der Web Developer’s Field Guide ist eigentlich eine Liste ziemlich ähnlicher Art. Links über Links in einzelnen Kategorien, wie z.B. CSS, RSS, Farbtheorie, DOM, Inspiration … und und und gesammelt.

Devlisting Screenshot
Devlisting

Und dann gäbe es da noch Devlisting. Hier ist das Prinzip etwas anders, die Darstellung ähnelt dennoch jener der beiden zuvor genannten Seiten. Der Benutzer kann dort seine Lieblingslinks mit einer Pinnadel markieren und die Links dadurch an den Anfang der Liste setzen. Damit kann man z.B. auch Links, welche ansonsten nicht auf der Startseite angezeigt würden, nach vorne holen.

Screenshot
Blue Vertigo

Blue Vertigo mit der ultimativen Liste über kreative Materialien wie Fonts, Photos und Vektorkunst.

Screenshot Essential Bookmarks for Web-Developers
Essential Bookmarks for Web-Developers

Zu guter letzt, die Liste: Essential Bookmarks for Web-Developers. Genauso wie das Web Developer’s Handbook von Vitaly Friedman. Nur handelt es sich hierbei um eine etwas größere und ausführlichere Liste. Im Gegensatz zu allen anderen, kann man diese auch nicht auf einer Seite einsehen sondern muss sich durchklicken. Dafür wird der ein oder andere Link auch beschrieben.


27
Feb 08

Experiment Dontclick.it

Eine Webseite, die ohne Mausklick bedient werden kann? Ob das wohl praktikabel ist? Wahrscheinlich haben sich dies die Designer hinter Dontclick.it auch gedacht und direkt eine Experiment gestartet.

Screenshot Dontclick.it
Erlebnis Webseite ohne Mausklick Dontclick.it

Für mich ist es sehr gewöhnungsbedürftig, diese Seite zu durchforsten. Dabei gibt es dort sehr interessante Informationen zu entdecken und vielleicht einen Blick in die Zukunft zu werfen. ^.~

Unter dem Unterpunkt Understand verbirgt sich das Wieso und Warum hinter dem Projekt. Auch Statistiken und “Anti-Klick-Hilfen” gibt es zu betrachten. Learn erzählt über Mausklicks in der Computergeschichte, was das Klicken mit dem Körper macht und wie es kommerzielle Bereiche beeinflusst. Viele Beispiele, wie das klicklose Surfen verwirklicht werden kann, findet sich unter Explore. Feedback, Kontakt und kleine Gimmicks unter Communicate.

Alles in Allem ist die Seite so gut aufgemacht, dass ich es mir tatsächlich gut vorstellen könnte, ohne Mausklick auszukommen. Fließend von einer Information zur nächsten zu gelangen. Auf der anderen Seite existiert auch hier das häufige Problem von Flash-Seiten, dass keine Links zu bestimmten Inhalten gesetzt werden können.


27
Okt 07

PlugInstaller und Simple Tags

oder: Manchmal lohnt es sich, ‘mutig’ zu sein. ^.~

Screenshot WordPress PlugnIn Administration
Die WordPress Plugin Administration nach Installation & Aktivierung des PlugInstaller WP Plugins

Schon beim Update auf WordPress 2.3 habe ich das Plugin PlugInstaller ausprobiert. Als Fan von “Updates” und einfacherer Handhabung, besserer Darstellung und netten Features sprach mich Henning Roland Schaefers PlugInstaller WP Plugin einfach an.

PlugInstaller is a WordPress plugin-management plugin that eliminates the need to download a plugin archive, upload it to your FTP server and unpack it manually. With PlugInstaller, you can easily enter a plugin URL (e.g. directly from a plugin repository website like the WordPress.org plugin repository) within the admin interface which is in turn automatically downloaded and installed on your server or you can upload a file from your local file system which is also automatically installed. If you do no longer like one or more plugins that you previously installed, you can uninstall those plugins with a single click.

Da ich jedoch schon schlechte Erfahrung mit chmod777 (was bedeutet, jeder kann in einen Ordner oder eine Datei schreiben – wird benötigt für Teile des Plugins) hatte, war ich zuerst skeptisch und verzichtete auf die Installations- und Updatefähigkeiten des Plugins.

Heute morgen war ich dann doch mutig, schließlich ist es ein unschlagbares Argument auf einen “Find Updates”-Button zu drücken, direkt zu sehen, welches Plugin in einer neueren Version vorliegt und dann mit einem einfachen Klick auf Update die neue Version herunterzuladen und alles andere wird vom PlugInstaller erledigt. Einzig die Aktivierung des geupdateten Plugins muss manuell vorgenommen werden.

Damit dies funktionieren kann, müssen die Rechte des WP-Plugin-Ordners (wp-plugins) via FTP auf Lesen, Schreiben, Ausführen für alle (chmod 777) gesetzt werden. Um bereits “installierte” Plugins Verwalten zu können, empfiehlt es sich, dies rekursiv zu machen, sofern das FTP-Programm dies unterstützt. (Rekursiv bedeutet in diesem Fall, dass auch allen in dem Ordner befindlichen Unterordnern die gleichen Rechte zugewiesen werden.)

Falls beim Updaten Fehlermeldungen auftreten, kann dies daran liegen, dass das betreffende Plugin nicht in einem eigenen Unterordner installiert ist, sondern die *.php-Datei direkt im wp-plugin-Folder liegt.

Möchte man ein Plugin neu installieren, macht man dies, in dem man z.B. den Link auf die gepackte Version, welche man auf der WordPress-Plugin Seite findet in das URL-Feld kopiert. Wie beim Update-Vorgang wird hier das Plugin automatisch einen eigenen Ordner im wp-plugins-Ordner entpackt und muss nur noch manuell aktiviert werden.

Screenshot 'Vorgeschlagene Tags'
Simple Tags schlägt in der aktuellen Version nun Tags vor

Bei der Suche nach aktualisierten Plugins wurde mir heute auch das Update vom Simple Tag Plugin aufgezeigt, jenes Plugin welches bei mir die Möglichkeiten der nativen WordPress-Tags erweitert. Und was sehen meine Äuglein da, die “vorgeschlagenen Tags“-Funktion beim Schreiben eines Artikels funktioniert nun. Sehr praktisch, wenn auch (noch?) unabhängig vom Inhalt des Geschriebenen. Ich würde mir ja wünschen, dass Tags, welche im Text erwähnt werden, irgendwie hervorgehoben werden.


18
Okt 07

WordPress 2.3 und Tags

Vor Kurzem habe ich noch darüber berichtet, dass ich keinerlei Erfahrungen mit WordPress 2.3 und den nativen Tags habe. Dies hat sich inzwischen geändert.

Etwa eine Woche nach Update auf WordPress 2.3 stellte ich fest, dass Jeromes Keywords Plugin nur bedingt funktionierte. Ein wichtiger Teil, die Tag Cloud, war nicht mehr verwendbar. Dies nahm ich zum Anlass, die Tags mittels der hauseigenen Import-Funktion von WordPress 2.3 einzubinden. Nach mehreren Durchläufenspontan würde ich sagen, bei jedem Durchlauf wird pro Artikel ein Tag importiert – schienen alle von mir zuvor vergebenen Tags erfolgreich in der WordPress Tag-Datenbank aufgenommen worden zu sein. So weit, so gut.

Es fehlten allerdings einige Funktionen, welche ich zuvor bei Jeromes Keywords zu schätzen gelernt hatte. Anzeige ähnlicher Artikel und eine komfortable Möglichkeit, Tags zu bearbeiten. Daher machte ich mich auf die Suche nach einem Plugin, welches die Funktionalität der nativen Tags erweitert.

Willkürlich installierte ich das Tag Managing Thing. Da ich damit nicht wirklich zufrieden war, flog es direkt wieder vom Server. Warum es mir nicht gefällt, kann ich eigentlich gar nicht gut begründen – außer vielleicht: Bauchgefühl.

Screenshot Tags Administration
Sehr aufgeräumt und komfortabel kommt die Tag-Administration daher

Als nächstes ausprobiert habe ich Simple Tags. Dieses wiederum schien all das zu machen, was mir fehlte. Ähnliche Artikel, eine schönere Tag Cloud mit farblicher Unterscheidung und zusätzliche Verbesserungen wie die Autovervollständigung der Tags beim Schreiben, Batch-Bearbeitung der Stichworte von bis zu 50 Einträgen, Anzeige der ungetagten Artikel und eine komfortable Administration der Stichworte. Zusätzlich ein paar andere Features (z.B. Tags in den Meta-Informationen), mit denen ich mich bisher nicht auseinander gesetzt habe.

Autovervollständigung der Tags
Sehr praktisch ist auch die Autovervollständigung

Das Anpassen der Darstellungen der Tag Cloud und Liste ähnlicher Artikel erfolgt über Optionen-Strings. Genaueres ist auf der Seite des “Herstellers” gut beschrieben.

Ich bin wunschlos glücklich – ähm, fast ^.~, denn noch einige Artikel sind nicht oder unzureichend getagt. Um diesen Zustand zu ändern, wäre der ein oder andere Sack Zeit sicherlich von Nöten.


08
Apr 07

Update und Plugin-Test

Seit ein paar Tagen, gibt es ein neues Sicherheitsupdate von WordPress. Mit dem Update auf diese Version habe ich gleich einige neue Plugins zum Ausprobieren zu meiner WordPress-Installation hinzugefügt, bzw. bereits bekannte und gemochte wieder installiert.

Zu letzteren gehört WP Suchen und Ersetzen. Dieses Plugin hat mir bei einigen “Subdomain”-Wechseln eine Menge Arbeit erspart. Mit seiner Hilfe wird die Datenbank nach einem Begriff durchsucht und dieser dann durch einen anderen ausgetauscht. So kann mal eben schnell http://netzphilosophieren.de mit http://netzgeschaedigt.de ersetzt werden – oder umgekehrt. Ein anderes Anwendungsbeispiel ist das Ersetzten von CSS-Klassen (oder falsch verwendeten ID’s). So habe ich früher den Unterschied zwischen Klasse und ID  nicht gekannt und meine Links mittels ID’s klassifiziert. Ein einfaches Suchen und Ersezten hat geholfen, meinen Code ein klein bißchen sauberer zu machen.

Um sich das Klassifizieren externer Links per Hand (oder mit Hilfe von WP AddQuickTags) zu ersparen, habe ich heute Identify External Links installiert. Auf den ersten Blick scheint es sehr gut zu arbeiten und ich kann mir gut vorstellen, es auf Dauer einzusetzten. Allerdings muss beachtet werden, dass das Plugin alle Subdomains der eigenen Domain als intern bewertet.

Rein aus purer Neugierde habe ich das All in One SEO Pack installiert. Gut finde ich, dass es den Titel einer Artikel-Seite umändert. Nun steht der Titel des Artikels zuerst, gefolgt vom Blog-Namen. Mal sehen, was sich damit tut und welche Änderungen mir noch auffallen.

Letztens in einem anderen Blog gesehen, fand ich den Einsatz des Now Reading Plugins sehr interessant. Mit Hilfe eines Interfaces in der Administration kann man Bücher, welche man aktuell liest, gelesen hat oder gerne lesen möchte, in einer Bibliothek sammeln. Mit meinem Theme betrachtet sieht meine Bibliothek allerdings ziemlich übel aus – auch habe ich noch nicht herausgefunden (mich auch noch nicht damit beschäftigt) wie man die Bücherliste in die Seitenleiste einbindet. Für den ein oder anderen Leser vielleicht interessant: Das Plugin erlaubt es, die Bücher direkt mit der Amazon-Partner-ID verknüpft zu verlinken und Bücher mit Hilfe von ISBN-Nummern einzugeben.

Desweiteren habe ich noch die Lightbox JS V2.2 installiert, auf dass verlinkte Bilder in Zukunft nicht den Blog zumachen sondern das ganze überlagern. Inwiefern dieses Plugin funktioniert, werde ich also erst beim nächsten Photo sehen.

Ähnliches gilt für ST Add Related Posts to Feed und Jeromes Keywords: Related Posts, welches für das Funktionieren des zu erst genannten Plugins notwendig ist. Hier heißt es abwarten, in wie fern es funktioniert und Jeromes Keywords sinnvolle Artikel ausspuckt. Beim ersten Betrachten habe ich nämlich das Gefühl, dass mein wildes Taggen die Qualität der Ausgabe ähnlicher Artikel verschlechtert.

Ein Plugin, welches für Benutzer des WYSIWYG-Editors sehr interessant sein könnte: ST Visualize Advanced Features blendet einen Button ein, mit dessen Hilfe die erweitereten Formatier-Möglichkeiten der Editoren angezeigt werden.  Nicht unbedingt notwendig, erspart allerdings das (bei mir etwas häufigere) Nachschlagen des Hotkeys ALT+SHIFT+v (Firefox).

Zu guter Letzt habe ich zum Ausprobieren den WordPress DBManager installiert. Auch hier, werde ich die Nützlichkeit erst nach einiger Zeit feststellen können. Im großen und ganzen wird das Plugin allerdings hauptsächlich meine Faulheit unterstützen, muss ich doch nun nicht mehr extra Datenbankbenutzername und ~passwort angeben um mich in PHPMyAdmin einzuloggen.


23
Mrz 07

Frühwerke der Melanie K.

Praegnanz.de ruft zum Retro Posting auf und da dachte ich mir so, “Wieso eigentlich nicht?”

Peinlich sind mir meine ersten Werke nicht. Immerhin habe ich diese mit Liebe und per Hand in HTML gecoded und nicht, wie anderere zu der Zeit (= im Jahre 2000) zu Frontpage gegriffen.

Ok, ich gebe zu, das ist so nicht ganz richtig. Denn da gab es etwas, ein paar Monate zuvor. Meine wirklich allererste Internetseite habe ich nämlich *duck* mit dem MS Publisher erstellt *hüstel*. Quitschige Hintergrundbilder, Gifs (glücklicherweise keine Wackelgifs) und alles etwas unharmonischer.

Glücklicherweise habe ich schnell eine Anleitung für HTML in die Hände bekommen: “Marco Abrar’s HTML Wörterbuch“, in den Osterferien 2000 habe ich damit am Laptop meiner Schwester die erste Version von Mel’s Chaospage erstellt. Innerhalb eines Jahres machte diese Seite dann kleinere Entwicklungen und mehrere Verwandlungen durch: Version 2.??, Version 4.0 .

Interessant ist vielleicht auch die erste Version der Crazylounge – dem Vorzimmer für Privpages (Entstand im Herbst 2000). Achtung, Augenkrebs-Gefahr. Die Farben sind wirklich – grell. Zu meiner Verteidigung: Damals bin ich wenigstens schon auf die Probleme mit den Browsern eingegangen und hatte eine Netscape und IE-Version der Seite (Firefox Benutzer sollten sich unbedingt die IE-Version ansehen, da damals Netscape der Problem-Browser war und deswegen einiges in der Netscape-Version nicht so toll aussieht, einfach nur funktional ist).

Das waren sie also, die allerersten beiden Seiten. Dazwischen gab es eine Menge. Viele Projekte ohne wirklichen Inhalt. Ich hatte halt Spaß am Planen & Erstellen der Seiten.

Wie sieht es bei euch aus? Gibt es eure Erstlingswerke noch? Und was mich persönlich interessieren würde, liest hier eigentlich jemand mit, der mal in der Crazylounge war und dessen Homepage heute noch – in welcher Form auch immer – besteht (Immerhin umfasste das Verzeichnis zu seinen Hochzeiten um die 500 private Homepages *ein bißchen Stolz ist*)?


25
Feb 07

Update auf 2.1 -> 2.1.1

Musste ja auch langsam mal sein. Schon seit längerem, wenn ich dem WP-Dashboard glauben schenken darf, seit 33 Tagen, ist die neuste Version von WordPress draußen. Hört auf den schönen Namen WordPress 2.1 Ella. Also habe ich vor vier Tagen in den sauern Apfel gebissen und mal wieder ein Datenbank-Backup gemacht, um gestern dann noch mal ein Update zu fahren um auf die aktuelle Version 2.1.1 zu kommen. ^.^

Das Update ist auch der Grund, weswegen sich etwas an meinem Webseiten-Inhalt geändert hat. Denn neben dem Update habe ich auch mal mein Plugin-Ordner bereinigt und von Null angefangen. Da dies dazu führte, dass einige Funktionen nicht mehr vorhanden waren, habe ich mich vorerst von diesen Seiten getrennt. Da es sich dabei u.A. um das Archiv handelt wird dies kein Zustand von langer Dauer sein. Das Archiv ist wieder hergestellt.

Inzwischen habe ich auch wieder das ein oder andere PlugIn installiert, wie man auf meiner Info-Seite nachlesen kann. Ich habe mir fest vorgenommen, diese Liste immer zu ergänzen, wenn ich ein neues PlugIn installiere. Mal sehen, wie gut ich diesen Vorsatz durchhalten kann.

Zu guter letzt noch ein Kommentar zu einer Neuerung. Ich liebe die Automatische-Speichern-Funktion, die sie im Administrationsbereich für das Schreiben von Artikeln eingefügt haben. Nie wieder wird mir ein Posting verloren gehen! Ich bin ja sooo begeistert. Ansonsten habe ich irgendwo halb-gelesen, dass sie das PlugIn-Sytem geändert haben, so dass es sinnvoll ist, einen Blick auf die PlugIn-Kompatibilitäts-Liste zu werfen.

Und wo ich gerade dabei bin ^.~ (von wegen zu guter letzt) für alle Junkies, die immer interessiert sind an neuesten PlugIns, Themes und Updates sei der Blog Weblogs Tool Collection empfohlen.


24
Feb 07

Notepad++

Notepad++ ist der Editor meiner Wahl. Klein, schnell, portabel und mit mir inzwischen unverzichtbaren Features bietet er alles, was ich brauche um meine Webseiten zu entwickeln oder anderen Code zu erstellen.

Screenshot Notepad++
Screenshot von Notepad++

Syntax-Highlighting, mehrere geöffnete Dateien in einem getabten Fenster und und und, vor allem aber ein Plug-In, welches dafür sorgt, dass die in einem Script enthaltenen Funktionen aufgelistet werden und direkt anspringbar sind. Genial!

Mit Hilfe einiger Handarbeit und einem Script kann Notepad++ den Standard Windows-Editor auch komplett ersetzten.

Ansonsten gibt es auch eine Projekt-Verwaltung und einen Dateibrowser, welcher bei mir leider die Macke hat, alle Laufwerke zu testen und sich dann jedes Mal beschwert, dass diverse Laufwerke keine Datenträger enthalten. Jeder, der einen schnellen aber sehr gut verwendbaren Editor als Notepad-Ersatz sucht, sollte mal einen Blick auf diese Perle werfen. Außerdem handeltes sich dabei um Open Source, lizensiert unter GPL.


01
Feb 07

Extensions 2 – Webdevelopement

Nun der zweite Teil des Artikels über meine Firefox Erweiterungen. Teil 1 findet ihr hier: Extensions 1 – Alltägliche Erleichterungen.

Dieses Mal habe ich mich mit all jenen beschäftigt, die ich installiert habe um meinem Hobby zu frönen, bzw. dem daraus entstandenen Job, d.h. Erweiterungen, die ich für meine Arbeit an Webseiten verwende.

  • DOM Inspector – eines der Tools für die Analyse und Arbeit mit dem Quelltext & mehr. Ich habe es allerdings noch nie auch nur annähernd ausgeschöpft. Mag daran liegen, dass ich noch nicht mit JavaScript arbeite.
  • FaviconizeTab – Minimiert ein Tab und beschränkt sich darauf, das zu einer Seite gehörende Favicon anzuzeigen. Da ich häufig eine Menge Referenzen im Hintergrund aufhabe, deren Icons mir bekannt sind, kann ich so Platz in der Tab-Bar sparen.
  • Firebug – Analyse und direktes Bearbeiten einer Seite (HTML, CSS, JS …), sehr nützlich vor allem dann, wenn man Fragen bekommt von jemandem, dessen Seite online steht ;)
  • Html Validator – Zeigt direkt in der Statusbar mittels eines kleines Icons an, wie sehr die aktuell angezeigte Seite validiert. Maus darüber halten und ein kleines Popup berichtet mehr, doppelklicken und der Quelltext mit ausführlicherer Beschreibung öffnet sich in einem neuen Fenster. Erweiterung funktioniert bei mir nicht im Vollbild-Modus (F11).
  • IE Tab – Möchte ich nicht mehr missen. Läd eine Seite im bereits bestehenden oder einem neuen Tab mit der Internet Explorer Engine neu. Sehr nützlich zum schnellen Testen beim Webworken. Außerdem gibt es leider immer noch Seiten, die meinen dass es reicht, wenn die Seite mit dem IE anzusehen ist.
  • LinkChecker – Überprüfen der Links auf der aktuellen Seite. Dauert zwar eine Weile, zeigt aber sehr schön an, welche Links da sind und welche nicht, in dem diese grün oder rot hinterlegt werden. Grau hinterlegte Links können nicht geprüft werden. Überaus sinnvoll, wenn man viele Links verwalten muss, die man nicht ständig manuell abklappern möchte.
  • Screen grab! – Abfotographieren des aktuellen Browserfensters in Lang- (komplette Seite) oder Kurzform (aktuell im Browserfenster sichtbarer Inhalt) – brauche ich zwar eher selten, kann allerdings sehr nützlich für die Übersicht sein.
  • TAW3 en un clic – Überprüft Seiten auf ihre Zugänglichkeit (Accesibility). Würde ich privat wahrscheinlich nicht unbedingt verwenden – für den Job jedoch Pflicht.
  • Web Developer – Muss ich dazu noch etwas sagen?? ^.~ Ist ja wohl die Erweiterung. Keine Andere verwende ich häufiger zur Analyse und beim Bearbeiten meiner Seiten. Web Developer Toolbar rulez!
  • X-Ray – Genial! Ohne großartigen Schnickschnack die HTML-Struktur einer Seite anzeigen lassen. Rechtsklick > X-Ray und die (bereinigten) Tags werden in der Seite angezeigt.

Natürlich gibt es noch einige andere Erweiterungen. Die oben genannten haben es jedoch geschafft, mich zu überzeugen und werden auch wirklich benutzt. Da ich so schon genügend Erweiterungen installiert habe, beschloss ich irgendwann ein rigeroses Ausmisten all jener Erweiterungen, die ich sowieso nicht verwende.


11
Nov 06

PC Eigenleben macht keinen Spass

Und ich hasse es wie die Pest, wenn der Computer sich entscheidet, einfach so neu hochzufahren – Verzeihung.

Dabei hatte ich so einen schönen Text geschrieben, über Lizenzen, darüber, dass, seitdem meine Seite wieder von Robotern durchsucht werden darf, Google vermehrt Leute auf diesen Weblog schickt, und dass der Blog bei manchen Suchbegriffen unverständlich hoch positioniert ist… usw.

Dann gab es da noch iRights, eine Seite über die ich gestoßen bin, nachdem ich nach der Creative Commons Lizenz Ausschau gehalten habe. Denn ich glaube, ich muss mir über diese Thematik so langsam Gedanken machen.

Tja, darüber hätten Sie jetzt hier lesen können, hätte mein PC nicht beschlossen, sich selbst auszuschalten. Da ich ein “Spontant-Schreiber” bin, fühle ich mich außer Stande, diesen Text so zu rekonstruieren, dass ich damit Leben könnte. Schade – mich ärgert es – letztendlich ist es jedoch nichts, weswegen ich mich auch nur eine Sekunde weiter aufregen sollte. Also schließe ich dies ab und widme mich wieder dem Tagesgeschäft.


02
Okt 06

Erste Auftragsarbeit

Meine allererste richtige Auftragsarbeit ist heute offiziell online gegangen.

Screenshot Homepage Physikalisches Institut Universität Bonn
Screenshot meiner ersten Auftragsarbeit

Ich persönlich kann die Seite zwar nicht mehr sehen – finde sie absolut hässlich. Der Header gefällt mir gar nicht – mehr konnte ich allerdings aus den von mir einzubauenden Elementen nicht herausholen – schließlich bin ich weder ein ausgebildeter Designer noch liegen meine Stärken im Designbereich.

Mehr zufällig bin ich an den Job gekommen und habe trotz großer Zweifel ob meiner Fähigkeiten die Chance ergriffen. Hätte ich dies nicht getan, hätte ich mich wohl noch eine ganze Weile geärgert und wäre somit um einige sehr gute Erfahrungen ärmer.

Allen voran die Möglichkeit in einem Bereich zu arbeiten, der nach meinem Abi die Alternative zur Physik hätte sein können. Auszutesten, welche Schwierigkeiten dieser Bereich mit sich bringt, wie es ist, für “einen Auftragsgeber” zu coden und mit anderen zusammenzuarbeiten. Meine eigenen Grenzen und Stärken zu sehen und letztendlich die Tatsache, dass ich dort wirklich echten Feedback bekomme. Zu sehen, was ich mit dem erreichen kann, was ich mir in den letzten 7 Jahren ‘nebenbei’ an Wissen angeeignet habe.

Auch wenn mein innerer Zweifler eifrig um Gehör winselt und mir all die Dinge um die Ohren hauen mag, die nicht perfekt sind, versuche ich ein kleines bißchen stolz darauf zu sein. Schließlich ist es nicht meine Profession. Oder vielleicht doch, denn habe ich nicht eines in den fünf Jahren Physikstudium gelernt: Ich kann mir alles aneignen? Wie auch immer – ich bin gespannt auf die Kritiken und hoffe, dass das, was ich da erstellt habe, gefällt. ^-^”.


21
Sep 06

Der wahrscheinlich bescheurtste IE-Bug

So was ätzendes. Da hat verwendet man nichtsahnend Listen in Listen und möchte ihnen einen schönen linken Rahmen geben, und plötzlich macht der Internet Explorer, was er will.

Magik Creeping Text
Rauslaufender Text

Nach dem das erste Mal der Rahmen eingesetzt wurde, rückt der Text immer weiter nach links. Mit Rand und Innenabstand hat das nichts zu tun. Und erst nach mühsamen auskommentieren und einzelnem wiedereinfügen meiner CSS-Definitionen habe ich den Übeltäter gefunden.

Glücklicherweise konnte ich damit auch googlen und eine Lösung finden. Bei Position is Everything ist dieser Bug als Magik Creeping Text bekannt. Und dort erhält man glücklicherweise eine Lösung für das Problem, auch wenn empfohlen wird, so stark verschachtelte Boxen nicht einzusetzen. Die Lösung ist letztendlich noch seltsamer: Im übergeordneten Element muss ein border-bottom gesetzt sein. *kopfschütteln*

Wer noch mehr seltsame Eigenheiten des IE’s ansehen möchte, sollte unbedingt bei den e-workers vorbeischauen. Dort gibt es nämlich eine nette Bloßstellung des M$-Browsers.


04
Sep 06

Background Maker

Geniales Online-Tool: der Background Maker. Pixel-Hintergründe erstellen und on the fly austesten, wie es wirkt.

bgMaker in Aktion

Größe des Pattern kann man schnell und einfach mit den Buttons auf der linken Seite und oberhalb des Editierfensters verändert. Achtet dabei darauf, dass die erweiterten Zeilen oder Reihen die aktuell ausgewählte Farbe besitzen. Und von Farben, die ihr mehrfach und exakt gleich benutzen möchtet, solltet ihr den Hex-Code notieren ^.~. Rechts oben am Kasten gibt es für alle Fälle auch noch eine Undo-Funktion, die nicht nur einen Schritt zurück kann ^.~.

Ich bin absolut begeistert. [via Die Netzspielwiese]


02
Sep 06

Standalone Browser

Wir Menschen mögen es im allgemeinen sicherlich nicht so gerne, wenn wir alleine dastehen Achtung – “mieser Witz” Alarm, für Programme kann diese Fähigkeit allerdings richtig vorteilthaft für unsereiner sein.

Neben dem bekannten Vorteil, dass Standalone-Programme z.B. von USB-Sticks laufen können, hat man mit solchen Versionen von diversen Browsern auch die Möglichkeit, eben solche zum Testen von Webseiten zu verwenden. So habe ich mir vor einigen Tagen die IE 7 Version aufgespielt und wäre somit ohne eine Standalone-Version vom IE 6 nicht in der Lage, die aktuell am häufigst benutze Versions des Browsers zu verwenden um die Lauffähigkeit der von mir gecodeten Seiten zu testen.

Auf der Suche nach eben jener Standalone Version wurde ich über Jörgs Webnotizen zu evolt.org geleitet, wo es u.a. den IE6 als Standalone Version gibt.

Übrigens lohnt sich ein Blick in das dort existierende Browser Archiv. Erst recht, wenn man gerne so tun würde, als ob man ein Geek wäre, ganz à la “How To Totally Fake Being A Geek” ^.^” *hüstel*.


30
Aug 06

Grey Flower

Einer der nichtgenommenen Vorschläge für mein zweites offizielles Webprojekt inspirierte mich zu einem neuen Design. Hier mal ein kleiner Blick auf das ursprüngliche Design:

Kleiner Screenshot des Design
So sah das mich inspirierende Design aus, welches abgelehnt wurde.

Was daraus geworden ist, könnt ihr hier begutachten. Wie ihr allerdings feststellen werdet, ist das alles noch nicht wirklich gut durchdacht und fertig. Mein Webserver hat seinen Geist aufgegeben, besser gesagt, mein MySQL-Server funktioniert nicht mehr und ich muss online entwickeln.

So wird es hier also in nächster Zeit an allen Ecken bröckeln ^.~. Mir fehlen nämlich auch noch ein paar Ideen, vor allem, was die große Anzahl an Tags angeht. Mal schauen, vielleicht gibt es aber auch einfach gewichtete Clouds mit den Top-X Tags & Kategorien und für alles andere muss man im Archiv nachblättern.

Ich könnte mir auch vorstellen, in der unteren Fußleiste eine Liste der beliebtesten Artikel einzustellen oder aber jener, die ich gerne empfehlen möchte, weil ich sie wiederentdeckte. Mal schauen. Ich bitte auf jeden Fall um Geduld und Verzeihung. ^.~


19
Aug 06

Meine Webdevelopement-Programme

Und noch eine Liste an Programmen, ohne die ich nicht leben kann, bzw. welche ich brauche ^-^”. Ich fange mal mit dem einfachen an: Browser.

  • Flock habe ich ja schon in der Must-Have Rubrik erwähnt. Mein Standart-Browser, u.A. auch wegen der Blog-Unterstützung.
  • Firefox muss auch sein. Zumindest so lange die von mir verwendeten Webdevelopement-Extensions noch nicht für Flock erhältlich sind. Nach der Neuinstallation habe ich beschlossen die Standalone-Version zu verwenden um meine Einstellungsordner nicht unnötig zuzumüllen.
  • Zum weiteren Testen von Seiten verwende ich auch Opera.
  • Amaya ist nicht nur Browser sondern auch Editor und ein nützliches Tool zum Analysieren von Homepages und auffinden von Fehlern. Besonders geeignet für Webdevelopement, da es sich um einen Browser vom w3c handelt.

Von allen anderen Browsern, die ich früher installiert hatte, habe ich mich im Moment getrennt. Um Seiten im IE zu testen, verwende ich die IE-Tab Extension, also verwende ich keinen IE-Aufsatz mehr. K-Meleon, Mozilla, SeaMonkey habe ich weggelassen, weil ich ja schon zwei Browser basierend auf der Gecko-Engine benutze.

Alle anderen Programme liste ich querbeet und bunt gemischt auf:

  • Mein Webserver ist der Uniform Server. Klein und einfach zu verwenden, und vor allem ohne Installation, überlebt er jede Neuinstallation. Im Gegensatz zu allen vorherigen Servern hat mir dieser den besten und unproblematischsten Dienst geleistet.
  • FileZilla, FTP-Client, der auch SFTP beherscht. Ich empfehle das Speichern der Einstellungen in einer XML-Datei, dann kann man diese bei einer Neuinstallation schnell mitnehmen. Im Filezilla-Programmordner die Dateien Filezilla.xml und Bookmarks.dat sichern und später wieder zurückspielen und alles ist wie vor der Neuinstallation ^.~
  • TangoDropBox ist ein Tool für schnelles Uploaden von z.B. Bildern oder Dateien in einen gleichbleibenden Ordner via FTP. Auf dem Desktop erscheint eine kleine Box, auf die man die hochzuladene Datei ziehen kann. Praktisch für z.B. Bilder zu Weblogeinträgen.
  • puTTY ist ein praktischer SSH-Client, den ich von Zeit zu Zeit brauche, um mit dem Uni-Account zu kommunizieren, wenn ich z.B. direkte Änderungen in der MySQL-Datenbank vornehmen muss.
  • Notepad2 ist mein Ersatz für das normale Windows Notepad. Genauso leicht, aber mit Syntax-Highlighting. Ein Editor der sich optimal eignet für schnelle Änderungen am Code.
  • PHP Designer 2006 ist meine momentane integrierte Entwicklungsumgebung (IDE). Für umfangreichere Änderungen am Code, Arbeit an Projekten …
  • Aptana ist eine weitere IDE – könnte sein, dass sie in Zukunft dem PHP Designer den Rang als “first choice” abläuft ^.~
  • XEmacs – installiert, weil ich später mit ihm oder seinem Vorgänger(??) Emacs arbeiten sollte. Editor, Projektmanagement & mehr. Habe mich damit aber noch nicht eingehend beschäftigt. Der wohl mächtigste Editor den ich bisher sah – ich glaube, der kann alles ^.~
  • IrfanView brauche ich zum schnellen Bearbeiten von Bildern. Schneiden, Größe ändern, komprimieren. Mein (Windows-)Favorit für schnelle Bearbeitung an Bildern.
  • Photoshop Elements verwende ich für größere Bildbearbeitungen, gehörte glücklicherweise zu den bei meinem Rechner vorinstallierten Programmen.
  • PkColorPicker ist mein bevorzugtes Farbauswahl-Tool.
  • FeedSpring ist ein RSS-Editor. Schließlich sind Newsfeeds auch für nicht-Blogs interessant ^.~.
  • TheFontThing ist ein sehr angestaubtes Font-Tool, welches mir schon seit Jahren gute Dienste leistet. Ich benutze es von Zeit zu Zeit, um Schriftarten für Überschriften auszuwählen. Es kommt kann mit großen Mengen an Schriftarten umgehen, installiert & deinstalliert sie und hat kein Problem mit Schriftarten, die bisher nicht installiert wurden. Da von 1999 funktioniert es auch noch mit Win98.

Früher hatte ich auch noch ein Screenshot-Utility. Im Moment bin ich mir aber nicht sicher, dass ich das brauche. Eigentlich reicht mir die normale Druck-Funktion. *grübel* Wenn es natürlich etwas so tolles wie ImageWell für Windows gäbe, sähe das wieder anders aus… naja ^-^”

Das war sie, meine Liste der essentiellen Webdevelopement-Programme. Sind gar nicht so viele. Aber ein großer Teil passiert inzwischen auch im Netz oder mit Hilfe von Firefox/Flock-Erweiterungen. Diese werde ich irgendwann einmal seperat auflisten ^-^” – das ist nämlich etwas komplizierter.


28
Jul 06

Fehlende Kreativität

Das Aussehen meines Blogs macht mir mehr und mehr Sorgen, besser gesagt – ich kann es nicht mehr sehen, dieses nur mit CSS und ohne graphischen Vorentwurf zusammengeschustertes Theme. Leider fehlt es mir ein wenig an Inspiration – oder aber ich habe alles für meine “Arbeit” verbraucht. Wobei – wenn ich mir das so recht überlege – so richtig zufrieden mit ich mit dem “Design” dort auch nicht.

Gestern Abend habe ich mich mal wieder hingesetzt und versucht mir ein neues Aussehen für den Blog vorzustellen. Das ist dabei herausgekommen:

Screenshotausschnitt meines Entwurfes für den Blog
Entwurf eines neuen Designs – Versuch X

Ich mag die Farbe, jetzt, in diesem Moment. Alles andere ist eher traurig: abgekupfert, langweilig und überhaupt nicht das, was ich gerne haben möchte – nicht das ich wüsste, was ich ^-^”.

Damit wird diese Seite wohl noch ein wenig länger so aussehen, wie sie aussieht. Bis mich die Muse küsst. Aber wenigstens die Texteingabefelder könnte ich mal formatieren *hüstel*


23
Jul 06

Nützliche Webwork-Online-Tools

  • Postable wandelt HTML-Code in encodierten Code um. Will man z.B. Code in seinem Blog darstellen, muss man Tags nicht mehr manuell umwandeln, sondern kann den Code bei Postable eingeben und durch einen Knopfdruck umwandeln lassen.
  • RSS2Gif macht genau das, was draufsteht. Auf dieser Seite wird ein beliebiger Newsfeed in ein gif umgewandelt. Dies nicht nur einmalig, sondern auch in Form eines Code-Schnipsels, den man auf der Homepage einbauen kann. Wofür das benötigt wird *sz* Ich brauche es nicht, lustig ist es trotzdem.
  • CleanCSS ist ein CSS Formatier- und Optimier-Tool. Wichtig, kein Validator. Dort werden zum Beispiel, wenn Möglich, Eigenschaften zusammengefasst oder Farbangaben optimiert. Nützlich…
  • Rendr ist eine Seite, auf der man online und on the fly CSS editieren kann. Sicherlich sehr praktisch, wenn man an einem fremden Rechner ist und mal eben CSS ausprobieren möchte, ohne sich groß durch Programme zu wühlen… Naja ^-^”. Interessantes Spielzeug.
  • FavIcon from Pics ist ein nützlicher Online-Konverter, der FavIcons aus Bildern erstellt.
  • Favicon Editor ist ein online Favicon Editor. Sehr simpel, aber für ein schnell erstelltes FavIcon sicherlich zu gebrauchen. Ein PNG to FavIcon-Konverter gibt es dort auch.
  • PXN8 ist eine Online-Bildbearbeitung. Genial, gerade, wenn man nur kleine Änderungen an einem Bild machen möchte und keine Lust hat, erst einmal ein dafür benutzbares Grafik-Programm zu suchen ^-^”.
  • Snippler ist kein wirkliches Tool sondern ein sozialer Code-Schnippsel-Dienst. Sehr inspirierend und sicherlich interessant, die Lösungsansätze anderer zu sehen. ^-^”
  • Browsershots photographiert eine beliebige Seite. Der Clou, nicht nur mit einem Browser und auf einem System, sondern gleich mehrere Engines auf unterschiedlichen Systemen. Sehr hilfreich, wenn man einmal die Kompatibilität der eigenen Seite testen mag.

06
Jul 06

Rasende Entwicklung – Mikroformate

Aaaaahhh, nicht schon wieder was Neues!! Die Entwicklung schreitet voran, und schon lange hänge ich wie ein schlackerndes Taschentuch aus nem fahrenden Zug “byebye”.

Was jetzt??? Microformats? Was ist das. Ehrlich – ich habe keine Ahnung. Wenn ich so einen Blick in den Quelltext des Impressums von Einfach für Alle schaue, lachen mich lauter <span>’s an. Hat das was damit zu tun?? Auf jeden Fall berichten sie darüber und verlinken auf ein Mikroformate-Wiki. Dort werde ich – hoffentlich – eine gute Erklärung bekommen.

Wie auch immer – da mir dafür sowieso keine Zeit bleibt – man bin ich froh, dass das nicht mein Job ist. Wenn man da mal eine Minute nicht aufpasst, hat man schon wieder was verpasst. Ob sinnvoll, oder nicht ^-^”. Denn nicht jeder Trend hält sich. Ich erinnere mich auch an eine Zeit, in der irgendwelche Webmaster-Seiten behaupteten, dass Curl das neue HTML ist. Uhm… naja ^-^”. Nützlich scheint es zwar schon zu sein, aber HTML als Markup-Sprache hat’s wohl nicht abgelöst – oder lebe ich an diesem Bereich des Netztes vorbei. Ist ja gut möglich.

Aber wieder zurück. Microformats, Mikroformate sehen durchaus sinnvoll aus. Verbesserung der Semantik – Seman-was?? Also letztendlich der Gliederung, der Struktur des Markups. In der Strukturierung werden schon informationen hinterlassen, um welche Inhalte es sich bei ihren Inhalten handelt. Ein kleines Beispiel von Microformats.org ist quasi selbsterklärend.
<span class="tel">
<span class="type">home</span>:
<span class="value">+1.415.555.1212</span>
</span>
Hm, und was ich davon halte, weiß ich noch nicht. Es hat Vorteile, wenn es sich wirklich als Standart durchsezten würde, Nachteile, weil es den Code aufbläht und Adress-Robotern & Datensammlern die automatische Ernte von z.B. Adressdaten sehr vereinfacht. Auf der anderen Seite kann dies auch sehr praktisch sein, wie diese Slideshow von Eric Eggert zeigt. Hmm… so ganz verstanden habe ich es allerdings noch nicht, dafür brauche ich wohl mehr als 10 Minuten querlesen ^-^”.

Was ganz anderes – oder naja, so ein bißchen – Ich finde diese Ajax-Slidesshows echt smooth. Frage mich, ob das auch was für den Uni-Betrieb ist. Denn die Formatierung ist einfach. Auf einem Uni-Server liegend wird es kein Problem sein, Math-ML oder sogar LaTeX einzusetzten Da redet sie mal wieder von Dingen, von denen sie keine Ahnung hat, sondern nur mal irgendwo irgendwie zwei Sätze zu überflogen hat, und (W)Lan haben die meisten Konferenz-Räume auch. *sich am Kopf kratzt* Mal schauen ^-^”


04
Jul 06

Bildunterschrift mit Hilfe einer Definitionsliste

Ich weiß gar nicht mehr genau, wofür ich es gesucht habe – warum, wieso… auf jeden Fall habe ich vor kurzem nach einer Möglichkeit gesucht, Bilder zu beschriften. Gefunden habe ich den sehr guten Artikel “Die vergessene Bildunterschrift” bei Mediaevent. Dort wird eine Lösung mittels einer Definitionsliste vorgeschlagen.
<dl>
  <dt><!-- zu definierender Begriff --></dt>
  <dd><!-- Definition --></dd>
</dl>
Diese wird dann mit CSS beliebig formatiert. Und fertig. Ich bin wirklich begeistert, da das dämliche Klassengedöns für Bilder damit wegfällt, ebenso die umständliche CSS-Formatiererei. Ich werde wohl noch eine recht- und eine links-Klasse erstellen, für kleiner Bilder, die vom Text links- oder rechtsbündig umflossen werden sollen. Sehr praktisch. ^.^

Ähm… nur um es zu erwähnen. Weil ich beide Artikel fand und überflog. Auch das Markup-Journal schrieb über diese Lösungsmöglichkeit.

Übrigens: Falls man immer die gleiche Bildgröße verwendet (was vor allem bei umflossenen Bildern sinnvoll sein kann, weil die Float-Eigenschaft bei CSS immer eine Breitenangabe benötigt) ist es auch sehr einfach mit Hilfe der Definitionsliste das Bild mit einem Hintergrundbild (z.B. einer Schattengraphik) zu verschönern ;)). Bei Gelegenheit gehe ich darauf vielleicht mal näher ein. Ansonsten denke ich, dass es etliche Tutorials dazu bereits in den Weiten des Webs gibt.


20
Jun 06

Auf der Suche nach dem RSS-Button

Es ist manchmal schon echt nervig. Ich entdecke eine schöne Seite, mag sie gerne syndizieren und finde diesen dämlichen RSS-Link nicht. Am Ende muss ich den Link über Firefox speichern um dann über die Eigenschaften an die Adresse heranzukommen. Schade eigentlich, denn bei der ein oder anderen Seite hat mich die Tatsache, dass ich den RSS-Link nicht (oder einfach nur nicht schnell genug) gefunden habe dazu gebracht, die Seite Seite sein zu lassen, und ihren Newsfeed nun eben nicht zu abonnieren. Und einen Weblog, den ich nicht abonnieren kann, werde ich mit großer Wahrscheinlichkeit nicht wieder besuchen (dafür brauche ich dann schon einen wirklich wirklich guten Grund ^-^”).

Dabei gibt es dorch ein sehr gut sichtbares Feedicon (auch wenn ich bei Dr. Web schon wieder etwas anderes gelesen habe. Und selbst ohne dieses Icon welches jedoch eine nicht zu unterschätzende Signalwirkung für mich hat ^-^”, springe ich auch auf Linkbeschreibungen wie RSS, Newsfeed oder syndizieren an. Ich bin ja gar nicht so. ^-^ Ich habe mich auch daran gewöhnt, dass bei manchen Templates der Link ganz am Ende in kleinster Schriftgröße zu finden ist ^-^”. Die drei von mir als am häufigsten auftretenden Positionen beobachtete Stellen klappere ich immer zuerst ab. Wobei ein kleiner RSS-Link in einer überladenen Seitenleisten nicht selten einfach untergeht Seitenleisten, ein Thema für sich ^-^” Ich mag’s da eher schlicht. Wiederrum ein großes: “Schade eigentlich”.

Wie auch immer ^-^” Ich will RSS-Feeds, und ich will sie auch als solche erkennen können und nicht erst aus dem Quelltext frickeln – das wäre Methode zwei um an den Link zu kommen: Einmal die Seiteninfo bitte ^-^”… Wieso mache ich das eigentlich nicht häufiger?? Ist doch viel unumständlicher *grübel* Notiz an mich selbst: So machen das nächste mal. Und das gleiche in verstärkter Intensität gilt für Podcasts!!! Ich will die Podcasts nicht manuell downloaden, sondern nen Podcatcher verwenden … und dafür brauch ich nun mal nen Link… also: Nieder mit der Stiefmütterlichen Behandlung der RSS Links ^-^”. Gleichberechtigung und ab in die Hauptnavigation ^-^”.

So, und bei mir muss der Link auch noch viel sichtbarer und klarer zu finden sein :). Also her mit dem Icon ^.~!! Da stört es mich bei anderen Seiten und bei mir selbst ist es auch nicht anders *lol* ^-^” Tja… sehr menschlich ich bin…

Nachtrag Und jetzt habe ich auch eine Seite der Seiten bei einem Bloganbieter, bei dem ich immer suchen muss… grrr… blogger.com … ist das da Standard keinen RSS-Link zu setzen? *grübel* hmm, hoffe ja nicht…


17
Jun 06

Levels of HTML-Knowledge

Tja, hmm… Ich denke mal .. ich bin irgendwo in between 4 & 5. Das mit der DIV-Mania habe ich noch nicht ganz hinter mir, Datentabellen mit Div’s und Spans würde ich allerdings nie bauen ^-^”. Kurz vor fünf?? Wahrscheinlich eher nicht… ^-^” aber vielleicht werd ich’s ja, wenn ich länger in meinem Job gearbeitet habe ^-^”. Interessante Sache der Artikel Levels of HTML-Knowledge. Und ich bin ein bißchen stolz darauf, es über Wysiwyg hinaus geschafft zu haben ^-^” Ich sage nur MsPublisher *rotwerd* – meine wohl größte Sünde ^-^”… Naja.. aber zu lernen habe ich noch viel, vor allem, was Feinheiten angeht. Und mehr Routine kann ja auch nicht schaden. ^.^

Nachtrag Tja hmm, da gibt’s ja auch noch Levels of CSS-Knowledge. Würde mich auch da zwischen vier und fünf einordnen ^-^”… auch gegen fünf *lol*. Denn auch im CSS-Bereich habe ich noch viel zu lernen. Finde diese beiden Artikel allerdings auf jeden Fall sehr interessant.


26
Mai 06

Mehr Cheat Sheets

Dr. Web hat eine Liste zusammengestellt – mit einigen Cheat Sheets, diesen kleinen praktischen Helferlein des Alltags, einmal draufschauen und Codes nachsehen, ohne umfangreiche Manuals wälzen zu müssen: Cheat Sheet List – Spickzettel Sammlung. Gute Sache ^_^ …

Nachtrag: Auch bei Listible gibt es solch eine Liste – die ist allerdings noch nicht ganz so ausgereift ^-^”.

Schon mal berichtet: Cheat-Sheets


23
Mai 06

Erfolgloser Trackback-Spam

Sage und schreibe 7545 Mal in diesem Monat hat der Werte Besitzer der IP sechs neun – drei eins – drei zwei – fünf versucht in einem meiner Blogs seinen Trackback-Spam abzulegen.

logfiles traffic by ip

Abgesehen davon, dass es als unnötiger Traffic in meinen Log-Files auftaucht kratzt es mich allerdings wenig, denn die Verzeichnisse, die er anspricht existieren schon seit Ewigkeiten nicht mehr – abgesehen davon, benutzt er immer ein und die selbe IP, womit ich ihm sehr gut die Tür zu meinem Webspace zusperren kann. Nichts desto trotz… *grummel* dämlicher Zombie…


23
Mai 06

Vergrößerungsglas

Screenshot Vergrößerungsglas

Huch, woher kommt das denn?? Gerade eben entdeckt. Da öffnet sich ein Vergrößerungsglas im Firefox nach dreifachem Klick mit der linken Maustaste. Lustig – nützlich – aber woher kommt das??? Ist das eine Erweiterung oder liefert der Fuchs das von Haus aus mit??? Funktioniert dieses Magnifying bei euch auch??


21
Mai 06

i.like (sumomi.net.ms) closed

Seit wenigen Tagen ist sumomi.net.ms geschlossen. Ich habe mich dafür entschieden, den Animeblog dicht zu machen, und die auseinandergerissenen Blogs wieder zu vereinen. Also heißt es nun, manuell die Einträge hierher übertragen. ;) Und für die Entdecker gibt es dann in den diversen Rubriken neue Artikel zu entdecken ;).


13
Mai 06

CSS 2.1 Eigenschaften übersichtlich aufgelistet

Screenshot der CSS 2.1 Eigenschaften Referenz

Sehr schön und praktisch: Culturecode hat eine sehr übersichtliche Referenz für die CSS 2.1 Eigenschaften erstellt.


13
Mai 06

Linklisten CSS-Galerien

Sowohl Dr. Web als auch SELFHTML haben Linklisten herausgegeben. Eine Unmenge an CSS Galerien zur Inspiration und auch als Lehrmeister ;) Eine schöne Sache. Und es erspart mir die Arbeit, mir selbst solch eine Linkliste zu erstellen.

Übrigens schon länger gibt es eine Aufliste von nicht nur CSS Galerien im Web Developer’s Handbook.


16
Apr 06

diverses zum Thema Webdevelopement

Viel zu lesen. Zum Beispiel ein Artikel des SELFHTML-Weblogs der sich mit dem Thema Layout beschäftigt: Tabellen, Spalten und Weblogs vs. Hypertext. Passend dazu das Floatutorial von maxdesign. tjkdesign beschreiben in ihrem Artikel, wie man aus einer klaren XHTML-Struktur viele unterschiedliche Layouts erstellen kann – nur mit der Power von CSS. Und wenn ich schon dabei bin ^-^”. Um so etwas zu bewerkstelligen braucht man Positionierung, also schnell zum Tutorial Learn CSS Positioning in Ten Steps und Einschließen von Floats ohne zusätzliches Markup.

Dann lohnt es sich definitiv bei Webdesign from Scratch vorbeizuschauen, gleich zwei interessante Artikel sind mir damals ins Auge gefallen. Zum einen Information Architecture Models, zum anderen ein Artikel über die Basics des Webdesigns. Etwas mehr Theorie, dennoch interessant: Five simple steps to typesetting on the web: printing the web, ein Thema, über das man normalerweise nicht so nachdenkt ^-^” – ich zumindest nicht. Wobei ich bei meiner Tutorialseite damals eine Druckansicht hinzugefügt habe.

Zwei Seiten habe ich dann noch, die sich mit dem Thema Formulare beschäftigen, zum einen eine Anleitung eine Suchbox so aussehen zu lassen, als sei es eine Safari Suchbox. Sieht schick aus und werde ich bestimmt irgendwann einmal ausprobieren ^-^”. Und der zweite Artikel: Using CSS to Create a Two-Column Layout.

Zuletzt noch ein paar Seiten, die sich mit den CSS-Codes auseinandersetzten. Perun verlinkt auf zwei Seiten, welche sich mit der Übersichtlichkeit des Codes beschäftigen. Bei Webstandart geht es um CSS shorthand properties, also wie man manche CSS-attribute bündeln kann.


14
Apr 06

Ein paar “Webwork-Links”

Da hat sich einiges angesammelt in den letzten Wochen. Quellen der Inspiration und des Quellcodes. ^-^”

Beginne jetzt einfach mal mit einer Sammlung von 2.0 Menus bei Dr.Web. Eine große Auswahl… passend dazu lohnt es sich auch, bei CSSplay vorbeizuschauen.

Eine praktische Application für die eigene Seite ist der Ajax Chat Lace – wenn man so etwas denn brauchen kann. Muss ich definitiv einmal irgendwann ausprobieren. TJKdesigns bietet ein Script für das Togglen von Elementen an, zu erstellen einer angenehm zu bedienenden Faq-Liste. Noch ein paar andere Seiten: onlinetools.org, wo es diverse JS zu entdecken gibt. Außerdem ein Upload Progress Bar Scirpt.

Blogs habe ich natürlich auch aufgegabelt, ganz vorne weg Ajaxan, web2null, min-style, auch interessant, die Seite von Emily Chang und What’s web 2.0.


01
Mrz 06

Linktipp: Squidfingers

Squidfingers ist eine kleine, schön gestaltete Seite, eine Art Portfolio, auf der eine große Anzahl an relativ schlichten und dennoch effektvollen Hintergrund-Kacheln kostenlos angeboten werden.

Die Verwendung der Hintergrundbilder ist kostenlos, einzig ein Backlink wird gewünscht.

Zusätzlich zu den Graphiken, erhällt man auf dieser Seite auch nützliche Code-Snipplets und Inspiration :). Ich finde sie zumindest sehr inspirativ…

Vorbeischauen? squidfingers.com


14
Feb 06

Ich will web 2.0

…. nur ein bißchen. Also werde ich mich wohl doch noch mal mit JavaScript beschäftigen und mit DOM und … und … und – wenn ich Zeit habe. *sfz*

Und auf meiner Suche bin ich über QuirksMode gestolpert. Sehr schöne Erklärungen und Hilfen passend zum Thema. Und so eine Navigation hätte ich auch gerne. Smooth und sehr sehr praktisch. Mein erster Punkt auf der To-Do-Liste, denn – weblog.netzgeschaedigt.de muss mal wieder entstaubt werden ^-^”. Das bedeuted: Neues Outfit, neue Archivform …. usw. ^-^”

Mal sehen, ob daraus was wird ^-^”.


08
Feb 06

Bye, bye wish.netzgeschaedigt

Es mangelt Zeit und deswegen habe ich mich eben gerade dafür entschieden wish.netzgeschaedigt.de aus dem Netz zu nehmen. Bye, bye – die Zeit mit dir war schön ^-^”. Es kann schließlich nicht angehen, dass ich *nachzähl* sieben Blogs besitze und mehr als die Hälfte davon nur noch vor sich hin vegetiert ^-^”. Abgesehen davon ist es kein großer Verlust, diese Seite offline zu nehmen, da sie sowieso nur Inhalte enthält, die für mich relevant sind ^-^”.

So langsam bekomme ich eine bessere Struktur in meine Webseiten-Welt. Einzig mein lokaler MySql-Server ist ein wenig zugemüllt. Vor lauter Sicherungen und Co. Dem werde ich mal ein wenig Zeit widmen, wenn ich Zeit habe. Bis dahin ^-^” – glücklicherweise habe ich noch ein bißchen Platz auf meiner Festplatte. So, das war’s dann auch wieder von mir.


07
Feb 06

ImageWell & Tango DropBox

Ich bin verliebt, so ein Tool mag ich auch für den PC haben!!! Ich hatte hier immer das Problem Bilder schnell und einfach für das Web zurechtzustutzen. Mit ImageWell ist dies überhaupt kein Problem.

Screenshots, Ausschnitte des Bildschirmes abphotographieren, importieren von PDF’s oder diversen anderen Bildformaten via Drag&Drop, einfach und schnelles Verkleinern, grundlegende Editierfunktionen, wie das Ausschneiden von Bildteilen oder das Einfügen von Texten oder Pfeilen – alles ganze einfach mit dieser kleinen Freeware!

Und das beste habe ich glatt vergessen ^-^”. Ftp beherscht es nämlich auch noch, d.h. man kann die für’s Web bearbeiteten Bilder direkt aus dem Programm heraus auf seinen Server hochladen. Hierbei kann man beliebig viele Adressen eingeben und dann mittels eines Drag-Down-Menus darauf zugreifen.

Must-Have für Mac OsX: ImageWell. Ich will sowas für den PC!!!

Naja, da es das nicht gibt, muss ich auf das übliche Duo IrfanView und Filezilla zurückgreifen, wobei ich gestern ein kleines Programm für mich entdeckt habe, welches die Sache mit dem Bilderhochladen via FTP etwas einfacher macht – kein Programm muss extra gestartet werden oder ähnliches.

Es handelt sich dabei um das Programm Tango DropBox. Ein Icon auf dem Desktop, auf welches die hochzuladenen Dateien gezogen werden, danach werden diese automatisch in den vorher eingestellten Ordner hochgeladen ^-^”. Sehr, sehr praktisch. Und alles zusammen insgesamt praktikabel, wenn auch nicht ganz so genial wie ImageWell ^-^” – muss wohl doch noch umsteigen. *hüstel*


01
Feb 06

Linktipp: Selfhtml aktuell Weblog

Eigentlich mag ich gerne auf den aktuellen Artikel des Selfhtml aktuell Weblogs hinweisen. Ziemlich ausführlich beschäftigen sich die Autoren mit Grundlagen für Spaltenlayouts mit CSS. Ein längerer Artikel, der Methoden wie float: oder auch Tabelllen-Verhalten anspricht. Natürlich mit Beispielen, wie man es von Selfhtml gewöhnt ist und einer Analyse des “wie die Browser reagieren”.


30
Jan 06

Upgrade auf WordPress 2.0

Das ging ja einfach und problemlos. Upgrade auf WP 2.0 lief ohne Probleme. Was ich designtechnisch anpassen muss werde ich sehen. Bis jetzt sehe ich kein Problem. Archiv funktioniert noch und auch meine ganzen anderen Unterseiten. Wow – viel besser als beim letzten Mal.

Und nach dem ich festgestellt habe, wie es funktioniert, den Editor umzustellen werde ich auch langsam mit dem neuen Admin-Panel warm ^-^”. Gefällt mir gut.

Jetzt frage ich mich allerdings, ob ich wirklich strickten HTML-Quelltext schreiben muss, oder mir der Editor die Zeilenumbrüche trotzdem macht.

:)

Etwas werde ich allerdings irgendwann ändern. Mir gefällt die Archiv-Form überhaupt nicht mehr, bzw. mir fehlt eine Möglichkeit, viele Einträge auf einmal anzeigen zu lassen. Monatweise oder so etwas in der Art, werde ich mich mit beschäftigen müssen, wenn ich etwas Zeit habe. Also ab Mitte März ^-^”. Bis dahin, bleibt der kleine netzgeschaedigt-Weblog genauso vernachlässigt wie er das die letzten Monate war.


28
Jan 06

Linktipp: Veerle’s Blog

Warum? Weil es ein interessanter Blog ist, der von Zeit zu Zeit richtige Leckerbissen bietet. 

So hat Veerle u.A. ein interessantes Tutorial zum Thema “Von der Skizze bis zur Illustration” geschrieben oder berichtet über interessante Details zum Thema Webdesign oder Arbeiten mit Illustrator oder Photoshop – natürlich nicht nur ;).

Am besten ihr macht euch selbst ein Bild: Veerle’s Blog.


23
Jan 06

Bilder mit CSS formatieren

Bilder automatisch zentrieren lassen? Bis vor kurzem habe ich mir nur mit einem zusätzlichen Absatz helfen können. Bis ich auf einer Seite (leider weiß ich nicht mehr wo), die wunderbare Eigenschaft auto für Ränder (margin) entdeckt habe. Mit Hilfe dieser Eigenschaft, kann man beliebige ‘Block’-Elemente zentrieren.

Was sind Block-Elemente?
Was bedeutet das jetzt? ‘Block’-Elemente sind z.B. Layer oder Absätze. Sie sind abgeschlossen und nach ihnen wird automatisch die Zeile umgebrochen. Für genauere Beschreibungen verweise ich einfach mal auf einschlägige Literatur und begnünge mich mit Beispielen: <div>,<p> und <ul> oder <ol> sind ‘Block’-Elemente, während z.B. <b>,<i> oder besser <strong>,<em> oder aber auch <img>-Elemente es nicht sind. Sie sind ‘inline‘, das heißt, hinter ihnen geht es ganz normal, ohne einen Textumbruch, weiter.

Nun bietet CSS die Möglichkeiten, Elementen eine Anzeige-Eigenschaft (z.B. block oder inline) zuzuweisen. Dies geschieht mit der Angabe:display:block; bzw.display:inline;

Automatisches Zentrieren der Bilder via CSS
Für das automatisch zentrierte Bild, muss man dem <img>-Tag die Anzeigart block zuweisen, zentriert wird danach mit margin:auto:.storycontent img {
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.storycontent  habe ich vor img gesetzt, da ich nur die Bilder innerhalb meines Postings ansprechen möchte. Und  das Posting befindet sich in einer Box der Klasse .stroycontent. Mit obrigem Code wirkt die CSS-Definition nur auf alle Bilder innerhalb dieser Boxen.

Jetzt kann man das Bild beliebig formatieren. Z.B. einen Bilderrahmen darum setzten. Hierfür benötigt man einen inneren Randabstand (padding), und einen Rahmen (border) und kann z.B. auch noch die Hintergrundfarbe (background) ändern.

Beispielcode
Ein Beispiel für solch einen Code ist: .storycontent img {
 display:block;
 margin:2px auto;
 padding:4px;
 border:1px dotted blue;
 background: white;
}

Nachtrag:
Diese Art zu zentrieren funktioniert natürlich auch mit jedem anderen Blockelement. Somit ist es z.B. die einfachste Möglichkeit, eine komplette Seite mit fester Breite, im Browser-Fenster zu zentrieren (Im Template Lavender habe ich noch meine alte und wesentlich umständlichere Methode verwendet, so als Vergleich ;)).


23
Jan 06

Admin-Pannel

Irgendwie mag ich das Admin-Pannel meines quant²blogscriptes in Verbindung mit dem Animeblog-Design ^-^”.

Vielleicht behalte ich so etwas in der Art mit weniger grellen Farben für den Admin-Bereich bei, wenn ich das Script weiter ausfeile ^-^”. Inzwischen habe ich auch fast alle Fehler behoben, leider gibt es immer noch Macken wegen meiner Schludrigkeit mit den Anführungszeichen. Naja ^-^” – kommt Zeit, wird alles wieder gut oder so ^-^”.


14
Jan 06

Templates für Blogigo

Mal wieder kreativ gewesen, bis spät in die Nacht ^-^” – ok, nicht bis spät in die Nacht – nur ein bißchen. Dafür steht ein neues Design und damit eine kleine Template-Fabrik. Kann es nicht lassen. Und da ich mehr produziere als ich brauche – ohne Inhalt braucht man nun einmal kein Design – kann ich wenigstens die Übung mitnehmen ^-^”.


09
Jan 06

Und mal wieder …

… kreativ gewesen – bis tief in die Nacht ^-^” Aber zufrieden bin ich dann doch ^-^”:

Auch wenn der IE noch nicht ganz so will… nun ja, auch nicht so schlimm ^-^”


06
Jan 06

Nicht auf dem Laufenden

Fällt mir gerade mal so auf: Seitdem ich die ganzen privaten Blogs aus meinem Newsreader geschmissen habe, bin ich überhaupt nicht mehr auf dem laufenden, was “Webtrends” angehen könnte. Ich weiß gar nicht mehr worüber sich “die Szene” aufregt, welche Programme gerade total in sind usw. … ob ich mir wieder mal ein paar Feeds abonnieren sollte. *grübel* … Ich bin mir nicht sicher. Eine Menge Zeit für uninteressantes geht dabei schon drauf – wo ich doch noch nicht einmal alle Nachrichten der wichtigen Newsfeeds gelesen bekomme. Eigentlich kein Grund – ich muss ja nicht – ich kann. Schön, wenn man die Wahl hat :).


04
Jan 06

Nachtschicht

Warum bin ich bloß so motiviert?? ^-^” Ja, klar, weil ich etwas anderes zu tun hätte… ^-^” Wie dem auch sei – gestern Nacht war ich kreativ und privpages.de hat ein neues Outfit

und eine neue Bestimmung. Puh – noch lange nicht fertig, aber ich bin tierisch stolz, dass die Seite im IE, Opera & Firefox quasi gleich aussieht – ohne dass ich etwas korrigieren musste *stolzist*.

So, und jetzt möchte ich mich ein bißchen zügeln. Und heute Abend steht dann das Problem mit der Weiterleitung auf der To-Do-Liste ^-^”. Das wird noch kniffelig, denn ohne mod_rewrite verwenden zu können stellt es mich vor eine Herausforderung ^-^” – angenommen!!


02
Jan 06

Ein kleiner Blog braucht einen Namen

Puh, das war anstrengend, hat aber auch Spaß gemacht ^-^”. Und da habe ich schon wieder einen kleinen Blog aus dem Bode gestampft – ok, nicht wirklich gestampft. ^-^”

… ist zwar noch lange nicht fertig formatiert und auch der Inhalt der anderen Seiten fehlt, aber ein klitzekleinbißchen bin ich dann doch stolz auf ihn ^-^”. Juchuuh…


29
Dez 05

changelog

Bis jetzt habe ich diese Dinger immer unterschätzt, ignoriert, ihren Wert übersehen. Dabei sind sie absolut wertvoll, gerade beim Erstellen von umfangreicheren Projekten, die man häufiger verändert ^-^”.

Im Moment bastele ich an einem kleinen Online-Shop naja eher einer Bestell-Preisliste für meiner Schwester und gerade eben kam die Erleuchtung und der Aha-Effekt. Wow, die Dinger (changelogs) sind echt praktisch. ^-^” Da habe ich lange auf der Leitung gestanden und es mir unnötig schwer gemacht.

Und wo ich jetzt wieder einigermaßen drin bin, werde ich wohl auch mal mein Blog-Script vom wunschblog überarbeiten. Nach der Serverumstellung funktioniert es nur noch halb, da die Servereinstellungen inzwischen etwas sicherer sind und mein Script damit nicht mehr bedingungslos arbeitet ^-^”..


16
Dez 05

Schick

sourceforge hat ein neues Aussehen. Gefällt mir ^-^”…


07
Dez 05

Mathematik mit PHP

Eines meiner momentanen Probleme ist, wie kann ich mathematische Berechnungen mit beliebiger Genauigkeit mit PHP durchführen. Bevor ich mal wieder eine umständliche Lösung zu Hilfe genommen habe, habe ich ein Blick in das PHP-Handbuch geworfen und bin dort auch fündig geworden ;).

Zur Festlegung der Genauigkeit verwendet man bcscale(i), wobei ‘i’ die Genauigkeit angibt. Mag man z.B. zwei Nachkommastellen haben ist i=2. Verwendet man nun die normalen Operatoren wie z.B. ‘+’,’-’ … kommt das gleiche ungenaue Ergebnis wie zuvor heraus ;).

Man benötigt nämlich noch die richtigen Operationen ;), die wären: bcadd, bcdiv, bcmul, bcsub, bcsqrt, bcpow… gibt auch noch ein paar andere , Vergleich und Modulo, naja… brauche ich im Moment nicht ^-^”, aber für meine Navigationen sicherlich gar nicht unpraktisch ^-^”.

Naja ^-^”


02
Dez 05

PHP: QUERY_STRING

Gerade entdeckt :) $QUERY_STRING liefert die zuvor mit der URL übergebenen Variablen. Sehr praktisch, wenn man ein HTML Gründgerüst hat, seine einzelnen Dateien mit Hilfe von z.B. der Switch-Controll-Struktur einbindet und in einer von ihnen z.B. ein Script ausführt, welches sich neu laden muss ^-^”. Bisher habe ich dann alle Variablen einzeln neu übergeben. :) Aber eben nur bisher *freu*.

Und neben dem gesparten Tippvolumen vernichtet es auch mein Problem mit der Seitenübergabe, deren Namen ich gar nicht weiß ;). Da ich ein Script schreibe, dass meine Schwester beliebig verwenden können soll muss ich es möglichst flexibel halten und so, dass sie ganz normal damit umgehen kann, ohne großartig auf so Dinge wie Benennungen von Variablen aufpassen zu müssen :).

So, für heute war ich nun aber fleißig genug. ^-^” Bin müde Känguruh und muss mich mal wieder mit meinem Anti-Schweinehunde-Pro-Schweinehunde-Buch beschäftigen ;).


25
Nov 05

Ein paar Links

Nur so dahingerotzt ^-^”… Wichtig Nr. 1: Selfhtml 8.1.1 ist draußen ;), also schnell downloaden. Außerdem gibt es jetzt auch ein SelfHTML Weblog, vermerkt: Newsfeed abonnieren ;) [via golem].

Wichtig Nr. 2: Seti goes Boinc. Trifft es natürlicht richtig. Aber ich muss mir endlich mal Boinc besorgen. Jetzt habe ich seit einem Jahr einen neuen Rechner und er sucht noch nicht nach extraterrestrischem Leben – böse böse ^-^”.

Außerdem interessant O3 das Open Source Magazin (Achtung, grooooße Dateien).

Schon gedownloaded: PHP Designer 2005. Ein wenig getestet und nicht wenig begeistert ;). Mächtiger Freeware PHP-Editor mit Tutorial-Einbindung und theoretisch auch mit Debugging-Features – funktioniert bei mir allerdings noch nicht. ^-^”.


18
Nov 05

Phase 5 – in neuem Glanze

Wer hätte das geglaubt ^-^” Eine neue Version des genialen HTML-Editors Phase 5 ist seid 15. November draußen ^-^”. Schön schön :).

Verbessert wurden laut Autorenseite Konfigurationsmöglichkeiten, der Dateimanager, die Projektauswahl, Bildvorschau und ~browser. Außerdem werden Netzlaufwerke unterstützt. Bin ja mal gespannt ^-^”. Phase 5 ist immer noch der Editor für mich, wenn es um HTML geht ^-^”.

Und für alle, die den Editor kennenlernen wollen und dazu Hilfe brauchen: Clairette stellt ein umfangreiches Tutotrial zur Verfügung und ich hatte mich auch mal daran versucht, zu finden auf tutorials.privpages.de Da es aber sooo viel zu schreiben gibt und mir irgendwann die Zeit und auch ein bißchen die Lust fehlte ist das Tutorial recht kurz gehalten … aber es ist gut möglich, dass ich es mal irgendwann überarbeite ^-^”.

Nachtrag: Oh, ganz vergessen. ^-^” Mehr Hilfe gibt es im Forum auf qhaut.de. Quasi die Supportseite zum Programm!


16
Okt 05

Buttons hier Buttons da

Buttons sind schon eine ganz schöne Sache. Zwar ist der Trend mit den 80×15-”Bannern” schon etwas älter, aber schaden tun sie ja nicht. Schließlich ist es eine sehr kleine Form der Werbung. Definitiv nicht so störend, wie die einztigen großen Banner ^-^” (Auf die Spitze getrieben wird der Minimalismus übrigens von z.B. der Million Dollar Homepage, aber das ist ja eigentlich schon wieder eine andere Sache ;)).

Wie auch immer. Dr.Web hat verlinkt zu Taylor McKnight kleiner Seite, auf der es eine Menge dieser Buttons gibt. Dort wird wiederrum auf zwei Seiten verlinkt, die Buttonmaker anbieten: Adam Kalsey’s Button Maker und den enhanced button maker von eKstreme.

Praktischerweise wird bei Taylor McKnitghts Seite auch die “Standart-Schriftart” verlinkt ;) so dass man die Buttons auch ganz einfach offline erstellen kann. Es handelt sich dabei um die Schrift ist Silkscreen. Man kann sie bei kottke.org für MAC, PC und Linux downloaden ;). *Hände reib* Ich weiß schon, welche Buttons ich demnächst haben werde ^-^”: Gilmor Girls und Kassetten, vielleicht auch noch was mit Japan und auf jeden Fall Filezilla, Uniform Server und Phase 5 ^-^”.. Naja, ok, vielleicht auch nicht, man muss es ja schließlich nicht übertreiben ^-^”.


19
Aug 05

RSS-Feeds selbst erstellen

Für einige meiner Projekte möchte ich einen Newsfeed anbieten. Leider funktionierte die Firefox-Extension RSS-Editor seid einigen Firefox-Updates nicht mehr. Inzwischen habe ich jedoch zwei sehr gute Freeware-Programme gefunden, die als Ersatz dienen.

Zur Auswahl stehen Feed-Spring (leider nicht mehr existent)

Feedspring

und RSS Editor.

RSS Editor

Letzter gefällt mir eigentlich besser, er bringt direkt einen FTP-Klienten mit, der große Nachteil ist jedoch, dass man keine RSS- oder XML-Dateien laden kann. Der RSS Editor arbeitet mit seinem eigenen Format und muss dieses jedesmal in eine XML-Datei umwandeln. Daher verwende ich nun Feed-Spring. Probleme beim abrufen des Feeds gab es keine ^-^”. Jetzt fehlt mir nur noch ein guter RSS-Reader, nachdem mein Sharpreader und der Feedreader ihren Geist aufgegeben haben. … Tristana Reader ist zwar ganz nett, aber mir fehlen einige nützliche Funktionen.


13
Aug 05

Bloggeritis

Update Keiner der hier erwähnten Blogs existiert mehr. Sie sind einer der vielen “Ach das bringt doch alles sowieos nichts”-Phasen zum Opfer gefallen.


Jetzt hat es mich vollkommen erwischt. Neben dem Tagebuchähnlichen Spontaner Symmetriebruch Blog

und dem künstlerischen “ich schreibe einfach drauflos” Blog d’espère – et – rien

hatte ich aus Testzwecken die URL experiment.blog.de wieder eröffnet. Allerdings dieses Mal als Wunschblog

und um einen Sinn dahinter zu haben, auf englisch. Zu guter letzt, auch aus Testzwecken, entstand x179 – no need to meet perfectionismn.

Wie gesagt, zu Testzwecken, weil ich myblog.de testen wollte.

Somit habe ich jetzt Blogs bei drei verschiedenen Anbietern zusätzlich zu dem mit WordPress auf meinem eigenen Webspace gehosteten. Ich muss sagen, Wp hat natürlich gewaltige Vorteile, komplett anpassbar, erweiterbar und sicherbar. Dafür sind die Blogs der Anbieter alle recht einfach zu bedienen und für eben mal schnell nen Blog führen sehr praktisch.

Übrigens würde ich von blog.de abraten. Viel zu wenige Anpassungmöglichkeiten und der Content versinkt in der Navigation – für meinen Geschmack. Bei den anderen beiden, blogigo.de und myblog hat man schon umfassende Möglichkeiten alles anzupassen. Freies HTML und CSS. ^-^” Schon sehr praktisch. Nachteil bei myblog: Überlaufene Community mit einer Menge Kiddies, dementsprechend sieht das Supportforum aus. Die Einstellungsmöglichkeiten sind mir etwas zu gering, es stört mich, dass der RSS-Feed als noname angezeigt wird. Auf der anderen Seite gefällt mir bei myblog der Bilderupload und der Blogeditor für den Eintrag besser. Speicherplatz für Bilder ist bei beiden eher dürftig, da ist es schon besser, wenn man zusätzlichen Webspace besitzt. Bei myblog darf man 100 Bilder hochladen, bei blogigo 500kb. Blöd finde ich es, dass bei blogigo nur blogigo-Mitglieder kommentieren dürfen, ersetzt evtl. die fehlende Anti-Spam-Funktion.Mehr fällt mir auf Anhieb nicht ein ^-^”. Außer dass ich ziemlich netzgeschaedigt bin ^-^”


26
Jul 05

CSS

Alles via CSS-Hilfe: Eine kleine Übersicht über CSS-Selektoren. Sehr interessant und nützlich um Anhäufungen von unnötigen Klassen und Identitäten zu verhindern. Außerdem ein kleiner Artikel, der sich mit dem Box-Modell-Bug im IE beschäftigt, und nicht nur ^-^. Kann man auf jeden Fall etwas lernen. Gleiches gilt auf für den Artikel über Zoom-Layouts. Eine CSS-basierende Möglichkeit eine Seite für Besucher mit geringer Auflösung besser lesbar zu machen. Sehr praktisch: Die Liste der Mozilla-CSS-Eigenschaften. Infos zu -moz-border-radius & co. Und zu guter letzt eine Seite, die sich mit dem Aufbau von CSS-Dateien beschäftigt. Damit man Überblick behält ^-^”. Und weil ich gerade auf der Seite bin: The Principles of Design ist sicherlich auch nicht uninteressant zu lesen ^-^”

Mehr zum Thema CSS CSS rund und eckig und überall, css – Browserkompatibilität und Positionierung, CSS Intensivstation und Menu-Highlights


17
Jul 05

netzgeschaedigt.de

Hmm, ist da etwas am entstehen?? Inhalt habe ich keinen, aber dafür ein paar Design-Ideen. Die Erste ist schon eins, zwei Tage alt

und war vielleicht der Neubeginn von netzgeschaedigt.de.

Den zweiten Entwurf

habe ich heute umgesetzt. Inclusive des Themen-Wechslers. ^-^” Sessions und ein wenig PHP und CSS machen es möglich, dass das Ding sogar nicht einmal sooo übel aussieht ^-^”. Und nach ein wenig hin- und hergefrickel funktioniert es auch ^-^”.


09
Jul 05

Private Glitzer-Homepages

^-^ Von wegen, die gibt es nicht mehr und sind ein geschmackloses Überbleibsel der 90er Jahre, wie es ein Telepolis-Artikel weiß machen will (Leider finde ich ihn nicht mehr :(). *sz* … überhaupt. Was soll das eigentlich, vielleicht sind sie in den Augen der “Design-Schnitten” geschmacklos, weil sie nicht ihrem Stil entsprechen. Aber wichtig ist, dass sie den Machern gefallen!! Und diese stecken viel Liebe und auch Mühe in diese Seiten, damit sie so aussehen, wie sie aussehen. Und darauf kommt es doch an! Dass derjeniger, der diese Seite erstellt hat, sie gut findet, damit zufrieden ist. Nicht für den Mob der sich für etwas besser haltenden “Designer”. Aber das haben diese vielleicht auch noch nicht verstanden, weil es ihnen so fern liegt, dass es Menschen geben sollte, die ihre Seite für sich und für Freunde machen und nicht für alle. Abgesehen davon, Aussehen ist nicht alles. Diese privaten Seiten haben oft wesentlich mehr Inhalt, schönen Inhalt als all die anderen, die ach so toll aussehen.

Außerdem findet man da süße Tests ^-^” *kawaiiii* ^.~ Also, da bin ich wohl die Träumerrei. Gefragt war, welches Gefühl man sei.

Eine andere richtig schön gestaltete Quiz-Seite ist Quiz-online.de.ms. Ab gesehen davon mag ich die Begrüßungsfloskel ^-^” *kicher* Nun denn..


06
Mai 05

Schriften-Kalender

Ist zwar schon Mitte des Jahres und ja, ich habe mir weitere Fonts verboten ^-^”, dennoch:

Der Fontkalender des fontshops ist definitiv erwähnenswert! :)

Mehr zum Thema Schriftarten Schriften und Farben, Mehr Fonts & Del.icio.us, Nice Sites – Blogs – CSS – Fonts – einfach querbeet, Ein weiteres Mal: Fonts, Freefonts, CSS und Webdesign


30
Apr 05

Gästebuch, Spamblocker und Umlaute

Ok, ich habe mein Gästebuch auf Vordermann gebracht und mit einem kleinen Spam-Blocker versehen. Wenn man einen Eintrag hinterlassen will muss man nun eine kleine und recht einfache “Frage” beantworten. Bzw. aus mehreren Wörtern ein jeweils nicht passendes Auswählen.

Nun stellte ich fest, dass ich mit WordPress ein ziemlich blödes Umlaute-Problem habe. Es war die ganze Zeit auf utf-8 eingestellt. Will ich jetzt einen Eintrag in das Gästebuch schreiben, werden die HTML-Sonderzeichen nicht mehr als jene erkannt, die sie sind und somit nicht mehr konvertiert :(. Das ist doof. Überhaupt finde ich es nicht gut, dass die Umlaute nicht in HTML-Code verwandelt werden. Dass muss ich noch ändern – so lange werde ich mich jetzt manuell quälen ^-^”. Die Frage ist, wie kann ich alle bereits bestehenden Einträge dahingehend konvertieren, dass die vorhandenen Umlaute in HTML-Code verwandelt werden?

Ich gehe mal auf die Suche ^-^”.

Nachtrag: Ich bin fündig geworden. Das Problem lag ja darin, dass die htmlentities()-Funktion bei dem Eintragsinhalt nicht griff. Dies konnte ich auch nicht durch manuelles festlegen der Zeichensatzes innerhalb der Funktion beheben. Habe dann aber glücklicherweise irgendwo den Hinweis gelesen, dass man utf-8 mit utf8_decode() dekodieren kann. Danach funktionierte htmlentities wieder ohne Probleme. :). Schön wäre es, so etwas in der Art auch für WordPress zu haben. Also direktes Umwandeln der Umlaute in HTML-Code. Naja, aber für’s erste bin ich zufrieden ^-^.


23
Apr 05

WordPress individualisieren

Eine sehr schöne Anleitung wie man eigene Templates für WordPress machen kann von Matt Read. Lesebefehl für alle, die mal selbst kreativ werden wollten und dachten – “viiieel zu kompliziert”. ^-^

Passend trägt der Artikel die Überschrift “WordPress is not PHP” und will damit den Benutzern, die sich von Loops und “< ?php” haben abschrecken lassen, zeigen “geht doch ganz einfach” und beschreibt Schritt für Schritt den Weg zum eigenen Template. Der Kreativität steht also nichts mehr im Weg ;).


07
Apr 05

Quellen der Inspiration

Z.B. bei Figoo – Worth Le Click, viele coole Links, wobei auch viele kommerzielle Seiten. Weiter geht’s zu deformat, ein deutsches “beautysite catalouge”, wenn ich das jetzt mal so übernehmen darf ^-^’. Definitiv cool: styleboost. Visualdesigner erscheint mir etwas “bodenständiger” subjektiv. Mein momentaner Favorit: linkdup ;). unmathcedstyle hatte ich, glaube ich, schon einmal erwähnt ^-^ und Stylegala auch – vielleicht. Wenn nicht wurde es hiermit nachgeholt.
Bekannt sind css beauty und css vault, der Vollständigkeit halber sollen sie hier nicht fehlen. Mehr, mehr, mehr!! Gibt’s bei Graphic Orgasm Ultimate Webportal. Und zu guterletzt noch Netdiver und Webstandartsawards.

Und noch ein paar Einzelseiten, die defnitiv mindestens einen Besuch wert sind ;). Matthias Nicolai besticht mich mit interessanter Navigation. Vasava ist das Portfolio einer spanische Artwort Agentur, sehr sehenswert. Shift ist ein japanisches Ezine, natürlich auch mit Blog. db-db.com – Design together ist für das Füchschen auf dem Rechner meines Freundes etwas zu heftig. Liegt wohl an der Visualisierung der gerade auf der Seite befindlichen Besucher ^-^”. Für mich etwas unübersichtlich. Schön anzusehen, im wicked worn-Style: 555design.

Komme ich nun zu diversen Blogs, welche ich min. noch einmal besuchen mag ;). hinterding und joshuaink. TheMM or us?, der ISNMblog der Uni Lübeck. Definitiv ein Kandidat für den RSS-Reader ;) : Veerle’s blog, geniale Tutorials und auch ansonsten sehr lesenswert. Weiter geht’s mit der Ideengeberin, auf jeden Fall mit Control-O und Platoon. Der Gadgetryblog ist auch ein Kandidat, wenn auch schon ein alter Bekannter. ^-^” Und als Abschluss ein Besuch bei the flow.


06
Apr 05

Schriften und Farben

Weil meine Bookmarks mal wieder so “zugemüllt” sind… Bei Typewriter-Fonts gibt es genau das: Unmengen an Schreibmaschinen-Schriften – alt, neu, verknittert … Comic-Fonts gibt es auf einer Seite, die den passenden Namen trägt: Blambot. In eine ähnliche Richtung geht Fontennium (vormals ShyFonts). Im Moment noch online, Trash von Disturbed.com – die Domain steht jedoch zum verkauf, also wer weiß, wie lange diese sehr schöne Schriftart noch online steht. Auch genial: Font-O-Ville, welches mich gleich zu Floodfonts weiterentführt. Hmm – lecker ^-^” – die Seite ist ein bisschen im Stil von MissprintedType, zumindest für mich als Normalo, der sich nicht so auskennt. Auch gut: SimplytheBest Fonts oder bei Vectorize vorbeischauen, mehr davon gibt’s bei Superlooper (Flash-Alarm) ;) – sieht gut aus. Weiter geht’s zu 9031.

Will man herausfinden, um welche Schriftart es sich bei einem Bild handelt ist man bei What the font richtig, dies ist ein online-tool von MyFonts.com.

Dort kann man zwar keine Schriften downloaden, dafür kann man wahre Kunstwerke aus Buchstaben betrachten Typedrawing oder sogar selbst erstellen!

So, und jetzt wird’s bunt. Color-Lovers, Colr.org und ein unverzichtbares Online-Tool: I like your colors. Auf dieser Seite kann man sich die verwendeten Farben einer Seite ausgeben lassen. Leider klappt dies nicht immer ^-^. Die Farben werden aus der CSS-Datei extrahiert.

Und ich habe jetzt ein striktes Font-Download-Verbot ^-^” viel zu viel Auswahl, welche ich nicht wirklich brauche.

Und mehr davon Mehr Fonts & Del.icio.us, Nice Sites – Blogs – CSS – Fonts – einfach querbeet, Ein weiteres Mal: Fonts, Freefonts, CSS und Webdesign, Farbenspiele – nützliche Onlinetools


25
Mrz 05

Selfhtml 8.1

Eine neue Version von Selfhtml ist draußen. *juchuh* Natürlich gibt es auch die Version 8.1 als Download. Auf der Selfhtml-Seite selbst lässt sich natürlich auch nachlesen, was sich veränert hat. Und sehr interessant ist der Artikel von Jeena Paradies, welcher sich mit den Machern unterhalten hat und ein wenig über die neue Version schreibt. :)


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.


12
Feb 05

Aufräumen – digital

Ich habe zu viele Seiten, die weder Inhalt tragen, noch einigermaßen “fertig” sind oder auch nur irgendeinen Zweck erfüllen. Also habe ich meine Hauptdomain einer Radikalkur unterzogen. Habe mehrere Projekte und alte Seiten, die nicht mehr zu mir passen gelöscht. Abgesehen davon versuche ich gerade ein Konzept zu erstellen, wie ich das mit den “vielen” Seiten mache.

Ich bin zu dem Schluss gekommen, dass ich sowohl meinekleinewohnung.privpages.de als auch uni.sumomi.de als abgeschlossenes Projekt betrachte, an dem ich nichts mehr ändere. Diese beiden Seiten bleiben so lange online, bis sie nicht mehr zu mir passen, danach werden sie archiviert und aus dem Internet genommen. Dieses Schicksal erfuhr yayoi.de.vu. Diese kleine Selbstdarstellung ist gelöscht und die Domain abgegeben.

Etwas unsicher war ich mir mit den unfertigen Seiten, an denen ich im Moment nicht arbeite. gedankenfaden.de bleibt vorerst online, aber nur für mich zugänglich. Von projects.sumomi.de werde ich mich jetzt trennen – die Archivierung läuft. Wenn ich Muße und Zeit habe, werde ich vielleicht irgendwann mal wieder etwas in dieser Art machen – aber bis dahin ist diese Seite absolut nutzlos und müllt sowohl meinen Server als auch das Internet zu ;). Ähnliches gilt für experiment.blog.de, mein kurzer Zwischenstop bei einem Anbieter von Blogs, auch diese Seite habe ich gelöscht.

Als aktive Projekte behalte ich tutorials.privpages.de, reiterhof-dreililien.net.ms und physikblog.de.vu.

Bleibt nun noch portfolio.privpages.de. Die Seite bleibt als Übersicht für mich und für alle, die es interessiert. Aber eigentlich wird sie dem Namen nicht gerecht ;). Ist aber auch egal.

Weitere Seiten bleiben leer. sumomi.de wird vielleicht irgendwann mal mit einer Selbstdarstellung inklusive Bilder, Wallpaper – was auch immer – bestückt. Aber dafür ist vorerst nichts in Planung. Meine Konzentration soll auf netzgeschaedigt.de, also diesen Weblog hier, und auf tutorials.privpages.de gerichtet bleiben. Den Physikblog werde ich mehr oder weniger motiviert weiterführen, bis vielleicht doch irgendjemand mal Lust hat, bei dem Projekt mitzuschreiben.

Hmm, es ist erstaunlich, genauso wie beim Aufräumen im realen Leben, gibt mir dies hier ein gutes Gefühl. Etwas geordnet zu haben, nicht mehr im (Internetseiten-) Chaos zu versinken. Abgesehen davon nimmt es mir den Druck, dass alle Seiten erweitert und verbessert werden müssen. Ich habe zwei Projekte auf die ich mich konzentriere und das reicht. ^-^”


10
Feb 05

Referrer-Spam zum x-ten

Nachdem ich festgestellt habe, dass die Sache mit RewriteCondition bei mir irgendwie nicht funktionierte, habe ich ja fast aufgegeben. Ich habe dann gestern in Tommys blog etwas über die zweite Methode, blöde Referrer via .htaccess rauszuschmeißen gelesen und es ausprobiert. Es scheint – glücklicherweise – zu funktionieren. Bleibt nur noch das Problem, dass sich die Domains fast täglich ändern. *grummel* Rausschmeißen nach Subdomain oder befindlichen Wörtern funktioniert nicht so toll, da ich heute wieder Massen an poker-online und was weiß ich noch Referrern in meiner Logfile wahrgenommen habe. Diese Bots sind absolute Mistkäfer. Sie bringen nichts als für mich unnötigen Traffic. Sie tauchen sonst niergens auf, also bringt es ihnen noch nicht einmal was. Und wenn ich mich recht erinnere, war es sogar so, dass einige auf tote Seiten verwiesen. *mehrgrummel* Kann mal irgendjemand tallentiertes eine DoS-Bombe auf die zugehörigen Seiten von poker online texas wie auch immer loslassen *grummel*, oder noch besser, einen Virus schreiben, der diese Bots außer Kraft setzt? Nein, aber sowas geht ja nicht. Ist ja unrechtens und wir wollen uns ja nicht mit diesen Mistkäfern in ein Boot setzten *grummel*

Wen es interessiert: Der relevante Teil meiner htaccess-Datei. Es handelt sich um Dirk Steins, welche ich dann mit Daten aus meiner Logfile erweitert habe.

Andere Artikel zum Thema Bescheuerter Referrer-Spam *genervt*, Referrer-Spam

Nachtrag Leider funktioniert es doch nicht. Die Euphorie kam zu früh. Ich resigniere. eUnd etwas gutes hat es, ich sollte nicht mehr in mein Log-File sehen. Bin sowieso schon viel zu süchtig. *sfz* Also, ab jetzt kein Log-File mehr, dann können die mich nicht ärgern. (Bin ja froh, dass meine Seite ansonstn nur wenige Besucher hat, so dass ich nicht um meine Trafficgrenzen fürchten muss ^.^’)


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*


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. ^-^


19
Jan 05

Bescheuerter Referrer-Spam *genervt*

Ich bin entnervt. Bescheuerte Roboter, die nichts anderes machen, als Traffic zu verursachen. Ich war noch mal googlen und habe zusammen gesammelt. Meine .htaccess-Datei ist auf 27 kb angewachsen – testweise.

Die .htaccess Rewite Regeln habe ich von Loblogomy, von Sharondippity, wobei ich den Code verändert habe, hinsichtlich dessen, dass das HTTP_REFFERER hinter dem Prozentzeichen fehlte. Desweitern habe ich in diesem Forum nachgelesen und auch bei Joe Maller. Ein paar Seiten habe ich hinzuzufügen versucht. So, und jetzt beobachte ich das ganze mal und hoffe *bete*, dass es funktioniert und diese bescheuerten Roboter endlich wegbleiben. *grummel*

Nachtrag :( Es funktioniert nicht. Spam à la beliebige subdomain.online-deals-4u.info/ erzeugt weiterhin massig Traffic, obwohl per Rewrite Condition eigentlich Referrer mit 4u, mit online, mit deals ausgeschlossen werden sollten. Ich verstehe es nicht. Ich hatte getestet, ob das umleiten via htaccess überhaupt funktionierte. Das war kein Problem. Jedoch muss irgendetwas an der Syntax falsch sein, was dazu führt, dass diese bescheuerte Seite weiter spammen kann :( Aber im Moment bin ich zu frustriert, um doch noch eine Seite zu finden, auf der die Syntax erklärt wird, auf dass ich eventuell meinen Fehler sehen könnte.


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!!


10
Jan 05

Neues Aussehen – endlich auch für den IE

Ich gebe zu, ich habe mich von den momentanen “Trend-Vorhersagen” von Forty Media inspirieren lassen und bin ein wenig in den Wicked Worn Look gerutscht. Wobei – das hier ist schon eine graphische Meisterleistung für mich Hungerkünstler. Vor allem war es ein Akt, bis das ganze im Internet Explorer so ausgesehen hat, wie mit meinem Lieblingsfüchschen. Lag nicht zu letzt an Fehlern von mir und der Falschdarstellung des Microdoof Hausbrowsers was PNG‘s angeht.

Wenn ich darüber nachdenke, muss ich irgendwie an alte Zeiten denken, in denen der IE mit all seinen CSS-Möglichkeiten der fortschrittlichste Browser war für meine kleine Wenigkeit und ich und meine Leidensgenossen über den Netscape Communicator 4.x gestöhnt haben. Nur zu gut erinnere ich mich daran. Tja, die Zeiten haben sich irgendwie geändert. Der IE schippert mehr und mehr ins Abseits mit seinem etwas überalterten Auftreten, seiner Unflexibilität Ich frage mich, wie ich einmal ohne Tabbed Browsing auskommen konnte ^-^.

Und wenn ich dann sowas lese *sz*, vielleicht wiegen sie sich in Sicherheit, denn die Welt der nicht ganz so bewanderten Computeruser liegt ihnen zu Füßen, meinen sie. Aber gerade was neuere CSS-Standarts angeht, sieht der IE doch bald uralt aus und man muss extra für ihn eine eigene Stylesheet-Version erstellen, damit er sie auch lesen kann. Die CSS-Brille für den IE *g* – ok, meine bescheidene Meinung und wenn man es genau liegt, sind das ja auch alles nur Entwürfe.

Wie damals bei Netscape werde ich wohl weiterhin in den sauren Apfel beißen und meine Seiten so gestallten, dass man sie auch mit dem IE lesen kann, jedoch mehr und mehr damit leben, wenn es dann mit dem IE nicht ganz so toll aussieht Wie z.B. jetzt schon mit den abgerundeten Ecken.

Nachtrag Wo ich gerade dabei bin … kleine Fehler der CSS-Darstellung des Internet Explorers [via csshilfe].


07
Jan 05

Referrer-Spam

So langsam nervt es mich, blöder Referrer-Spam . Bestimmt 60% meines Traffics diesen Monat wurde von Referrer-Spammern verursacht. *grummel* Also musste ich eine Lösung suchen. Gesucht und auch eine gut erklärte Lösung gefunden im Rikman Notizbloque. Ich verwende seine Liste und habe sie erweitert mit all jenen Referrern, die mich in meinem Log-File gestört haben:
RewriteCond %{HTTP_REFERER} ^http://.*4free.gb.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*web4u.gb.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*flafeber.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*sportsparent.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*condodream.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*royalmailhotel.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*uaeecommerce.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*mediavisor.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*newtruths.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*popwow.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*stmaryonline.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*thatwhichis.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*tmsathai.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*4free.gb.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*oiline.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*popdex.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*pornstarlist.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*camfun24.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*slomelo.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*spoodles.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*blogspot.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*houseofsevengables.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://.*crepesuzette.*$ [NC]

Und ich hoffe, dass es ein wenig funktioniert. *sfz* .. gerade bei den 4free.gb und Konsorten-Seiten.

Bei der Suche nach einer Lösung bin ich über esse est percipi gestoßen, ein interessantes Blog von Michael Preidel. Nur die Suche ist ein wenig gewöhnungsbedürftig, da ein Button gänzlich fehlt.

Nachtrag Ok, leider funktioniert das so nicht. *ärger* Werde mir, wenn ich Zeit habe, die Sache mit den Restrictionen über die htaccess-Datei noch mal ansehen und vielleicht finde ich die Fehler. Es wäre schön, wenn es doch noch irgendwie funktionieren würde, denn so nervt es tierisch. Zwar sieht man nichts von dem Spam, sie können glücklicherweise auch keine Kommentare spammen jedoch stört mich der unnötige enorme Traffic, den sie verursachen. :(


05
Jan 05

Reiterhof Dreililien Fanseite erneuert

Ich war heute fleißig. Nachdem ich ein wenig Zettel gerechnet habe und mir der Kopf rauchte, dachte ich, ich könne mal meinen neuen Scanner verwenden und die Cover meiner Reiterhof Dreililien Bücher einscannen, auf dass ich sie auf meine kleine Reiterhof Dreililien Fanseite stellen könnte und damit meine Versprechen halte. Gesagt, getan und danach habe ich gleich das Layout umgeschmissen. Mich hat es doch die ganze Zeit schon gestört, dass ich ein Hintergrundbild verwendete, welches ich aus einem nicht von mir stammenden Wallpaper erstellt hatte. *schäm*
Von der Aufteilung her hat sich eigentlich nicht viel Verändert. Das Hintergrundbild und dann natürlich einige Farbanpassungen. Den Kontrast habe ich etwas veringert, nicht mehr schwarz und orange sondern ein schwarz-rot-braun-grau ^-^”, aber seht am besten selbst:

Gefällt mir eigentlich ganz gut jetzt. Ein Problem gibt es allerdings: Das Menu wird vom Internet Explorer nicht angezeigt. Ich befürchte es liegt an der fixierten Positionierung. Bis jetzt hatte ich die Beobachtung gemacht, dass der IE die fixierten Boxen normal scrollt, aber hier zeigt er sie gar nicht an. Muss den CSS-Code also noch einmal überarbeiten. Außerdem kann man auch gut die Problematik mit IE und Transparenz in Bildern im PNG-Format erkennen. Auch das muss geändert werden – aber nicht mehr jetzt.


09
Dez 04

Screensaver & Favicons

Gerade entdeckt. Wo ich mich doch so beschwerte, dass es nur für den Mac schöne kostenlose Screensaver gibt. Habe sie zwar noch nicht ausprobiert – ihr wisst ja, die Bandbreite – aber es sieht vielversprechend aus und hört sich auch so an. Bevor ich noch länger rumrede: really slick screen savers, damit ihr auch mal nachsehen könnt. Ein anderes “Problem”, das ich immer hatte, war die Sache mit dem Favicon. Mangels eines wirklich anständigen Freeware-Icon-Editors hatte ich nie die Gelegenheit etwas selbst zu basteln. Eine kleine Internetseite schafft nun aber Abhilfe. Bei Chami.com kann man Bilder in Favicons konvertieren lassen. Was bei mir dabei herausgekommen ist, könnt ihr ja oben betrachten. Sicherlich kann man das Ergebnis optimieren, in dem man das zu konvertierende Bild schon im Vorneherein auf die richtige Größe optimiert ;o).
Und wo ich gerade auch bei Windoof bin, mag ich acuh Tweak XP verlinken, als eine der Adresse, bei denen man Verschönerungsdinge für das doofe System finden kann. Viel interessanter finde ich jedoch Pixel Toolbox. Ein Programm zum Erstellen von Hintergrundkacheln, Cursorn und Icons. Werde ich wohl irgenwann mal testen müssen. ^-^” Weniger Programm, mehr download findet ihr bei Ludicrous Speed. Man findet dort Wallpaper im Stil von Greg Martin.


26
Nov 04

CSS Intensivstation und Menu-Highlights

Kommt mir doch irgendwoher bekannt vor ;), die Css Intensivstation hat ihren Charme nicht verloren. Nützliche Seite ist die CSS Hilfe ebenso der Css Playground von Stu Nicholls.

Interessant auch der Artikel bei Hicksdesign über Hervorhebung des gerade aktiven Links, oder ein anderer Artikel in Peruns Blog. Ich habe das ganze ähnlich gelöst. Ein Script

< ?php  function check_site($link){
   global $SCRIPT_FILENAME;
   $name = basename($SCRIPT_FILENAME);
   $neu = $SCRIPT_FILENAME;
   $array = explode("/",$neu);
   $array = array_reverse($array);
  if ($name == ($link.".php") {
   echo ("id="aktuell"");
  }
 }?>

liest aus, auf welcher Seite sich der Surfer befindet und setzt bei eben jener Seite ein Identifikation “aktuell” in den Link, der dann via CSS hervorgehoben wird. ^-^” Eigentlich war das gerade eben falsch beschrieben. In jedem Navigationslink wird die Funktion aufgerufen

 <a href="index.php" < ?php  check_site(index);?>>
link</a>


und prüft dann bei jedem Link, ob das, was als Dateiname übergeben wird gerade die aktuelle Seite ist. Ein bisheriger Nachteil ist, dass ich mit dem Script bisher nur den Dateinamen, nicht aber die Endung übergeben kann. Diese wird dann in der Funktionsdefinition selbst bestimmt (Hier ‘php’). Ein weiterer Nachteil, es funktioniert wirklich nur dann, wenn man unterschiedliche Dateinamen hat. Verwendet man einen komplett via PHP generierten Seitenaufbau, so dass alle Dateien über die Index-Datei aufgerufen werden, muss man es anders lösen. Was dann allerdings auch kein Problem sein sollte. ^-^”


26
Nov 04

Was zum anschauen…

… und inspirieren lassen. PostArte stellt Blogs aus, schöne Blogs. Gefällt mir ^-^. Ein bißchen ähnlich und doch gar nicht, auf jeden Fall eine gute Resource der Kreativität: Stylegala. Und für die Inspiration gibt es dort auch eine Gallery, hier nicht nur Blogs, sondern alle Arten von Seiten – vorbeischauen lohnt sich.
Und wem es jetzt in den Fingern kitzelt und alles umschmeißen möchte, oder jetzt endlich auch mal so etwas machen möchte, kann sich ja im Web Style Guide die nötigen Hintergrundinformationen des ‘how to do’ holen. Und bis zum 30. Novermber kann man sich auch noch das ebook Webseitenkonzeption bei Internet World downloaden.

Und für ‘Neulinge’ Entschuldigt den Ausdruck eine kleine Out-Liste bei Web-worker.de [via public void blog].


20
Nov 04

Farbenspiele – nützliche Onlinetools

Farbe spielt ja eine wichtige Rolle in unserem Leben ;) – meistens. Für Webbastler gibt eine Menge praktischer Seiten, die einem bei der Farbauswahl oder dem Farbzusammenspiel helfen.
Praktisch ist z.B. Color Scheme Generator 2 [via mynethome]. Wer sich lieber selbst ein Schema zusammenbasteln mag und es direkt online testen möchte, kann bei ColorPicker” vorbeischauen. Eine Standartseite ist color match 5k, irgendwie scheint sie mit dem Füxchen allerdings nicht zu funktionieren. Schade. Dafür wird auf dieser Seite noch zu weiteren Seiten verlinkt. ^-^ Basierend auf color match 5k gibt es eine Seite, die 6 passende Farben anbietet. Color Schemer Online 2 bietet noch einmal andere Manipulationsmöglichkeiten eines Farbschemas. Braucht man mal eben Farben und die passenden Hex-Werte, bietet sich ein Besuch des 4096 Color Wheels an ^-^. Schön ist dort, dass man sowohl den Farbkreis zur Auswahl benutzen kann, als auch einen ‘Farb-Kontrast-Kasten’ ^-^” Wie heißt diese Art der Darstellung eigentlich?. Eine letzte Seite auf der man ähnlich zu Color Match 5k Farbschemen erstellen kann ist Colormixers.


20
Nov 04

Bye, bye Greymatter – hallo WordPress

Eigentlich habe ich keine Zeit dafür, naja. Irgendwie gefällt mir das, was ich beim physikblog bisjetzt von WordPress gesehen habe so gut, dass ich mich von Greymatter verabschiede. Die Einträge sind schon übernommen und auch schon zu einem großen Teil Kategorien zugeordnet. Aussehen tut es jedoch noch grauselig und ich muss mir auch noch ein Archiv in Greymatter-Manier basteln, denn das finde ich gar nicht so unübersichtlich ;). Bitte entschuldigt also die Stolpersteine, die ihr eventuell vorfindet, wenn ihr über ein Suchergebnis hier her gelangt seid. ^-^”
Und noch einmal ein wenig Nostalgie mit der alten Version …


14
Nov 04

Achtung Baustelle

Eigentlich will ich ja gar nicht umsteigen, wo mir die aktuelle Version meines Webloges mit Greymatter vom Zusammenhalt doch endlich ein bißchen gefallen hat *sfz*. Aber die Sache mit den Kategorien lässt mich nicht los. Und da ich noch nicht mal auf eine aktuellere Greymatterversion updaten kann, habe ich mich nun doch dazu entschlossen mein Weblog über WordPress laufen zu lassen.
Bis das ganze allerdings richtig läuft, ist dies hier eine riesen große, blöd aussehende Baustelle. Habe auch wenig Zeit im Moment, deswegen wird es nur Schritt für Schritt vorrangehen ^-^” Außerdem muss ich mich in ein neues System ja auch mal erst einarbeiten ^-^ und schauen, wie ich Kalender & Kategorien unterkriege. Das mit dem Archiv will ich auch wieder so haben, wie es vorher war. Naja, mal sehen ^-^” Außerdem muss ich noch 200 Artikeln ihrer jeweiligen Kategorie zuordnen, also, viel zu tun ;).


07
Nov 04

css – Browserkompatibilität und Positionierung

Meine Liste in den Bookmarks wird immer länger. ^-^” Dabei sind da ein paar interessante Dinge dabei und das schon seit längerem. So eine Css Browser Kompatibilitäts Tabelle von corecss, einer interessanten Seite zu dem gleichnamigen Buch. Brainjar kümmert sich hingegen um Positionierung mit CSS, etwas, womit ich mich schon häufig herumgeärgert habe, da wirklich jeder Browser anders reagiert. *grr* Habe ich mal erwähnt, dass im Firefox, wenn ein Layer über einem anderen Layer liegt, die Links im unteren Layer nicht mehr angesprochen werden können, selbst wenn man sie sehen kann (der Lobere Layer also von der Farbe her nur ein transparentes Etwas ist)? Finde ich nervig, denn mit dieser Methode könnte man den 1-Pixel unterschied in absoluten Weiten zwischen dem IE und dem Füchschen ausgleichen. *grr*

Nun ja, es gibt ja auch glücklicherweise Menschen die es beherschen, ihre Seite mit CSS richtig schön zu gestalten. Neben dem bekannten Css-Zengarden habe ich die Seite Cssbeauty entdeckt. Dort werden schöne Designs ‘ausgestellt’. Eine ähnliche Seite ist Stylegala.com, auch hier werden schöne Designs, die mit css verwirklicht wurden, vorgestellt.

Mehr ein Portal für alles mögliche, was mit Internet und Design zu tun hat ist netdiver.net.

Definitiv ein ‘Designlinkportal’, wie sie selbst schreiben, ist das bekannte Visuellerorgasmus. Hier muss ich aber Kritik üben. Arbeiten mit Graphiken und gut gestalltete Internetauftritte sind für mich zwei paar Schuhe, man kann sie zwar nicht immer trennen, aber ein einzelner Schuh muss auch noch gut aussehen. Ich habe den Anspruch, dass eine Seite auch ohne Bilder noch einigermaßen anständig zu genießen ist. Das ist bei VisualOrgasm definitiv nicht der Fall (siehe Bild). Mit Bildern sieht es aber ganz gut aus ;) und das Aussehen ändert ja auch nichts am Inhalt und der ist auch nicht zu verachten. Und jedem, der nicht mit einem 56k Modem unterwegs ist, fällt es wahrscheinlich auch gar nicht auf, dass die Seite ohne Bilder grottenschlecht ist.


30
Okt 04

Freefonts, CSS und Webdesign

Mal wieder etwas zum Thema Webwork. Als ich auf der Suche nach zwei drei Schriften war, die mir im Laufe der Jahre abhanden gekommen sind, bin ich auf drei recht umfangreiche Freefont-Seiten gestoßen. Die erste Fonts for Kids richtet sich eigentlich an unsere kleinen Mitmenschen. Nichts desto trotz ist die Auswahl groß und auch für unsereins zu gebrauchen ^-^. Die zweite Seite, die sich hervorgetan hat, und zwar durch eine enorme Auswahl, ist Fonts.goldweb.it. Der einfache Aufbau der Seite lässt gar nicht vermuten, dass es sich um eine italienische Seite handelt. Sie besticht durch eine klare Navigation und, naja, den Umfang habe ich ja schon erwähnt ^-^ Das, was man dort braucht, ist Zeit bei 10000 Schriften. Auf der letzten Seite gibt es direkt zwar keine Schriften, jedoch eine sehr umfangreiche Linkliste zu Fonts.
Letztens war ich auf der Suche nach Tutorials zum Thema runde Ecken mit CSS. Wollte ich für Jacky nachschauen und weil es mich auch schon immer interessierte, wie das denn geht. Dabei bin ich auf eine interessante Seiten getoßen. Einfach für Alle ist eine Seite über barrierefreies Webdesign, sicherlich interessant, auch darüber zu lesen.
Schon etwas länger liegen in meiner “Linkliste” die beiden Links zu Designing with web standarts einer schön gestalteten Seite zu gerade jenem Thema und der Open Source Web Design-Seite. Direkt zwar nichts für mich, weil ich meine Designs selbst machen möchte, aber indirekt eine schöne Inspirations- oder auch Wissensquelle. Schließlich kann man aus jeder neuen CSS-Datei Dinge lernen ^-^” Und dann habe ich irgendwo noch von einer Seite gelesen, die verschiedene Formen der Menus präsentiert, also in Gallerieform. *grübel* Wo war das den. Oh, passend dazu, der cssvault. Dort gibt es auch freie Menus. Aber dies ist nicht die Seite, die ich meinte. Ah, genau, gefunden im Dr.Web-Weblog, auf Please-Klickme.com ist eine kleine Gallerie, der so im Internet verwendeten Menuformen; auch interessant ^-^. Nun gut…

Nachtrag: Als ob es jemand gewusst hätte, dass ich mich gerade mit Fonts beschäftige *hüstel* Dr.Web hat vor ein paar Tagen in seinem Weblog Searchfreefonts.com vorgestellt. Dort gibt es 7000 freie Schriften, gut sortiert. Das ist doch nach unserem Geschmack. ^.^


10
Okt 04

weiteres ausmerzen von Fehlern

Wie ihr vielleicht festgestellt habt, gibt es bei dem neuen Style ein neues Feature. Die Seite, auf der ihr euch gerade innerhalb meines Webloges befindet wird in der oberen Navigationsleiste hervorgehoben. Bis eben hat dies für alle Seiten außer den Archiv-Seiten funktioniert. Grund war, dass sie sich in einem Unterordner befinden. Aber dank eines kleinen Scriptes, das ich eben geschrieben habe funktioniert es jetzt ^-^ *freu* Und die Sache war so einfach. $SCRIPT_FILENAME ist eine tolle globale Variable, mir der man echt viel machen kann. Und wie bin ich an das Verzeichnis gekommen? Einmal in einen Array aufsplitten explode (“/”,$SCRIPT_FILENAME), danach den Arrray umdrehen und auf den zweiten Eintrag zugreifen $array[1], denn array[0] enthällt den Dateinamen. Dort kommt man aber viel einfacher dran: basename ($SCRIPT_FILENAME). Und das wars dann auch schon für heute ^-^”


06
Okt 04

Ein kleiner Vergleich

Na gut, ich bin jetzt fast fertig. Funktioniert sogar fast so, wie ich es will. Es stören mich zwar immernoch kleinere oder größere Kleinigkeiten, aber sonst hätte ich ja nichts mehr zu tun. Habe mal einen Vergleich gestartet, Internet Explorer gegen Firefox. Abgesehen von der 1pt-Differenz muss ich doch sagen, dass mir die Darstellung des Füchschens viel besser gefällt ^-^. Da sind die Punkte wenigstens Punkte und nicht irgendwas ^-^, aber vergleicht am besten selbst:


06
Okt 04

neuer Style – Testphase

Es wird ein wenig ungemütlich hier. Bin ein neues Stylesheet am entwerfen und es ist alles andere als fertig. Außerdem habe ich ein bißchen was an der Kommentarfunktion geändert. Nichts großartiges, nur Text und aussehen des Formulares. Dies ist jetzt in den meisten CSS-Dateien noch ziemlich lückenhaft ^-^” und wartet auf Verbesserung. Aber jetzt werde ich erst einmal ins Bett gehen und schlafen. Es war ein schrecklich anstrengender Tag mit einem grausamen Versuch, der alles andere als glatt gelaufen ist. *sfz*

Nachtrag
Wollte mich ja noch bei den Internet-Explorer-Benutzern entschuldigen. Ich teste das ganze auf Firefox da es der Browser ist, den ich verwende. Ich schaue es mir zwar mit Avantbrowser, also dem IE an, aber wenn es um Breiten oder so etwas geht, werde ich mich im Zweifelsfall für den kleine Fuchs entscheiden. Aber keine Bange, die Seite wird für jeden Browser lesbar sein *hoffe ich* und auch auf keine wichtigen Features verzichten. Es kann jedoch sein, dass so ein Gimmick, wie z.B. das Style-Vorschau-Bildchen im IE nicht funktioniert. Und meistens handelt es sich eben um 1, 2 Pixel, die an Breite fehlen oder zu viel sind. Nichts wirklich tragisches, mich persönlich störend, aber ich weiß auch, dass ich bei meinem momentanen Wissenstand nicht unbedingt die Möglichkeit habe, diese Probleme zu beheben. Vielleicht schaffe ich es irgendwann mal und bis dahin müsen eben diesmal die IE-Benutzer in die “Röhre schauen” – ist ja häufig genug anders herum.
Ansonsten hoffe ich, dass es auch mit einer Auflösung von 800×600 betrachtbar ist *hoff* aber das werde ich selbstverständlich noch testen ^-^


20
Sep 04

RSS-Special

Was ist RSS überhaupt? Wer sich das schon immer gefragt hatte, sollte mal bei diesem RSS-Tutorial vorbeischauen oder auch beim internet alchemy weblog, dort wird’s auch erklärt und außerdem gibt es dort auch noch eine umfangreiche Linksammlung zu dem Thema. Ein weiterer englischer Artikel zu dem Thema findet man bei SearchEngineWatch Auf deutsch findet ihr eine Erklärung bei css-technik
Wer mehr wissen will, kann sich die Harvard RSS 2.0 Specification durchlesen. Und falls man das ganze per Hand machen mag ja, das ist möglich, man braucht nicht unbedingt ein Programm um einen rss-Feed zu erstellen, lohnt es sich auch sich näheres zum Thema XML anzusehen. Erste Adresse ist hierfür natürlich das w3c. Etwas einfacher zu verstehen ist hingegen getting started with xml.
Wer überhaupt keine Lust hat, lange irgendwelche Tutorials zu wälzen. So funktioniert es auch, nehmt als Grundlage diesen Code oder schaut bei anderen Feeds ab ^-^”.

<?xml version="1.0"?>
<rss version="2.0"
        xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel> 
<title> Titel deines RSS-Feeds </title>
<link> http://link.zur.Hauptseite.deines.Feeds </link>
<description> Beschreibung deines RSS-Feed </description>
<language>de-de</language>  

 <item>
  <title> Titel des Eintrags </title>
  <content:encoded><![CDATA[
  mehrere Möglichkeiten:
     1. kein Inhalt - dann muss man den Eintrag auf jeden Fall
        auf deiner Seite lesen
     2. nur den Anfang deines Eintrages - den Rest liest man auf
        der Seite
     3. kompletter Eintrag
  wichtig:
     Der Text hier muss richtig kodiert sein, d.h. keine
     Umlaute und keine Sonderzeichen. Alle Sonderzeichen
     müssen kodiert sein.
  ]]></content:encoded>
  <link> http://link.zum.artikel.de </link>
 </item>

</channel>
</rss>

Für jeden Eintrag erstellt ihr einen Die Leerzeichen zwischen den - oder [title]-Klammern habe ich für bessere Übersichtlichkeit eingefügt.

Was man noch braucht, ist ein Programm, mit dem man Feeds lesen kann, News- oder Feedreader genannt. Den Reader den ich empfehlen kann: feedreader – zwar noch in der Entwicklung, aber auf jeden Fall sieht er jetzt schon vielversprechend aus.
Und wenn ihr jetzt neugierig seid und scharf auf Feeds, nichts einfacher als das: Im rss-verzeichnis findet ihr eine Menge Newsfeeds. Ansonsten lohnt es sich auch, einfach mal bei privaten Seiten wie krit.de oder veerle’s blog anzufangen und sich weiterzuhangeln.

Meine Feedempfehlungen: tagesschau-feed, BildBlog-Feed und der zeitblog-feed.
Und zu guter letzt ^-^ ein kleiner Artikel über private Homepagebesitzer. Passt ja auch zum Thema, da auch im privaten Sektor Newsfeeds immer beliebter werden. Kein Wunder, Blogsystem wie movabletype machen es einfach möglich.


03
Sep 04

kochen, css und mehr

Es hat sich mal wieder einiges an Seiten angehäuft, deren Links ich mir gerne für die Zukunft merken möchte. Da ich ab und zu immer mal nach Rezepten suche, habe ich diesmal zwei Seiten entdeckt, die mir eigentlich sehr positiv aufgefallen sind: chefkoch.de bietet eine riesige Auswahl an Rezepten von Usern für User, nebenbei auch noch Tipps und Tricks rund um kochen und co. Die andere Seite, bei der man zwar weniger Rezepte dafür mehr Informationen zum Thema Lebensmitteln bekommt heißt foodnews und ist ein schweizer Produkt. Gefunden hatte ich die Seiten, als ich nach einer Seite suchte, die mir Aufschluss gibt, wie lange man Dinge im Tiefkühlschrank aufbewahren darf. Diese Frage fand ich bei den typischen “Haushaltsseiten” Männerseiten und auch bei frag-mutti.de (übrigens ansosnten sehr empfehlenswert) nicht, so weit ich mich erinnere. Fündig wurde ich bei der Seite eines Küchengerätherstellers. Dort gabe es gute und ausführliches Tipps zum Einfrieren.

Anderes Thema, mal wieder Webworken. Andreas Kalt hat in seinem Weblog ein kleine Einführung ins Webdesign gegeben, auch mit weiterführenden Links und sicherlich nicht zu verachten! Feinheiten der CSS-Technik kann man bestimmt bei position is everything ausarbeiten. Dort gibt es Artikel zum leidigen Thema Positionierung mit CSS, etwas, was einen schon häufiger mal hat Haare raufen lassen. Meine Erfahrungen sind auch noch, dass die Seiten extrem unterschiedlich angezeigt werden, je nach dem ob man am Seiten Anfang die Standarts definiert hat oder nicht. (Ich meine, es ist einfacher Seiten in Mozilla und IE gleich aussehen zu lassen, wenn eine Klassifizierung drüber steht, ist ja auch irgendwie logisch).

Oohh, da ist ja noch eine schöne CSS-Test Seite, bzw. eine Seite, bei der der Besitzer mit CSS spielt, extrem empfehlenswert für Bastler ;). Dabei sind interessante Sachen herausgekommen [via (P)fundstücke]. Ui, und diese Seite kommt mir bekannt vor: Spotleid (nicht zu verwechseln mit Spotlight ^-^) [auch via (P)fundstücke]. Eine sehr interessante und schöne Webworker-Community und inzwischen auch mehr los ^-^”

*grummel* Arg, ich dachte eigentlich, bei webmonkey hätte es mal eine CSS-Compatibility-Tabelle gegeben, aber irgendwie finde ich sie im Moment nicht *grummel* bin dafür auf diese CSS-Browserverträglichkeits-Vergleichstabelle gestoßen und die Netscape Support Charts können auch weiterhelfen. Naja, auch egal.

Dann habe ich so noch ein paar links: Für alle, die Bullets suchen oder für jene, die neue Gilmore Girls Wallpaper haben wollen – oder aber auch Wallpaper von anderen Serien ^-^” Sind ganz schnuckelige dabei, man muss allerdings erst einmal verstehen, wie das mit der Navigation funktioniert. Und letztens bin ich über ein Weblog eines japanischen DJ’s gestoßen – ach ja *seufz* alles so schön bunt hier – oberflächlich betrachtet, auf jeden Fall interessanter Blog.

Und zu guter letzt: Gott würfelt nicht.


02
Aug 04

gmx *schüttel* grausam

Ich habe ja fast kein gutes Haar mehr an gmx mehr auszulassen. Ok, sie haben es endlich geschaft, die Navigationsleiste auf der rechten Seite von den unruhigen Elementen zu befreien, aber was sich die Webworker da geleistet haben … aaaahh.

Wie schafft man es bitte, dass eine Seite nur mit JavaScript so aussieht, wie sie aussehen soll?? Und dabei geht es nicht um tolle Effekte sondern um die einfache Positionierung (wie man es mit anständigem HTML,CSS auch schaffen könnte). Ich will meine Mails lesen. Lade den Posteingang, und dann – wo ist er denn der Posteingang??

Dank einer Eingabe (der Scrollbalken war etwas zu lange) fand ich das ganze dann etwas weiter unten.

Ah ja, ich verdiene es wohl nicht, direkt an meine Mails zu kommen und sie “auf gleicher Höhe wie richtige Kunden” zu lesen, weil ich nicht in 1240Pixel vollbreite surfe. *augenbraueanheb* … oder so. nein, ich meine das gar nicht so *ks*. Das das ganze dann mit JavaScript doch da hängt, wo es hängen soll … *ks* … Pfuscher. nicht dass jetzt jemand käme und sagt, ich solle es erst einmal besser machen. Ich weiß, dass ich es nicht kann und deswegen mache ich es auch nicht – wohl einer der Unterschiede zwischen mir und den Pfuschern.

Oh, à propos Pfusch. Wie kann man bitte die Login-Felder an eine Stelle machen, an denen man sie nicht erwartet. Abgesehen davon, dass es bei mir fast aus dem angezeigten Bereich rutscht. Wo wir doch alle wissen, dass der Internetbenutzer immer den kürzesten Weg sucht und möglichst schnell seine Dinge erledigen will – oder habe ich einfach verpasst, dass es inzwischen so etwas von selbstverständlich ist, mit DSL unterwegs zu sein, dass es eine pure Zeitverschwendung wäre, auch nur mal daran zu denken, dass manche Menschen eventuell ihre Sachen schnell erledigen wollen – oder müssen (Wie sieht es mit jenen Kurzbesuchen in der Mittagspause aus??)?? Ich bin ja froh, dass ich für ihre Dienste nichts bezahlen muss. Damit wäre nichts.

Oh, und da war so etwas von wegen, “man kann so eine Seite ja auch für Werbung benutzen”. Ja, kann man wohl. Erstaunlicherweise hat GMX nur die Hälfte meines Fensters mit Werbung zuplakatiert. Wieso auch nicht – ist es in Frauenzeitschriften (oder auch anderen) inzwischen nicht auch schon so, dass man die Artikel zwischen bunten nicht-flimmer Bildchen suchen muss? hey, wieso auch nicht, dass erhöht die Spannung ^-^”
Aber was soll’s. Eigentlich ist dieser Eintrag total unnötig ^-^, ich besuche die GMX-Seite ja sowieso nur alle naselang mal und über einen kostenlosen Service sollte man sich ja nicht unbedingt beschweren, außerdem gibt es schlechtere Anbieter, und das zu Hauf ^-^”.


27
Jul 04

RSS und XML

Hm .. man schwimmt doch manchmal mit dem Trend, wenn auch gewaltig später. Ich habe das mit dem RSS-Newsfeed jetzt auch mal ausprobiert – momentan noch von Hand und etwas unzureichend – ich will eigentlich noch erreichen, dass die Links auch funktionieren – aber eben nur mal so zur Probe ^-^
Ich habe ja verzweifelt eine XML-Dokumentation gesucht, die nicht in diesem unübersichtlichen HTML-Format ist, wie es das W3C anbietet, bin aber irgendwie nicht sooo ganz fündig geworden. Dafür habe ich eine ganz nette CSS-Referenz gefunden ^-^” und ein paar nett aussehende Online-Tutorials, wie z.B. jenes bei w3schools oder getting started with xml. Letzteres gibt es sogar als PDF. Ja .. hmm .. ok, dann als letztes noch ein kleiner Link zu dem RSS-Reader, für den ich mich entschieden habe ^-^. Einmal Feadreader bitte ^-^ und dann wird wieder gelernt!! Schließlich strebt meine kleine Quantenzusammenfassung fertig zu werden – irgendwann mal – vor der Klausur *hüstel*


19
Jul 04

Musik und WAMP

Manchmal gibt es Lieder, die richtig gut passen. Im Moment ist es ‘some other time‘ von Gabriela Robin – Ghost in the Shell Stand alone Complex. Richtig schön *sfz* überhaupt lebe ich ja für meine Abience & Lounge & Anime Playlist ^-^” (zumindest gerade in diesem Moment)
Habe mir bei sourceforge einen neuen WAMP (Windows-Apache-MySQL-PHP) Server besorgt: Uniform Server – besticht durch seine absolut unkomplizierte Installation und seine Größe ^-^” und ich hoffe mal, dass sie eventuell in nächster Zeit ein Update auf PHP5 rausbringen. *hoff* Wäre auf jeden Fall schön. Mein alter Server hatte ja das Problem, dass er mit einer gnadenlos alten PHP-Version gelaufen ist *hüstel* Das ist auf jeden Fall nicht so gut…
Was ganz anderes… heute morgen bin ich auf eine ganz süße Seiten gestoßen: wildx.org


18
Jul 04

Netzkunst und Kultur

Ein bißchen was, heute morgen. ^-^ Manche Dinge sind ja richtig beeindruckend, so gibt es Ereignisse, die einschneidend sind. Ein paar Pixelkünstler habe eine Pixelgala ins Leben gerufen, dort werden die Ereignisse als Pixelbilder dargestellt.
Mehr Kunst gibt es bei Lust.nl. Hier ist das ganze jedoch eher abstrakt – richtige Netzkunst eben ^-^ zum Teil schön, zum Teil einfach nur bizarr ^-^”
Etwas übergeordneter und sich mit den Thematiken Netzkultur und Musik beschäftigend, ist das Magazin phlow.
Medienkunst der etwas anderen Art – wer’s mag – findet man bei struktour, so z.B. das Trendsetting Tutorial. Nicht mein Geschmack – ich glaube, ich mag den Kerl nicht, so wie er sich im Netz präsentiert – aber jedem sollte die Möglichkeit offen stehen, auch mal etwas anderes sehen zu können ^-^” und dann seine eigene Meinung zu bilden.
Auch ne Art von Kunst sind Dingbats ^-^: Fonts die aus Bildern bestehen. Eine kleine Sammlung kann man bei fontfreak finden.
Wieder mehr etwas für Webworker. Ich bin mal wieder über ein Magazin (eine Seite) meiner Vergangenheit gestolpert. 4websites.de war auch schon früher eine recht interessante Seite mit interessanten Tricks und Tips. Erstaunlicherweise – über die Jahre – diese Seite hat noch ihr altes Design ^-^”
Übringes, noch etwas ganz anderes ^-^” dieses Intergral war ja sooo einfach zu lösen. Wenn ich doch nur mal aufgepasst hätte und nicht alles in einer Konstante zusammengefasst hätte, dann hätte ich gleich sehen können, dass mir eine richtig wertvolle Formel hätte helfen können ^.^”

Naja, selbst Schuld. Dafür werde ich sie jetzt bestimm niiiieee vergessen. ^-^” Heute geht’s dann mal wieder weiter mit rechnen *irofreu* Naja… ich wünsche nen schönen Sonntag!! :)


07
Jul 04

chii is back

Im Zuge der auswählbaren Stylesheets habe ich auch den Chii-Style wiederbelebt ^-^. Er ist – chronologisch der 1. also – der erste von den Styles (01). Da ein relativ großer Umbau der Seite nach diesem Stil erfolgt ist, habe ich all dass, was neu hinzugekommen ist ausgeblendet, um dem Original so nahe wie möglich zu kommen ^-^ Außerdem sind noch eins zwei andere Änderungen zu erwähnen *blubber*. Ich habe die Nummerierung im Gästebuch entfernt und das Top unter jedem Eintrag. Ich hoffe mal, dass das so auch ok ist. Nun denn… viel Spaß beim style’chen wechsle dich…


30
Jun 04

Style’chen wechsel dich (jetzt mozillatauglich)

Nun gut, dass das mit dem Style wechseln und merken funktioniert ist ja jetzt schon eins zwei Tage alt ^-^” Habe gestern und heute noch ein wenig gebastelt und jetzt gibt es zwei Stile mehr, aus denen ihr wählen könnt.
Auf den einen Stil bin ich ganz besonders stolz. Habe ich doch dort mal wieder eine neue Technik verwendet.. inclusive Trick 3729 ^-^”. Ihr könnt nämlich auch Text in Überschriften verschwinden lassen, und den Text im Hintergrund als Bild erscheinen lassen (stil 04). Wie man das macht? Aalso – wichtig ist, dass ihr jeder einzelnen Überschrift eine eigene ID zuweißt (oder Klasse, falls ihr ID schon verwendet habt ;)). Dann definiert ihr folgendes in der CSS-Datei für z.B. u id=”titel”

u#titel {
display:block;
font-size:0pt;
color:'Farbe des Hintergrundes;
background: url(bild.gif) no-repeat left;
line-height: 'höhe des bildes'px;
text-align:right;
}

Wenn möglich richtet den Text entgegengesetzt zum Bild aus ^-^. Dies ist eine weitere Maßname um zu verhintern, dass das restliche Textfitzelchen doch noch über dem Bild hängt und man es sieht. In dem Bild habt ihr dann vorher mit einem Bildbearbeitungsprogramm die Überschrift geschrieben. Am besten ist hier, wenn ihr das Bild möglichst genau am Rand der Schrift enden lasst und den Hintergrund transparent macht!!, dann könnt ihr es z.B. bei mehreren Hintergrundfarben verwenden ^-^.
Ach so, display:block; ist sinnvoll, da es die ‘u’-Box auf die komplette Breite des blockes ausdehnt, den es überdecken soll.
Es gibt auch noch eine einfacherere Möglichkeit Überschriften zu setzen, wenn diese gar nicht vorhanden sind! So wie bei der Seitenüberschrift. Das jeweilige Bild muss dann nur als Hintergrundbild gesetzt werden (no-repeat beachten!!) und ein genügend großer oberer Randabstand (padding-top:;), damit der Text das Bild nicht überschneidet!
Wie immer gibt es tausend Möglichkeiten! Könnt ja mal eure posten ^-^” Sie freut sich nämlich immer, neue Dinge dazulernen zu können!

Mozillaproblem: ok, der Fehler ist gefunden. Anders als vermutet ist die U-Box nicht zu niedrig, sie ist zu kurz. Beheben kann man das Problem also, in dem man noch eine Weitendefinition einfügt. Außerdem habe ich die Schriftgröße mal auf 1 geändert, falls Mozilla damit auch Probleme hat. Der Korrekte CSS-Code muss also lauten:

u#titel {
display:block;
font-size:1pt;
color:'Farbe des Hintergrundes;
background: url(bild.gif) no-repeat left;
line-height: 'höhe des bildes'px;
text-align:right;
width:120pt;
}

funktioniert zumindest bei mir ^-^”


28
Jun 04

wallpaper und homepagezeugs

Wetter Köln/Bonn . *

Ich hasse Browser! Und Mäuse und den Computer *heul*. Und vor allem hasse ich es, wenn mir irgendeines von jenen meine Einträge kaputt macht *heul* …
Dabei hatte ich doch einige schöne Dinge zusammengesammelt. Na gut, unwiederbringlich verloren. Habe ich nicht besser verdient ich dumme Kuh, selbst Schuld. Schlieߟlich sollte man wissen, dass man die Einträge in einem Editor schreiben sollte und nicht im Browser, da er viel zu unsicher ist.
Hatte einen kleinen Ausflug auf kostenlos.de gemacht, da ich eine etwas kleinere alternative zum weatherpixie suchte. Na gut, bin dann auf einige interessante Seiten gestoߟen. z.B. Veer – haben nicht nur interessante Wallpaper, sondern auch einen solchen Blog. Es lohnt sich auch definitiv einen Blick auf die Seite von Hannes Sander – vor allem für PHP-Neulinge. Gibt es dort doch sogar einige sinnvolle Code-Schnipsel. So z.B. Thumbnailerstellung via PHP – extrem praktisch für Photoalben oder Bildergalerien.
Falls einen die Langeweile plagt kann man mal bei Linkperlen vorbeischauen. Ooohhhh, Nostalgie ^-^” – eine Seite aus meiner Netzvergangenheit ^.^ Guppi ist eine der Seiten bei denen ich aus den Tipps und Tricks gelernt habe. Und das Traum-Projekt kommt mir auch irgendwie bekannt vor *grübel*. Und Webnetz ist auch sei ein Kandidat ^-^ erstaunlich, dass diese Seite alle noch existieren. Mal sehen *tiptiptip* igitt… neee, das tue ich euch nicht an. ^-^ Dafür habe ich bei Misanthropia noch ein paar richtig schöne Bildschirmhintergründe gefunden ^-^ und bei megahirn kann man diesbezüglich auch mal vorbeischauen . ~.^ Animefans sollten sich animewalls nicht entgehen lassen ^-^ – soweit ich das sehe, gibt es allerdings nur Wallpaper in 800*600.


25
Jun 04

xhtml-buch, html-editor und favicons

Haute mal wieder ein wenig Webdesign: Praxisbuch XHTML zum downloaden. Zur Aufstockung der Tutorialsammlung ^-^” Mehr Basiswissen und Hilfen gibt es unter lerneniminternet. Dort gibt es unter anderem ein Email-Tutorial, dass sich mit dem Auftreten von Webseiten beschäftigt.
So etwas ähnliches wie ZenGarden nur nicht so schön ^-^’ ist css + design.
Wenn ihr gelangweilt seid von dem geraden CSS-Design solltet ihr unbedingt bei orderedlist vorbeischauen. Dort wird gezeigt, wie man ein Menu biegen kann.
Mehr Webwork. Bei freeware bin ich über einen HTML-Editor gestoßen, der vielversprechend aussieht, jetzt müsste ich ihn nur noch mal testen. Leider ist die Installationsdatei ziemlich groß.
Mehr Inspiration! Na, habt ihr denn schon ein Favicon? – Das sind diese kleinen Bilder, die im Adressfeld, oder dem Tab oder in den Favoriten erscheinen ^-^” – wenn nein, Inspiration gibt es bei delta.tango.bravo
Etwas anderes, aber nicht weniger interessant. Ein Bericht von intern über einen amerikanischen Gesetzentwurf gegen P2P-Piraterie der so ziemlich alles illegal machen würde, was man so macht. Das Schlüsselwort heißt INDUCE. Der Gesetzvorschlag macht bereits das “verleiten” zum Tausch strafbar. Wenn ich mal zitieren darf: ein CD- oder DVD-Brenner strahlt eine fast schon sinnliche Kopierlust aus und damit eine Aufforderung, das Urheberrecht zu verletzen. *kopfschieflegt* *sz*


24
Mai 04

Usability

Habe mir doch bei Bouvier diese Webdesign/Usability-Bücher gekauft. Und gestern habe ich mal in Missing Links von Thomas Wirth geblättert. Und eigentlich fand ich das, was ich da gelesen habe ganz gut okaaayy, melanie hat mal wieder ‘nur’ quergelesen *find* Auf jeden Fall solltet ihr euch die dazu gehörige Internetseite KommDesign mal ansehen! Dort gibt es das wichtigste kostenlos zu lesen! Für Webmaster, die sich auch über die Usability Gedanken machen. Von dort kommt man natürlich auch zu einer Menge guter und Informativer Seiten. Einen großen Teil seines Buches, widmet er – neben den offensichtlichen Designfehlern – dem Nutzerverhalten. Dazu gibt es richtig umfassende Studien. Der Usability Guru Jacob Nielsen hat darüber z.B. berichtet. Eine Menge Links zum Thema Usability liefert Usable Web – immerhin noch von 2003 ^-^’ etwas antiquierter, dafür auch mit Artikeln: ahref.com. Viel lustiger (trauriger) wird es dann bei so Seiten wie How to create realy cool websites ^.~ Für diejenigen, die sich schon etwas länger in dem Genre bewegen wahrscheinlich ein Oldtimer, so etwas ähnliches wie dieGoldenen Regeln für schlechtes Html, nur ironischer? heißt das so?? Mehr schlechte Beispiele kann man sich bei GUI BLoopers ansehen. Auch etwas antiquiert, … aber na gut ;) Auch aus alten Fehlern kann man etwas lernen und darum geht es schließlich. Letztendlich. Wenn man mal einen ‘netten Spruch’ braucht: der Sloganizer hilft weiter. ^-^

Soo, am Schluss noch etwas anderes… z.B. dass die Simpsonssynchronisateure in den USA streiken und sich deswegen die neuste Staffel verzögert. Hmm .. und … seltsamstraße schon alleine wegen dem Link zum freien Download von Röyksopps ‘Epple’ ^-^ Und einen Photoblog mit richtig coolen Bildern und ner Menge Links zu anderen Photoblogs – Achtung, Bandbreitenintensiv *hüstel* *pfeif* So, und das sollte doch jetzt eigentlich reichen um nicht in langeweile zu versinken ^.~ Weiterklicken bringt’s…


23
Mai 04

“externe links identifizieren”

ok ^.~ Jacky fragt, was ich damit meine. Natürlich nichts anderes, als externe Links gesondert zu kennzeichnen und zwar via CSS. Ich hatte gehofft, es über Vererbung machen zu können, aber das hat nicht funktioniert, also gibt es jetzt bei mir einen Typus Link, der mit ext(ern) identifiziert wird. Sieht dann so aus im CSS Quelltext:

a#ext {
background: url(link.gif) no-repeat right transparent;
padding-right:10pt;
}

Das umständliche daran ist, dass ich jetzt in jedem Link die Identifizierung anbringen muss:

<a href="link.htm" class="ext">

Darum hoffte ich mich drücken zu können. Ging aber nicht.
Wo ich gerade dabei bin. Die andere Möglichkeit, Links anderes aussehen zu geben, ohne dass man sie identifiziert, funktioniert, wenn sie sowieso schon in einem anderen “Elternelement” da weiß sie nicht so genau, ob das wirklich so heißt ^.^ sind, dann macht man es wie folgt:

div#navi a {
color:#123456;
text-decoration:underline;
}

und dann spart man sich die identifizierung des Linkes und sie sehen trotzdem anders aus, wie die restlichen Links. ^-^ … Ich seh schon, alle Klarheiten beseitigt ^-^” Wenn ich das nächste mal bei Robert bin, oder im Rechenzentrum schaue ich mal, ob ich vielleicht irgendwo eine verständliche Erklärung finde. so ein Schwachsinn – als ob hier nur eine Person wäre, die das bräuchte *kopfschüttel* – stimmt schon. Naja, wie auch immer … *sz*
Ansonsten bitte schimpft nicht, dass das ein oder andere noch nicht richtig funktioniert. Wie gesagt, ich sollte eigentlich lernen. *pfeif*


22
Mai 04

under construction

oh ja, die bösen Worte. Ich habe eben gerade mit meinem Knuffeltierchen ein wenig an der CSS-Datei rumgebastelt und wir sind alles andere als fertig. (Aus dem Hintergrund: Und es ist nicht mal alles grün geworden) ^-^” Irgendwann wird alles so eingebunden sein, dass ihr euch einen Stil aussuchen könnt, aber das wird noch dauern. Muss ja auch fleißig lernen. Mein Soll für heute ist aber erledigt, nun gut ;) .. ein wenig… also durfte ein wenig basteln sein.
Und… *zu Seite schiel* .. wenn das mit dem auswählen der Stile klappt, dann wird es auch eine extra grün-schwarze Version geben *küsschen fliegen lässt* Nur für dich *knuffeldrück* Und vielleicht noch eine extra Sonnengelbversion für Jacky *grübel* und eine mit Regenbogenfarben für Bettina?? *hüstel* ok,.. ähm *pfeif* … erst einmal muss der Rohbau dasein… ^-^ und das mit den externen Links muss auch noch mal überdacht werden. Ich komme wohl nicht darum herum, externe Links zu identifizieren. Nun denn, gute Nacht!


22
Mai 04

Mehr Flexibilität für meine CSS-Datei

Habe jetzt mal die Pfeile vor den Links entfernt. Ich mag mehr Felixibilität haben, d.h. wenn ich die Linkkennzeichnung ändern will, dann mach ich das, ganze heimlich still und leise via CSS ^-^” Oder ebene auch unterschiedliche Ansichtsversionen, aaabber, .. eins nach dem anderen. Die momentane Kennzeichnung für externe Links seht ihr ja ^-^ ist aber nur provisorisch.. wollte eben mal den CSS-”Code” testen. Für alle, die es nachmachen wollen, der css code:

a {
background: url(link.gif)no-repeat right transparent;
padding-right:10pt;
}

Soll sich das Bild bei Hover ändern, macht man es genauso mit einem anderen Bild und vielleicht einer anderen Hintergrundfarbe ;). So, damit viel Spaß und ich bin jetzt mal gespannt, wie mein pre-Tag formatiert ist ^-^”


17
Mai 04

für Webmastertools und Filmfestspiele

Widmen wir uns erst einmal kleinen Bildchen ^-^ nein eigentlich widmet sich Ro London 300 bildern von 1800 Seiten Ein Vergleich von kleinen Navigationsbildchen. Super zur Inspiration. Wer noch mehr zu kleinen Bildchen haben will, kann dann gleich zur Iconfactory. Dort gibt es Workshops, ein Iconbuildercontest und natürlich auch ein paar Free-Icons. ^-^ Wenns um den Seitenaufbau geht, kann man mal bei Webmasterpro.de vorbeischauen. Eine von vielen Seiten auf denen es Tutorials zum Thema Homepagebau gibt. Ansonsten könnte man da – so sieht es aus – auch Seiten hosten. Etwas mehr der praktischen Seite gewidmet hat sich Html-World. Diese Seite bietet unter anderem auch einen CSS-Browsercheck an, ein ähnliches Tool, wie z.B. auch Webmasterplan (waaas, du kennst diesen Link noch nicht o_O und hast eine Homepage?? *tztztzt* *zwinker*) sie anbietet.
Jetzt aber mal zur Unterhaltung. Es lohnt sich auf jeden Fall, auf der Seite der Filmfestspiele Cannes vorbeizuschauen – eine Menge Infos zu den Filmen. ^-^ Ghost in the Shell – Innocence wird auch gezeigt. Wer eher auf kostenlose Musik steht, der kann jetzt auch bei download.com fündig werden. Da ich nur ein Modem besitzte, kann ich es nicht ausprobieren. Aber mir ist sofort etwas ins Auge gestochen, was sich gar nicht so schlecht anhört. ^.~ So und jetzt noch etwas gegen gähnende Langweile: heute.org liefert jeden Tag einen Webtipp. Da das ganze schon ziemlich lange existiert, gibt es eine riesige Datenbank mit kommentierten Links ;). Wenn das dann nicht reichen sollte?? Sollte man vielleicht was anderes machen?!! Schlafen zum Beispiel. Und bevor ihr das macht, könnt ihr euch ja noch berichten lassen, welcher Schlaftyp ihr seid. Emailadresse reicht und ihr bekommt eine kostenlose Auswertung zugeschickt. Ob es dann soooo passend ist, ist eine andere Sache ^-^ Sooo, jetzt wird gefrühstückt und dann werden die Forsters bezwungen. ^.^


02
Apr 04

Webworking & Blogs

Und wie immer, die längsten Einträge lösche ich aus versehen, bevor ich sie gespeichert habe *eyesroll* Also noch mal von vorne. Eigentlich war ich auf der Suche nach einem neuen Blogsystem. Irgendwie hat Greymatter einige Nachteile, unter anderem, dass es alle Einträge nur als Text speichert und keine Datenbank verwendet. Das generieren von vielen Seiten dauert eben. Das man doch etwas schönes mit Greymatter machen kann, sieht man jedoch bei be.blogged, auch wenn mir die Monatsübersicht bei mir besser gefällt. Nun ja. Kandidaten für eine neues Blogsystem sind Sunlog und Moveabletype und wordpress. Sunlog kenne ich noch aus meiner ersten Webzeit, hatte damals schon einen guten Ruf, das andere sieht etwas kompliziert aus. Letzteres wird von Dr.Web verwendet. Nun ja. Vielleicht auch g!zmo
Auf meiner Suche nach Systemen habe ich natürlich auch einige andere Seiten abgeklappert. Angefangen – man braucht ja im Netz nur einen Startpunkt (das war meiner), dann kann man sich ja beliebig im Netz bewegen. Nun ja, mal sehen ob ich alle Links wieder zusammen gesammelt bekomme. Ist ein wenig schwierig mit der etwas seltsamen History des Mozillas.
Besonders bemerkenswerte Seiten, die sich mir aufgetan haben: w3schools eine umfangreiche Seite mit Tutorials zum Thema Webworking. Css-Technik, wie der Name schon sagt ^-^ und schon häufiger erwähnt Zengarden, CSS in action ;) oder – was sich alles nur mit CSS erreichen lässt – sehr empfehlenswerte Seite! Für CSS-Worker unheimlich wichtig, ein Überblick welcher Browser kennt welche CSS standarts – gibt es für verschiedene CSS-Standarts und naja auch Systeme. Eine andere Seite auf die ich gestoßen bin: tinyapps – kleine Windowsprogramme, ich glaube, alles Freeware.
Jetzt muss ich wohl zu der umfangreichen Sammlung an Blogs und ähnlichem kommen ^-^. Angefangen mit waxy.org – viele Links, für langweilige Stunden ;o) – gestern mit einer Aufzählung von Links die sich mit dem Thema Aprilscherz befassen, bzw. einer waren ;). Eine Seite, die mir nicht so viel brint, da ich nicht mit Flash arbeite, die aber einiges an schönen Flashbeispielen bietet ist podLob. *kicher* Bubblesoap ist lustig ^-^ Squidfinger – codes und nette Patters – sehr retro. Und 10 Dinge, die man in der Designschule nicht lernt

Dann noch ein paar interessante Blogs, wenn einem langweilig ist: generation neXt ~ das Kollektiv ~ supatyp


17
Jul 03

CSS Zen Garden

Wenn ihr mal sehen wollt, was alles mit CSS möglich ist, dann solltet ihr mal beim css Zen Garden vorbei schauen. Erstaunlich & das macht Lust auf mehr. Gefunden auf der Best viewed with Mozilla or any other browser Homepage. Dort habe bin ich auch auf den Geschmack gekommen, mich mal mit CSS3 auseinander zu setzten, weil das so einige nette Features enthällt, die ich mir mit meinem Lieblings Mozilla♥ auch ansehen kann.
*heeeeeul* Meine Pfeiltasten, mein Strg+C funktionieren nicht mehr *heul* .. so geht das aber nicht *Angst bekommt* die brauche ich doch. Hmpf, naja, ich sollte sowieso lernen.


25
Mai 03

Rastlos – Gallerien im Web

Auf der Suche nach Schlaf und auf der Suche nach schönen “Tapeten” Wer kennt ihn nicht greg martin, geniale Bilder, geprägt vom Universum und Planeten. Eine Menge wunderschöner Bilder und Grafiken hat auch Ferenc J. Haraszti erschaffen.
Auch interessant, für Design-Freaks und Webnerds ist wohl die Seite von der Russischen Agentur Digital Design Dort gibt es auch interessante Wallpapers und darüber hinaus noch die vielleicht ein oder andere anregende Idee – nein, nicht was ihr jetzt denkt. Diese Designfirma hat übrigens unter anderem den Auftritt von Ferrero und Kinderübrraschung in Russland gemacht ^.^ wenn ihr euch jene welche also mal auf russisch ansehen wollt ^.~
Wo ich gerade ein bißchen auf der Adobe Studio Seite stöbere fällt mir doch glatt diese Seite ein, die ich letztens besuchte. Und zwar hat sie immer ein Mosaik aus beliebig aus dem Netz zusammengesammelten Bildern gemacht. Ob ich den Link wohl noch finde *mal suchen geht* Und ich habe es sogar gefunden. Echt interessant Webcollage – Exterminate All Rational Thought. ^.~
Und wie es so ist, kommt man von einer Seite auf die nächste. Und so bin ich bei einem griechischen Photographen gelandet, dessen Fotos nicht übel sind.