Chukki.de - Der Tumblr-Blog über Webdesign, Wordpress, Social Media, Cloud und Webentwicklung

jQuery Tools – Teil 1: Tabs

jQuery ist mit Mootools und Prototype zusammen wohl die mächtigste und beste JavaScript Library die es momentan gibt. Damit alleine sind schon sehr schöne DOM (Document Object Model) Effekte möglich, jedoch für die meisten nicht so leicht einsetzbar, da doch etwas weitreichendere JavaScript Kenntnisse nötig sind.

Und genau da setzt jQuery Tools an - einmal als eigenständige Datei oder als Komplettpaket in Verbindung mit der jQuery Library auch wahlweise auf einem, von den Entwicklern bereitgestellten CDN (Content Distribution Network). So kann innerhalb von wenigen Sekunden jede Website durch schöne und sinnvolle Effekte aufgewertet werden.

Die jQuery Tools können hier heruntergeladen werden und bieten viele verschiedene Elemente um die eigene Seite durch Features in der Usability zu verbessern und optisch aufzuwerten - Tabs, Tooltips, Scrollable, Overlay, Expose und Flash Embed sind die Funktionen, welche die Library mit sich bringt. Was sich hinter den ganzen Begrifflichkeiten versteckt erläutere ich in dieser Reihe. Heute angefangen mit den Tabs, werde ich jeden Tag ein weiteres Element der jQuery Tools mitsamt Programmierbeispielen erläutern.

Der Internet Explorer 6 muss sterben…

...., aber er kann nicht!

Die Diskussion über das Ableben des IE6 ist momentan größer denn je. Webdesigner und -entwickler fordern mit Nachdruck, dass eine weitere Unterstützung des Internet Explorers 6 unterbunden werden sollte. Die Fakten sind da: Der IE6 ist mitlerweile 8 Jahre alt, kann keine aktuellen Webstandards richtig umsetzten, die Dateiformate .png und .svg werden nur sehr geringfügig unterstützt und er bedeutet oft einen (riesigen) Mehraufwand bei der Umsetzung von Projekten.

Please update!

Die Entwicklung der Debatte rund um den IE6 entwickelt sich momentan dahin, das immer mehr große Web 2.0 Websites die Unterstützung fallen lassen und einen Hinweis darauf anbieten, doch bitte einen neuen und aktuellen Browser zu nutzen. Da ist unter anderem die Initiative "IE6 No More" mit einer Reihe an unterstützenden Websites und einem Warnhinweis, der allen Usern mit IE6 eine Update Meldung anzeigt.

Websitegeschwindigkeit optimieren

Die Geschwindigkeit einer Website zu optimieren ist meist ein Zwiespalt. Einerseits möchte man eine möglichst schöne, oft durch gimmicks (JQuery, Mootools) gespickte Website haben - andererseits aber möchte man auch nicht ewig auf die auslieferung der Websites warten.

Zum Glück hat sich dieses Problem durch Breitband-Anschlüsse etwas verringert, trotzdem ist eine Optimierung der Website Geschwindigkeit nicht zu unterschätzen. Angriffspunkte um die Geschwindigkeit zu verbessern sind die Bilder, die CSS & Javascript Dateien und die gZip Komprimierung der Seite mittels PHP und Apache.

Coda 1.6 veröffentlicht

CodaDie Jungs von Panic haben die Entwicklungsumgebung Coda für Mac OS X in der Version 1.6 veröffentlicht. Die Liste der Neuerungen und Verbesserungen ist dieses mal ziemlich lang, was darauf hinweist, dass die Entwickler nach wie vor stark an dieser tollen Software weiterarbeiten.

Die Neuerungen:

  • Plugin-Schnittstelle integriert
  • Rechtschreibprüfung
  • Quick-Open (Schnelles öffnen von Dateien mit CMD+Q
  • Syntax-Highlightning für Cappuccino (Objective-J)

Die Liste der Verbesserungen gestaltet sich auch dementsprechend lang. Die komplette Liste der Änderungen ist hier einzusehen.

Mithilfe der Plugin-Schnittstelle können Entwickler über den Coda Plugin Creator Arbeitsschritte vordefinieren oder aber auch z.B. selektierte Wörter - ähnlich einem WYSIWYG Editor - mit HTML Tags umschließen.

Für alle die Coda noch nicht kennen: Coda ist eine Entwicklungsumgebung für den Mac, die sich dadurch auszeichnet, dass alles in einem Programm steckt. Seiten können in verschiedenen Sprachen entwickelt werden, CSS kann innerhalb einer Benutzeroberfläche "zusammengeklickt" werden und der integrierte FTP-Client lädt alles anschließend durch das Klicken auf "Speichern" (CMD+S) automatisch hoch.

Die integrierten Bücher für PHP, Javascript, CSS und HTML sowie eine Terminal Session, eine Versionsverwaltung und die Preview zur sofortigen Darstellung der Seite runden das ganze ab.

Chukki.de – New name, New project!

Chukki.deWas steckt hinter Chukki.de? Chukki.de ist eine Gemeinschaft von Freunden die allesamt an einem Themengebiet interessiert sind: dem (Web-)Design & der Programmierung. Starten wird das ganze mit Stephi und mir (Andre), zu sehen unter About. Doch viele weitere Freunde sind an dem Projekt interessiert und werden mit der Zeit dazustoßen.

Kern-Themen von Chukki.de werden unter anderem das Blogging System Wordpress, der Umgang mit der Creative Suite von Adobe und die Usability von Websites sein. Desweiteren werden wir über alles berichten was für Webdesigner von Bedeutung sein kann - wie z.B. die Suchmaschinenoptimierung oder die Besucheranalyse.

Zudem wird es in naher Zukunft einige Wordpress Themes geben - welche teilweise kostenlos oder für ein kleines Endgeld erworben werden können.