lab111 — Blog

Ich find solche Dinger in Webdesign echt hässlich, aber gut… ist ja Geschmackssache… Gibt’s auch nur für die Javascript Bibliothek Prototype und script.aculo.us.

GlassBox

Tabellen sind nicht immer schlecht. Tabellen sind nur schlecht, wenn sie für Design verwendet werden, obwohl sie nur für tabellarische Daten benutzt werden dürfen!

Diese Tabelle oben sieht einfach toll aus! Es ist übersichtlich und jede zweite Reihe ist mit einer anderen Hintergrundfarbe unterlegt. So muss jede Tabelle aussehen! Man kann jede zweite Reihe mit der Klasse “odd” versehen und sie dann einzeln mit CSS gestalten, aber das würde viel zu lange dauern und ist nicht flexibel genug. (Denk mal, was du tun musst, wenn du eine Reihe löschen willst!)

Oder aber eine Lösung mit JavaScript. Und hier ist sie: JavaScript Table Row HighlighterClass von Andrew Sellick. Mit Mootools natürlich, versteht sich . Es fügt die Klassen automatisch zu, und fügt noch eine andere Klasse zu, die aktiviert wird, wenn die Maus auf die Reihe drüberfährt. Dadurch kann man ein Hover-Effekt erzielen.

JavaScript Table Row Highlighter Class using Mootools at Andrew Sellick

Es gibt natürlich auch noch Tablecloth, aber ich find des mit dem Spalten Highlighting wirklich zu übertrieben…

Yay! blackbox v0.11 beta ist da! Jetzt mit noch mehr Gestaltungsmöglichkeiten! *Eigenwerbung mach!* What is blackbox? That’s blackbox!

Was neu ist:

• “Der transparente Hintergrund”-Bug wurde behoben
• Die Höhe wird im JavaScript definiert (unauffälliger)
• Für jedes Diashow, muss eine neue Klasse erstellt werden
• Man kann festlegen, mit welchem Bild man starten möchte

Was noch zu tun ist:

• Funktionen für Pause, Letztes Bild und Nächstes Bild
• …
• Ich glaub das war’s

blackbox v0.11 beta

Mit diesem JavaScript kann man Fenster erstellen… Oder sein eigenes Webtop . Außerdem benötigt dieses JavaScript keine Grafiken… alles wird mit Canvas (die englische Version hat viel mehr Inhalt) geregelt.

MooTools Mocha UI

Was verbirgt sich unter dem CSS?

Mit XRAY kann man es ganz einfach erfahren: Bookmarklet aktivieren, auf ein Element klicken und XRAY zeigt die Größe, ID, Klasse und die Abstände des Objektes an.

Vom gleichen Autor stammt auch dieses nützliches Bookmarklet: MRI. Damit kann man (auch sehr komplizierte) CSS-Selektoren testen. Alle Elemente, die dann zu der Regel passt, werden hervorgehoben.

XRAY, MRI:: for web developers

HTML Tag vergessen? CSS Werte vergessen? PHP Befehle vergessen? Mit gotAPI können Sie Schlüsselwörter/Befehle/Werte/Tags, usw… in verschiedenen Programmiersprachen suchen & finden.

Sehr nützlich…

gotAPI/HTML - Instant search in HTML and other developer documentation

Tags: css, documentation, html, javascript, programming, reference, search, tool

Dieses Skript “Fancy Sliding Menu” geht jetzt auch ohne Prototype und script.aculo.us, sondern für Mootools! Was es macht? Es macht fast das Gleiche, wie der Accordion, aber nur fast. Der Bereich öffnet sich schon, wenn der Mauszeiger drüberfährt… Schau doch mal einfach in dem Demo rein .

Feel free to view the Fancy Sliding Menu for Mootools demo.

Fancy Sliding Menu for Mootools at Andrew Sellick