Webdevelopement

Online-Tools / Webdevelopement — Kommentare deaktiviert für HTML Playground - learning by doing
22
Okt 07

HTML Playground - learning by doing

Screenshot HTML Playground
Lerne XHTML und CSS am Beispiel

Mir persönlich hat es schon immer mehr gebracht, Dinge am praktischen Beispiel zu erlernen. Daher finde ich das Konzept des HTML Playgronds schon einmal sehr einladend. Doch neben dem guten, wenn auch nicht neuen, Konzept ist vor allem die Umsetzung gelungen!

In fünf Feldern kann man die Möglichkeiten des Zusammenspiels von XHTML und CSS entdecken. Im ersten Bereich der Seite wird das Tag, welches man näher kennenlernen möchte ausgewählt. Daraufhin erscheint unten mittig ein Beispielcode und die Anzeige dessen, was der Browser dazu ausspuckt rechts daneben.

Klickt man im Beispielcode auf irgendeinen HTML-Tag (grün) erscheint unten links wahlweise eine Liste der möglichen HTML-Attribute oder CSS-Eigenschaften. Möchte man eines der Attribute, oder eine CSS Eigenschaft an Hand des ausgewählten Tags testen, muss man nur auf den runden Pluspunkt drücken und den Wert auswählen, on the Fly ändert sich nun die Anzeige im Minifenster.

Im Bereich oben rechts wird immer die Beschreibung dessen, was man als letztes anklickte angezeigt. Sehr nützlich ist, dass hier auch eine Notiz über Kompatibilität auftaucht.

[via Dr. Web Magazin Nachlese September 2007]

Webdevelopement — 2 Comments
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äufen - spontan 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.

Internes / Wordpress — 2 Comments
01
Okt 07

WordPress 2.3

Weil in meiner To-Do-Liste der Punkt "Wordpress updaten" stand ;). Funktioniert soweit ich das bisher sehe, einwandfrei. Alle wichtigen Plugins und auch Jeromes Keywords.

In wie fern das mit den nativen Tags bei WordPress 2.3 klappt, werde ich wohl erst in den nächsten Wochen sehen. Soweit werde ich es doppelt laufen lassen und später nach einer Portierungsmöglichkeit suchen. Wobei ich gelesen habe, dass die Tags des Hauses wohl das ein oder andere Feature missen lassen.

Nun denn. Viel Spaß beim Käfer fangen ;) ich gönne mir jetzt einen entspannten Abend!

Webdevelopement — 1 Comment
24
Apr 07

Gedankenfaden.de

Was mache ich nur mit dieser Domain?

Gedankenfaden Entwurf Screenshot
Screenshot eines Entwurfes

Beim heutigen herumspielen kam mir eine nur vage Idee, was ich mit der brachliegenden Domain anfangen könnte.

Thematisch irgendwo zwischen Lifehacks, Achtsamkeit, gerne auch philosophisch angehaucht. So in Anlehnung an "aus dem Zylinder kriechen - darf ich Sie einladen, mit mir zu spinnen?" Sich an alte Dinge erinnern? Oder aber Wissensmanagement? Wie lerne ich etwas, wie bleibe ich dabei und wie gehe ich mit den Massen an Informationen um.

Bei all diesen Dingen handelt es sich um solche, die mich in dieser Phase meines Lebens sehr interessieren und in die ich gerne Zeit investieren würde. Ein Projekt dazu zu starten wäre eine gute Möglichkeit etwas daraus zu machen und mir etwas Haltbares zu schaffen.

Außerdem eine gute Möglichkeit meine doch noch etwas dürftigen Fähigkeiten im Themengebiet der Projektmanagement zu verbessern. Zugegebenermaßen gibt es für keine meiner bisherigen Seiten, mit Ausnahmen der Projekte, welche ich bezahlt betreue, einen roten Faden. Alles entstand im Fluss der Dinge.

Wie dem auch sei, ich werde es sehen ... so richtig sicher bin ich mir nicht, ob ich es will - und ob ich die Zeit dafür habe, eine weitere Seite zu betreuen.

Netzgeschaedigt / Webdevelopement — Kommentare deaktiviert für Stylish: Webseiten dem eigenen Geschmack anpassen
18
Apr 07

Stylish: Webseiten dem eigenen Geschmack anpassen

Eine geniale Erweiterung (nicht nur) für das Füchschen. Stylish erlaubt das Anpassen des Aussehens beliebiger Internetseiten auf eine einfache und intuititve Art und Weise.

Passend dazu gibt es z.B. die Community userstyles.org, auf der man viele gesammelte Styles für die verschiedensten Seiten finden kann - ideal für jeden, der keine Ahnung von CSS hat.

Das Anpassen von Seiten ist für jene mit CSS Kenntnissen und z.B. der Erweiterung X-Ray zum einfachen Ansehen von Klassen und ID-Details einer Seite sehr simpel.

Und bei der Gelegenheit: Hicksdesign hat ein geniales Stylish-CSS für den Google Reader erstellt. Sehr schick!