webentwicklung | dresden | webdevelopment | programmierung | webdesign | css | flash | ajax

Mit ‘javascript’ getaggte Artikel


Mrz 18

internet-explorer-9-IE9

Heute wurde die Previewversion des neuen Internet Explorer 9 veröffentlicht. Das Programm ist kein vollwertiger Browser sondern eher als eine Art Container mit einer neuen Browserengine anzusehen. Alle typischen Navigationselemente fehlen – Ein reiner Prototyp.

Passend dazu hat Microsoft eine eigene Webseite bzw. Testcenter namens “Testdrive” eingerichtet um den neuen Browser ordentlich auf die Probe stellen zu können. Ich habe, als ich die News gelesen habe, das Testcenter im Chrome gestartet und ausprobiert. Darin gibt es einige Javascript-lastige Tools und Animationen (z.B. flying Images), die die Browserinterne JavaScript Engine ordentlich schwitzen lassen…zumindest sah es im Chrome so aus.

Nachdem ich mich durch den Testdrive durchgeklickt habe, hatte ich das Gefühl, dass Google Chrome mächtig mit diesen Sachen zu kämpfen hatte. So richtig toll war es nicht anzusehen. Also entschließ ich mich das Ganze noch einmal mit dem IE9 zu testen. Und siehe da…auf einmal war alles super flüssig, schön anzusehen und top gerendert. Hmm…kam mir schon komisch vor, dass Google Chrome auf einmal sooo viel schlechter sein soll als ein Internet Explorer?? Ich habe das Testcenter danach nochmal mit einem Firefox absolviert. Der hat sich mit der Version 3.6 ordentlich wacker geschlagen…kam aber an die Performance des IE9 lange nicht ran.

Microsoft hat wiedermal auf Dummfang gesetzt und Features in ihren neuen Browser implementiert, die die Direct-2D-Engine des Betriebssystems nutzen um ganz bestimmte Animationen flüssig und super darzustellen. Natürlich wurden auch nur Demos im Testcenter eingebaut, die dieses Feature unterstützen. Nicht ohne Grund läuft der IE9 nur unter Vista und Windows 7. Wahrscheinlich will Microsoft davon ablenken, dass sie es selbst im IE9 immernoch nicht geschafft haben Canvas Elemente darzustellen. Von einer ordentlichen Punktzahl im Acid-Test will ich gar nicht erst sprechen…

Die Bereiche, die in Testdrive zur Schau gestellt werden, absolviert der neue IE9 mit Bravur – keine Frage. Nur leider sieht es in der Realität so aus, dass Microsoft (noch) nicht alle Webseiten des Internets auf Elemente beschränken kann, die in ihrem Browser gut funktionieren. Was sagt Ihr zu diesem Thema?
(Bild: http://ie.microsoft.com/testdrive/http://twitpic.com/photos/Fontblog)



Aug 25

simplecart_logo “Keine Datenbanken, keine Programmierung, keine Kopfschmerzen” Ein simpler JavaScript Warenkorb, der weniger als 20kB groß ist, dafür aber die wichtigsten Funktionen zu bieten hat und noch gut dabei aussieht. Er ist extrem leicht zu benutzen und komplett an die eigenen Bedürfnisse anpassbar. Das Einzige, was benötigt wird, sind einfache HTML Kenntnisse.

Im JavaScript-ShoppingCart können Produkte eingepflegt werden, die auf “Produktregalen” angepriesen werden. Beim Klick auf eines der Produkte wird dieses sofort in den Warenkorb gelegt. Im Warenkorb selbst kann die Anzahl der zu bestellenden Artikel verändert oder der gesamte Warenkorb gelöscht werden. Eine Bezahlanbindung per PayPal ist schon mit integriert. Im PayPal-System werden nocheinmal alle zu bestellenden Artikel aufgelistet und schon kann bezahlt werden. Eine sehr simple Sache, aber genau das und nicht mehr wird oft benötigt. Ein Tool, welches ich in einem meiner nächsten Projekte ganz bestimmt einsetzen werde.

simplecart1 simplecart2 simplecart3



Aug 09

html5-canvas-particles HTML 5 wird in letzter Zeit viel Beachtung geschenkt. Mit dem Erscheinen von Firefox 3.5, Safari 4 und der Beta von Google Chrome 3 unterstützen Browser nun einige großartige Features wie das canvas- und die audio/video Tags. Sogar neueste mobile Geräte wie das iPhone oder die Android basierten Telefone unterstützen neue Standards um eine Alternative zu Flash schaffen zu können. Es sieht also gut aus für HTML5.

Die Entwickler von 9elements haben ein Experiment entwickelt, welches 100 Tweets von Twitter lädt, die sich mit HTML5 beschäftigen. Diese werden dann mit Hilfe einer JavaScript-Partikel-Engine dargestellt und animiert. Jedes Partikel repräsentiert einen Tweet und beim Klick auf eines dieser Partikel wird die Twitter-Nachricht angezeigt.
Eine ziemlich coole Angelegenheit, die komplett mit HTML5 umgesetzt wurde. (Quelle: 9elements.com)

html5_canvas1 html5_canvas2 html5_canvas3

Sites-32x32 Link zum HTML5 Canvas Experiment


Aug 03

youloveusYoulove.us ist ein britisches Unternehmen, was sich auf Webdesign spezialisiert hat. Schon mit der ersten Version ihrer Webseite haben sie für Aufsehen gesorgt, weil diese komplett auf einer Seite untergebracht war.

Alle Informationen konnten abgerufen werden, ohne die Seite ein einziges Mal neu laden zu müssen. Sie war in mehrere Sektionen eingeteilt, die zusätzlich mit einem riesigen Hintergrundbild untermalt waren, welches die verschiedenen Phasen eines Tages darstellte. Die neue Version der Seite ist nicht weniger spektakulär. Sie ist zwar nicht mehr so lang, das riesige Hintergrundbild kommt trotzdem zum Einsatz. Es wird per CSS und JavaScript langsam durch die Webseite gescrollt und erzeugt so einen zyklischen Tagesablauf, der in dieser grafischen Zusammenstellung einiges hermacht. In den unteren Grafiken werden einige der verschiedenen Zustände dargestellt, die der Footer der Webseite durchläuft. (Bewegt sieht das Ganze natürlich noch viel schöner aus! ;) )

move_bg1 move_bg2 move_bg3 move_bg4 move_bg5 move_bg6



Jul 02

jQuery TOOLSDie Macher von Flowplayer haben jetzt eine neue UI-Bibliothek für jQuery veröffentlicht. jQuery TOOLS ermöglicht AJAX Animationen und Effekte mit minimalem Code Aufwand. In einer übersichtlichen Demo Galerie sind alle Basisanimationen und -möglichkeiten aufgelistet und durch Demonstrationen und Quellcodebeispiele unterlegt.

So lassen sich durch nur wenige zeilen JavaScript schöne und flüssig ablaufende Effekte erzielen. jQuery TOOLS setzt vorallem auf Geschwindigkeit. Durch intelligente Ansätze wie z.B. weniger HTTP-Requests, gzip Komprimierung und minimaler JavaScript Quellcode wird die Geschwindigkeit der kompletten Webseite und auch der Animationen selbst optimiert.

In einem eigens dafür eingerichteten Forum werden Hilfestellungen gegeben, Tipps ausgetauscht und Probleme diskutiert. Eine runde Sache!

indexjquery1jquery2



Pages: 1 2 Nächste