22
Jul 08

HTML Zeichenumschreibungen Nachschlagen

Screenshot HTML Entity Character Lookup
Bild1 HTML Entity für Karo gesucht

Auf der Suche nach HTML Umschreibungs Codes von exotischen Zeichen? Natürlich kann man diese in Zeichenreferenzen wie z.B. bei SelfHTML nachschlagen. Viel schneller und schicker geht es allerdings mit HTML Entity Character Lookup von Leftlogic.

Um die Umschreibung für ein beliebiges Symbol zu erhalten, muss dieses einfach in die Suchbox eingegeben werden. Gerade bei exotischen Symbolen reicht es auch aus, ähnliche Symbole einzugeben. So spuckt z.B. die Suche nach einem "a" auch alle verwandten Zeichen bis hin zu einem "alpha" und dem mathematischen "für alle" aus.

Besonders schick, für Mac-Benutzer gibt es das Ganze auch als Dashboard-Widget. Dem gemeine PC Benutzer bleiben die Möglichkeiten, sich den HTML Entity Character Lookup in das Suchfeld des Firefox einzubauen oder sich das FF-Plugin zu installieren.


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]


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*)?


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.


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