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

jQuery Tutorial: mitskalierende Hintergrundbilder

Flash ist nicht erst seit der Einführung von HTML5 und dessen neuem Videotag, welches h.264 abspielen kann auf dem absteigenden Ast. Flash ist properitär, die Suchmaschinen haben ihre Probleme, sehr Ressourcenfressend (zumindest auf dem Mac) und läuft zudem weder auf dem iPhone, noch auf dem iPad von Apple. Vorteil von Flash war immer das es sehr dynamisch ist und schöne Effekte kreiert werden können.

Doch diese Grenzen heben sich langsam dank jQuery und anderen Frameworks auf. Sie bringen viele Animationstechniken mit, die Scrollbare Inhalte, Farbübergänge oder ähnliches bewerkstelligen können. In einigen vorherigen Tutorials habe ich schon die jQuery Tools beschrieben und was für schöne Sachen man damit anstellen kann.

Eine schöner Effekt war bzw. ist das mitskalieren eines großen Hintergrundbildes, wie z.B. auf der Website der Deutschen Post. Dies passt sich automatisch der Browser- bzw. Auflösungsgröße des jeweiligen Users an. Zusätzlich ein paar schöne halb-transparente Text boxen und eine schöne Website ist fertig gestaltet.

Link zum Artikel: jQuery Tutorial: mitskalierende Hintergrundbilder

Buchtipp zu jQuery

jQuery...liest und sieht man zur Zeit an jeder Ecke im Web. Viele Tutorials, Scripte und Plugins gibt es... doch irgendwie fehlt das grundlegende Wissen und die Quellen dazu. Ich habe schon einige Erfahrung mit JavaScript und auch anderen Frameworks wie Mootools gemacht... doch irgendwie überzeugt mich jQuery einfach immer mehr. Mit etwas Frickelei und der Orientierung an Mootools konnte ich eigentlich fast alles umsetzen was ich mir so gewünscht habe. Aber irgendwie war ich als ausgebildeter Softwareentwickler nicht so wirklich glücklich mit der Situation.

Aus diesem Grund dachte ich mir "du brauchst mehr Grundlagenwissen" und habe mich auf die Suche nach einem guten Buch zu jQuery gemacht. Ich habe nach Blogs und deren Buchtipps gesucht, allerdings viel zu wenig fundiertes gefunden - leider.

Link zum Artikel: Buchtipp zu jQuery

Apple Magic Mouse im Test

Als Apple vor knapp 2 Wochen die neue Magic Mouse vorgestellt wurde war die Begeisterung groß - endlich ein neues innovatives Bedienkonzept, das nervige Mausrad ist Geschichte und viele neue Möglichkeiten durch die Multitouch Oberfläche, ähnlich dem iPod Touch oder iPhone.

Die neue Multitouch Oberfläche eröffne neue Bedienkonzepte und vereinfache die Benutzung von vielen Programmen - das war der erste Gedanke vieler Anwender. Doch stimmt das auch? Erste Bedenken gab es, als Apple ein Video über die Bedienung der Maus herausbrachte. Die verschiedenen Funktionen wurden aufgezeigt und ließen sowohl gutes, als auch schlechtes erahnen.

Link zum Artikel: Apple Magic Mouse im Test

(M)ein ♥ für Blogs

Nachdem Chukki.de bei der letzten "Ein ♥ für Blogs" Aktion noch nicht dabei war, habe ich die Idee von Stylespion diesmal aufgegriffen und möchte deshalb meine liebsten deutschen Blogs hier veröffentlichen.

Wie ihr sehen werdet handelt das meiste trotz der Idee - auch mal über den Tellerrand hinauszuschauen - über Webdesign und alles was sich im erweitertem Sinne damit befasst.

Link zum Artikel: (M)ein ♥ für Blogs

Ein Herz für Blogs #2

Stylespion hat im letzten Jahr eine Aktion mit dem Namen "Ein Herz für Blogs" gestartet. Hintergrund dieser Aktion war es, die Perlen unter den Blogs - welche man jeden Tag liest mit der Öffentlichkeit zu teilen und so eine vernetzung innerhalb der deutschen Bloggerszene zu schaffen.

Auch in diesem Jahr, am kommenden Freitag, den 16.10.09, veröffentlichen alle, die darauf Lust haben, einen Beitrag mit dem Titel “Ein ♥ für Blogs” in dem sie ihre lesenswerten deutschsprachigen Blogs vorstellen - das darf sollte dann auch mal über den eigenen Blogtellerrand hinausgehen.

Damit die kleine Aktion nicht zu klein ausfällt, wäre es toll, wenn ihr sie bereits jetzt ankündigt, damit möglichst viele zumindest davon hören. Hierzu dürft ihr gerne die Grafik oben nutzen, oder ihr erstellt eure eigenen Banner, wie auch immer. Lasst euch etwas einfallen.

Zusammenfassung

  • 1. Schnell auf die Aktion in euren Blogs, via Twitter, Facebook, etc. hinweisen
  • Am kommenden Freitag einen Beitrag mit euren liebsten deutschsprachigen Blogs veröffentlichen
  • Freuen

Auch Chukki.de wird daran teilnehmen und wird einige Überraschungen für euch parat halten. Also macht mit... ;)

Link zum Artikel: Ein Herz für Blogs #2

jQuery Tools – Teil 3: Scrollable

Nach einer einwöchigen Auszeit möchte ich euch heute gerne eine weitere Funktion aus den Reihen der jQuery Tools erläutern. Nachdem ich bereits die Tabs und die Tooltips etwas näher erläutert habe, werde ich heute die Scrollable Funktion erklären.

Was bedeutet Scrollable? Im Grunde ist es versteckter Content, der durch eine Scrollfunktion sichtbar gemacht wird. Optimale Einsatzgebiete dafür sind Bildergalerien oder Newsticker. So wird der Fokus auf ein Thema oder eine begrenzte Anzahl an Fotos gelegt - sollte einen User dies nicht für Interessant halten, kann er mit einem klick andere Themen und Bilder sichtbar machen. Insgesamt eine sehr schöne und imposante Funktion, welche den Content auf Seiten deutlich lebendiger werden lässt.

Link zum Artikel: jQuery Tools – Teil 3: Scrollable

Das Beste der Woche – KW 38

Data Visualization and Infographics Resources
Ein schöner Artikel zum Thema Infografiken mit vielen inspirierenden Arbeiten zeigt euch das smashingmagazine.
55 nützliche und vor allem kostenlose Grunge Fonts…
… im tripwiremagazine.

Link zum Artikel: Das Beste der Woche – KW 38