compufreak » html

Wordle.net – Extravaganter Tag-Cloud Generator

compufreak — Mon, 31 Jan 2011 17:50:16 +0000

Gelegentlich kommt es zu einer Situation in der man als Blogger eine Tag-Cloud benötigt. WordPress und viele andere Systeme bieten hierfür eine eigene Funktion. Diese funktionieren ja soweit auch ganz gut, sind aber noch nicht so wirklich… graphisch… nun ja: ansprechend. In der Vergangenheit gab es ja viele Versuche solche Tag-Clouds in 3D und mit Bewegungen zu gestalten. Ich persönlich konnte diese Dinger nie wirklich leiden. 3D passt einfach nicht zum Web! Meine Meinung

Jedenfalls ist es gar nicht so einfach, eine richtig coole Tag-Cloud zu generieren. An dieser Stelle kommt ein kostenloser Dienst namens Wordle ins Spiel.
Wordle.net bietet umfangreiche Funktionen und Gestaltungsmöglichkeiten auf sehr aufgeräumter Oberfläche.
Der Dienst bietet mehrere Funktionen. Zum einen kann ein beliebiger Text als Vorlage dienen. In diesem Fall werden erst normale Wörter der jeweiligen Sprache (wie zum Beispiel “und”, “er” oder “wie”) gefiltert. Dann wird eine Tag-Cloud aus den verbleibenden Wörtern erstellt, wobei sich die Häufigkeit natürlich auf die Schriftgröße auswirkt. Danach lässt sich die Tag-Cloud graphisch genauer gestalten. Es stehen verschiedene Schriften, Farb-Paletten und Anordnungsprinzipien (Hotizontal, Vertikal, Gemischt, etc.) bereit. Die fertige Grafik kann in eine öffentliche Gallerie gespeichert und auf anderen Websites eingebunden werden.

Das ganze System ist leicht zu bedienen und gleichzeitig sehr flexibel. So ist es auch möglich, anstelle eines Textes einfach direkt eine Liste mit Wörtern, deren Häufigkeiten und wahlweise sogar bestimmten Farben zu hinterlegen.

Wofür kann man Wordle.net denn am besten verwenden?

Natürlich kann es auf einem Blog Anwendung finden. Ich könnte jeden meiner Artikel dadurch jagen und dann die Tag-Cloud auf meiner Seite einbinden. Dummerweise ist das alles recht aufwändig. Praktischer ist es wohl daher eher für gelegentliche Anwendungsgebiete. So könnte man es in einem Referat oder Vortrag verwenden, oder ganz verschiedene Sachen daraus generieren, wie zum Beispiel die Reiseziele nach persönlicher “Dringlichkeit” ordnen, oder die Doktorarbeit mal als Tag-Cloud anzeigen lassen. Der Kreativität sind wie immer wenn es um den Sinn des Lebens oder um das jonglieren mit Wörtern geht, keine Grenzen gesetzt!

Hier ein paar meiner Beispiele (Klicken zum Vergrößern):

Das sind alle, mir bekannten Programmiersprachen ( Ich habe nicht gegoogelt, sonst wären es mehr ), nach Relevanz. Die Schriftgröße soll der “Wichtigkeit” entsprechen, aber ich fürchte, ich hatte keine Ahnung, wie wichtig manche Sprachen sind

Dies ist das Ergebnis, jagt man mein 90-seitiges eBook durch Wordle.net:

Und das sind jetzt Programmier- oder Scriptsprachen, mit denen ich mich (wenigstens mal kurz) beschäftigt habe. Diesmal entspricht die Schriftgröße meines Wissenstands (nach Selbsteinschätzung):

Wenn ihr jetzt ein wenig damit rumspielt, dann speichert das Ergebnis doch in der Gallerie und schickt mir den Link als Kommentar. Wenn’s cool ist, dann setze ich es mit in diesen Eintrag!

Tab-Menü und ein paar wirklich knifflige Fragen

compufreak — Wed, 19 Jan 2011 20:55:43 +0000

Vielleicht kennt das der Eine oder Andere? Wenn man sich gut mit etwas auskennt, fangen die Leute irgendwann an, Fragen zu stellen. Diese Fragen sind manchmal dumm und irgendwann fangen sie an, zu nerven. An dieser Stelle scheiden sich die Geister. Einige werden sowas antworten wie:

“Read the fucking Manual!”

oder

“http://www.googleisyourfriend.com/”

oder weitere unschöne, unfreundliche und doofe Bemerkungen. Damit haben sie manchmal auch echt recht, aber die Anfänger haben es schließlich auch nicht immer leicht. Wenn man keine Ahnung hat. Wo soll man denn dann anfangen? Die ersten Fragen sind halt dumm. Das ist so.
Die netten Leute ( so wie ich ) antworten dennoch freundlich und sind hilfsbereit, auch, wenn die Leute es einfach nicht checken. Deshalb sind sie die Anfänger und ich der Erfahrenere. Ich stelle ja selbst dumme Fragen. Jeden Tag! Und so, wie vermutlich Jeder dieses Problem kennt, kennen bestimmt auch viele die andere Seite:
Was, wenn mal jemand eine gute Frage stellt? Eine Frage, die in der Tat so gut ist, dass man sie selbst nicht beantworten kann! Was zum Beispiel, wenn jemand nach dem Sinn des Lebens fragt? Was dann? Die Antwort ist so simpel wie genial: Nachforschen! Auch wenn es 7 1/2 Millionen Jahre dauert
Ein Kerl aus irgendeinem nicht ganz so tollen Forum hat irgendwann mal auf die Frage “Woher weißt du das eigentlich alles?” geantwortet: “Die meiste Zeit löse ich die Probleme anderer Leute. Daran lernt man besonders gut!”. Er hatte recht. Er hatte absolut recht. Ich lerne etwas viel gründlicher und viel effektiver, wenn ich vorher absolut keine Ahnung habe, was ich da eigentlich tue!
Die beste Methode, etwas zu lernen, ist sich in diesem Bereich ein Ziel zu setzen, von dem Andere behaupten, dass man es sowieso nicht erreichen wird. Dann verdammt nochmal lernt man eine ganze Menge.
In diesem speziellen Fall hat Dominik mir eine sehr knifflige Frage gestellt. Er wollte für seine Seite eine Art Tab-Menü erstellen. Drop-Down-Menüs kennt sicher Jeder, aber Tab-Menüs waren eine Herausforderung für mich. Bis vor wenigen Tagen hätte ich nicht gedacht, dass so etwas technisch ohne absolute Positionierung oder JavaScript überhaupt möglich ist. Nun habe ich es realisiert und meine Ergebnisse anschaulich in einem Tutorial zusammengefasst.

Ihr findet es hier: http://www.compufreak.info/tutorials/tab-menu-ohne-javascript/

Also: Lasst mich Eure Meinung zum Tutorial und Erfahrungen bezüglich dummen oder kniffligen Fragen wissen!

Echt Webdesignen: Teil 56 – 62

compufreak — Wed, 29 Dec 2010 14:24:58 +0000

So, da bin ich mal wieder.
Ich weiß, es sieht so aus, als würde ich in den Ferien auf der Faulen Haut liegen, aber das stimmt nicht!
Ich habe viel zu tun. Schließlich möchte ich das Echt-Webdesignen-Projekt Januar nächsten Jahres abschließen. Allerdings fehlen noch ca. 2-3 Stunden Video, ca. 80-100 Seiten eBook, sämtliche Übungsaufgaben samt Lösungen und das Poster mit allen HTML5-Elementen ist grad’ mal zur Hälfte fertig. Ich arbeite also auf Hochtouren und muss nebenbei noch für Schule und Theater lernen. Wie auch immer.

Ich wünsche Euch viel Spaß mit den neuen Videos.
Ihr findet sie wie immer im Vodcast-Bereich oder auf meinem YouTube-Kanal.

Echt Webdesignen: Teil 48 – 55

compufreak — Mon, 13 Dec 2010 15:32:14 +0000

Juhu,
ich habe endlich die 50 geknackt. Nun umfasst mein Kurs ‘Echt Webdesignen’ ganze 55 Videos mit insgesamt 8 Stunden und 33 Minuten Länge. Leider konnte ich die Videos mangels Zeit und Gesundheit nicht schon wie geplant gestern veröffentlichen sondern erst heute… naja. Passiert halt.
Auch habe ich heute nicht nur die 50-Video-Marke geknackt, sondern zusätzlich über 60 Abonnenten auf YouTube erreicht. Das ermunterte mich dann auch, mal meinem Kanal ein schöneres Antlitz zu verleihen. Sieht jetzt deutlich besser aus, oder?
Alles in Allem also ein recht sehr erfolgreicher Tag, oder?

Interessant war auch, dass YouTube mich bei einem Video plötzlich darauf hinwies, dass ich nun auch Videos hochladen darf, die länger sind als 15 Minuten. Ein bisschen Googlen bestätigte meine Vermutung, dass ich nicht der Einzige war, der diese Nachricht erhielt. Es gehen sogar Gerüchte um, nach denen YouTube die Beschränkung der Länge ganz aufheben will. Das wiederum finde ich persönlich nicht so toll. Ich meine wo ist dann noch der Vorteil YouTube-Partner zu sein? Das nützlichste geht doch dadurch verloren!

Die neuen Videos findet ihr wie immer im Vodcast-Bereich oder auf YouTube!
Abonniert mich und habt Spaß!

lg,
compufreak

Echt Webdesignen: Teil 42 – 47

compufreak — Sun, 28 Nov 2010 18:50:21 +0000

Ich war sehr fleißig heute und habe es geschafft gleich 6 neue Videos fertig zu machen.
Das ist auch nötig, denn ich würde das Echt-Webdesignen-Projekt eigentlich gerne zum 1. Januar abschließen und dann richtig die Werbetrommel rühren. Auf meinem Plan stehen aber noch weitere 30 Videos, ein großes Plakat, ein eBook und ein Übungsheft…
Nun sind dazwischen aber noch Ferien… wird schon werden, gell?

Die neuen Videos findet ihr in meiner Playlist auf YouTube oder natürlich im Vodcast-Bereich!

Der Artikel über die portablen Programme folgt hoffentlich morgen.

Echt Webdesignen: Teil 39 – 41

compufreak — Sun, 21 Nov 2010 13:42:23 +0000

Hallo,
wie Einige bereits bemerkt haben könnten, habe ich meinen Vodcast-Bereich (erreichbar unter ‘Vodcast’ (oh Wunder!)) ein wenig ganz doll aufpoliert. Vorher war dort eine Liste mit allen Folgen vorhanden. Diese Liste war blöd. Nun befindet sich da eine Liste mit allen Vodcast-Reihen. Momentan ist da nur die ‘Echt-Webdesignen’-Reihe aufgeführt, aber weitere Reihen sind in Planung. Die Liste ist grafisch schöner geworden. Es gibt nun zu jeder Reihe ein ‘Cover’ und eine kurze Beschreibung. Klickt man auf das Cover, gelangt man zur Folgen-Übersicht. Dort werden alle Folgen säuberlich, grafisch schön, übersichtlich und mit Cover angezeigt. Klickt man dort auf ein Cover, kann man die Folge direkt auf meiner Website sehen. 720p sind bereits eingestellt. Damit für die Videos genügend Platz ist, habe ich das Menü aus den Vodcast-Seiten entfernt. Unter jedem Video befindet sich eine Beschreibung, jeweils ein Vor- und Zurück-Button und ein Download-Link.
Ich hoffe, ich mache das Angebot auf meiner Seite damit noch schöner und einfacher als bisher. Schließlich müssen die Leute nun nicht mehr auf YouTube nach dem nächsten Video suchen. Was übrigens nicht heißt, dass ich nicht immer noch Abonnenten suche

Neben den Änderungen an den Vodcast-Seiten habe ich es endlich geschafft eine Seite mit Links einzurichten. Dort befinden sich demnächst Banner meiner Partnerseiten, befreundeter Seiten und Links zu themen-relevanten Websites. Die Links werden mit der Zeit erweitert und umfangreicher gestaltet. Da sollte man von Zeit zu Zeit vielleicht mal vorbeischauen.

Nun gab es wegen diesen Änderungen die ganze vergangene Woche nichts neues. Dafür gibt es heute besagte Änderungen, die sich jeder mal ansehen sollte und drei neue Videos.
Diese sind natürlich im neu gestalteten Vodcast-Bereich zu finden.
Viel Spaß dabei!

Zeichen zählen trotz Umlaute

compufreak — Wed, 10 Nov 2010 19:05:41 +0000

Vor ein paar Tagen hatte ich folgendes Problem: Ich wollte die Länge eines Strings ermitteln. Also kurz nachgedacht und strlen() benutzt. Das schien auch erst zu funktionieren… nur Umlaute und Sonderzeichen waren so ‘ne Sache. Wenn der String überprüft wird, wurden seine Sonderzeichen bereits mittels htmlentities() konvertiert. Das hat zur Folge, dass strlen() die einzelnen Buchstaben der HTML-Codes zählt. So besteht ein Ü zum Beispiel aus 6 Zeichen anstatt einem. Das verfälscht das Ergebnis leider… komplett. Also: was tun? Natürlich habe ich ein bisschen gegooglet. Zuerst bin ich auf wenig sinnreiches gestoßen, doch dann fand ich eine Seite, auf der die Funktion mb_strlen() erwähnt wurde. Diese Funktion sollte den gleichen Zweck wie strlen() erfüllen. Allerdings erwartet diese als zweiten Parameter den Zeichensatz. Das ermöglichte es mir theoretisch Strings mit Umlauten doch noch richtig zu handhaben.
Nur leider… waren meine Sonderzeichen dadurch natürlich immer noch konvertiert. Damit kommt auch mb_string() nicht klar.
Folglich habe ich weiter gesucht und wurde wieder erwarten sogar im PHP-Manual fündig. Tatsächlich gibt es zwei Funktionen, welche die genauen Gegenstücke zu htmlspecialchars() und htmlentities() sind. Nun kann ich also erst meine Sonderzeichen wieder zurück konvertieren, dann die Länge mit mb_string() ermitteln und die Zeichenkette anschließend wieder konvertieren.
Diese Funktionen habe ich in einem Mini-Tutorial kurz erklärt. Und zwar genau hier.
Dummerweise bin ich so ein kleiner Perfektionist. Und diese Methode ist mir bei weitem nicht elegant genug. deshalb werde ich bestimmt mal versuchen eine eigene Funktion aufzustellen. Nicht unbedingt jetzt, aber irgendwann bestimmt

Das alles brachte mich aber noch zu einer anderen Erkenntnis:

Umlaute sind sch****!

Es wär doch viel praktischer, wenn man sich für alles, was Computer angeht auf genau einen Zeichensatz einigen könnte. Wenn man mal überlegt, wieviel Zeit, Nerven, Geld und Energie das sparen würde. Könnten die Länder nicht einfach auf ihre Landessprache verzichten ?
… Nun gut. Das ist bestimmt ne doofe Idee. Aber sie würde jede Menge Zeit, Geld, Nerven und Energie sparen. Oder?
Wobei das Problem vermutlich darin bestünd, dass das Problem selber nur die Programmierer stört. Die Politik würde das nicht kümmern – die haben ja auch genug Probleme. Aber selbst wenn sich sowas durchsetzen würde, würden sofort Leute kommen, die irgendwelche Tools erfinden, welche durch irgendwelche Tricks den ganzen Systemen wieder Sonderzeichen beibringen. Diese Tools wären unzuverlässig, zeitraubend, unnötig und eben dumm.

Aber allein schon diese verwirrten Gedanken beweisen doch, wie nervig Sonderzeichen sind, oder?

Echt Webdesignen: Teil 36 – 38

compufreak — Sun, 07 Nov 2010 18:14:23 +0000

Hallo, zusammen,
ich habe soeben Teil 36, 37 und 38 freigegeben.

Teil 36
ist die Fortsetzung von Teil 35. Es geht also immer noch um die Vorführung einer kleinen 20-Minuten-Website mit div-Elementen.

Teil 37
zeigt noch ein paar weitere Div-Attribute. Damit habe ich immer noch nicht alle erklärt, die wichtigsten sollten aber dann bekannt sein

Teil 38
erklärt endlich die CSS-Dateien, wie man sie nutzt, warum sie so cool sind und wie man sie einbinden kann.

Bis nächste Woche,

compufreak

Echt Webdesignen: Teil 34 + 35

compufreak — Wed, 27 Oct 2010 20:15:54 +0000

Neues aus meiner Video-Werkstatt:
Teil 34 geht nochmal näher auf die beiden Attribute padding und margin ein. Dazu habe ich eine kleine Grafik gebastelt. Sie ist jetzt nicht sooo toll, aber sie erfüllt ihren Zweck. In Teil 35 erstelle ich ein simples 10-Minuten-Design mit static-positionierten div-Elementen, ein paar Überschriften und ein bisschen Text. Der Inhalt und das Aussehen spielen keine Rolle. Es geht nur darum, zu zeigen, wie man jetzt mit den vorhandenen Techniken ein simples Design erstellen könnte.

Die beiden Videos gibt es wie immer in meiner Übersicht, meinem Channel oder über diese Links:
Teil 34
Teil 35

Morgen gibt es hoffentlich einen schönen Beitrag in Text-Form.
Bis dahin,
compufreak

Echt Webdesignen: Teil 33

compufreak — Thu, 21 Oct 2010 20:42:19 +0000

Gerade habe ich den 33. Teil meiner Reihe ‘Echt Webdesignen’ freigegeben. Außerdem habe ich die neue Einleitung eben dieser Reihe fertiggestellt. Nun kann man auf die drei Schaltflächen am Ende des Videos gelangen. Sie führen zu einem ebenfalls neuen Video, welches meine Seite kurz vorstellt oder zu dem Video ‘Einstieg in den Umstieg auf HTML5‘ oder zum nächsten Teil des Tutorials.
Alles in allem bin ich recht zufrieden mit mir. Alle meine Projekte bewegen sich fort. Nicht alle in derselben Geschwindigkeit. Das ist sogar gut, denn sonst wären sie ja alle langsam… aber wenigstens bei einigen gehts schneller voran. Sogar das XL-HTML5-CheatSheet entwickelt sich prächtig. Ich werde es noch vor Ende der Woche veröffentlichen können.

Morgen ein Artikel über meine Einstellung zu JavaScript.