Nervt es, dass sich jeder eure tollen Javascript-Funktionen einfach runterladen kann? Habt ihr gerade ein neues Layout gebaut, das endlich komplett ohne Markup auskommt und wollt ein Patent anmelden? Vielleicht ist hier eine kleine Möglichkeit Quellcode Dieben zumindest ein wenig die Tour zu vermasseln.
Heute wollte ich euch von drei, für mich inzwischen unverzichtbaren, Helfern erzählen. Wer auch nur einen davon noch nicht kennt, kann hier noch was für sich mitnehmen.
Nachdem Phil über die Simulation von CSS Selektoren mit Hilfe von Dean Edwards Bibliothek berichtet hat, hab ich auf der Seite von Dean gleich mal weiter gestöbert und eine interessante weitere Bibliothek gefunden: Starlight.
Hat nix mit dem gleichnamigen *-Express zu tun sondern realisiert auf einfache Weise das Syntax-Highlight beliebiger Programmiersprachen auf Webseiten z.B. im <pre>-Tag.
Da ich auf PHP Blogger für Syntax-Highlights ebenfalls das <pre>-Tag verwende (<code> ist übrigens auch möglich), hab ichs gleich mal beim PHP Blogger eingebunden und getestet.
Wer kennt es nicht. Die schöne neue CSS-Layout Welt. Damit kann man aus einfachen HTML-Listen Tabbed Drop Down Menüs erstellen und am Besten noch über mehrere Ebenen. Doch was ist falsch an dem Code? Was hält uns im Moment noch davon ab ihn so zu benutzen? Richtig. Der gute alte IE6 unterstützt das obige Konstrukt nicht, weil der schöne CSS2-Selektor > nicht erkannt wird. Genausowenig wie der :hover Effekt in was anderem als in einem <a> unter IE6 funktioniert.
Webinhalte können vielfach komprimiert werden und Bandbreite sparen. Einige Methoden (via Quellcode-Entschlackung, PHP-Gzip-Komprimierung und Apache mod_gzip) sind hier beleuchtet, darunter auch die spezielle Komprimierung von Javascript und CSS mit dem sehr schicken Javascript und CSS Komprimierer den ich bei eBiene (Sergej Müller) gefunden habe. Richtig schön im Web 2.0 Style nimmt er CSS und Javascript, das was es nicht braucht:
Prinzipiell werden zwei Komprimierungsvarianten angeboten:
Das Problem jeden CSS Entwicklers ist: Ecken sind eckig und nicht rund. Um Akzente zu setzen kommen nun doch öfter abgerundete Ecken zum Einsatz - Aber wie mit CSS umsetzen, ohne Grafiken zu verwenden?
Mittlerweile gibts viele Javascript Framworks, die das möglich machen. Eines davon ist OpenRico. Wie man auf der Webseite erkennen kann, gibts da allerdings einiges an Effekten, die man mit Rico erzeugen kann… Das bedeutet - weil für die Effekte die Bibliothek benötigt wird - das jedes Mal beim Anschauen einer Webseite knapp 90kb nachgeladen werden müssen.
OpenRico baut übrigens auf der Javascript Bibliothek prototype auf. Die runden Ecken sind aber bei der Gestaltung limitiert. Man kann keine Rahmen definieren, nur welche Ecken die Rundung betrifft und welche Farbe das Objekt hat. Aber eigentlich gehts nicht um Rico, sondern um ShadedBorder - eine kleine Javascript Bibliothek von Steffen Rusitschka.
Du weißt was Geschwindigkeit ist? Du weißt, wie sie auf entfernte und nahe Objekte wirkt? Okay, dann brauchst Du nicht auf der Autobahn aus dem Fenster rechts von Dir schauen ;-)
Eine Kombination aus Javascript und CSS macht das Erlebnis jetzt im Browser möglich: es legt zwei Hintergründe übereinander und lässt sie beim Scrollen unterschiedlich schnell bewegen. Was entsteht, ist ein realistischer Bewegungseffekt: http://inner.geek.nz/javascript/parallax/
Ein PHP Blog mit aktuellen PHP Informationen und Tricks für Entwickler.
