von Christian am 9. August 2011
140byt.es
140byt.es ist eine Sammlung von JavaScript-Codeschnippseln die nicht länger als 140 Bytes sein dürfen (und somit auch in einen Tweet passen würden).
Auf der Seite finden sich einige sehr nütliche Funktionen die in verschiedene Kategorien (wie z.B. Datum, CSS, HTML, etc.) aufgeteilt sind. Wer will kann auch eigene Funktionen zu dem Projekt beisteuern.
Bei den meisten Scripts gibt es neben der kurzen Version noch eine mit Kommentaren und oft auch noch ein Beispiel welches die Funktion in Aktion zeigt.
Meiner Meinung nach ist 140byt.es ein sehr lustiges und interessantes Projekt welches man sich ruhig mal anschauen sollte.
Veröffentlicht in JavaScript
von Christian am 8. August 2011
Cutter.js Homepage
Cutter.hs ist eine kleine Bibliothek zum Kürzen von Texten auf Websites.
Man übergibt der Funktion dabei die Anzahl an Wörtern die man gerne von einem Text anzeigen möchte und den Rest erledigt sie dann selber. Das Besondere dabei ist, dass die Funktion auch mit Text sauber funktioniert in dem HTML-Tags vorkommen. Angenommen, man hat in seinem Text einen Link der mehrere Worte umfasst (im Sinne von "Link zu einem tollen Blog und so" 
) dann sorgt Cutter.js dafür, dass die Wörter des Links die sichtbar sind ganz normal anklickbar sind.
Das Script blendet auf Wunsch auch einen Link ein mit dem man den gekürzten Text "ausklappen" kann um ihn ggf. komplett lesen zu können.
Veröffentlicht in JavaScript |
von Christian am 4. August 2011
CanvasLoader Generator
CanvasLoader ist eine JavaScript-Bibliothek mit der typische Loader-Grafiken / Indikatoren "on-the-fly" erzeugen kann. Das heisst: man definiert verschiedene Parameter und die Bibliothek erstellt daraus z.B. ein typischen "Ich bin am laden lieber User, bitte warte kurz” Indikator – also einen ringförmigen Farbverlauf der sich dreht (Ich stelle fest – ich hätte einen anderen Screenshot machen sollen ).
Auf der Seite findet man dann auch den entsprechenden Generator, der eine komfortable Oberfläche bereitstellt über die man sich den Code für einen Indikator erstellen lassen kann. Dazu muss man dann lediglich den Radius des Kreises, die Farbe, die Geschwindigkeit, etc. einstellen und bekommt dann den entsprechenden Code zurückgeliefert.
Veröffentlicht in JavaScript
von Christian am 3. August 2011
Elycharts
Elycharts ist eine JavaScript Bibliothek mit der man diverse Arten von Diagrammen erstellen kann.
Die Bibliothek unterstützt zum Beispiel Liniendiagramme, Tortendiagramme, Balkendiagramme und vieles mehr. Sie kommt dabei auch mit mehreren Datenreihen (für Vergleiche, etc.) zu Recht und erzeugt auf Wunsch auf Tooltips mit Informationen zu den jeweiligen Datenpunkten.
Die erzeugten Diagramme sind dabei dynamisch – man könnte also z.B. neue Daten per AJAX laden und dann ein Diagramm mit diesen neuen Werten aktualisieren. Dabei kann man dann die Änderungen im Diagramm animieren lassen. Angenommen ein Wert der in einem Balkendiagramm vorher 100 war ist nun 200, dann würde sich der Balken entsprechend verlängern bis er die richtige Grösse erreicht, etc.
Die Bibliothek sollte übrigens auf allen relevanten Browsern funktionieren.
Veröffentlicht in JavaScript |
von Christian am 2. August 2011
Free SEO Tools
My SEO Tools bietet auf ihrer Free SEO Tools Seite diverse kostenlose Dienste an (die haben auch noch einen kommerziellen Dienst) die bei der Suchmaschinenoptimierung einer Website helfen sollen.
Dort finden sich z.B. Tools zu Analyse von Schlüsselwörtern, ein Backlink-Checker (der aber bei mir nicht wirklich nachvollziehbare Ergebnisse liefert), ein Tool zum Testen der Geschwindigkeit einer Seite und vieles, vieles mehr.
Profis werden sicherlich eher kommerzielle Anbieter schätzen, aber für Einsteiger die etwas in die Materie hineinschnuppern wollen ist die Seite sicherlich einen Besuch wert.
Und auch für diesen Artikel geht ein Dankeschön an Andi 
Veröffentlicht in Webseiten
Letzte Kommentare