Artikel-Schlagworte: „javascript“

Bisher hatte ich nie ein Tool gefunden, mit dem JavaScript-Dateien zu Komprimieren wirklich Spaß gemacht hat. Der altbewährte YUI-Compressor von Yahoo erfüllt seinen Zweck hervorragend – aber die Kommandozeile zu bemühen ist doch eher lästig.

Wie gut, dass Total Commander mit seinen frei konfigurierbaren Button-Bars uns eine Möglichkeit gibt, diesen Minify-Prozess zu vereinfachen.
Diesen Beitrag weiterlesen »

Tutorial: Typo3 als AJAX-Seite

7. November 2011
Autor: Lukas

In diesem Tutorial bauen wir eine AJAX-getriebene Seite, der eine TYPO3-Instanz zugrunde liegt. Die Motivation dahinter? Klar, AJAX ist auch 2011 noch cool und bietet einige Vorteile – weniger Reloads, weniger Traffic, mehr fancy Animationen.

Damit das funktioniert stellen wir in diesem ersten Teil erst einmal das CMS darauf ein, beliebige Seiten als JSON zu rendern, um so relativ einfach alle benötigten Informationen über die ausgegebenen Seiten transportieren zu können. Gleichzeitig muss die Kommunikation möglichst schlank sein. Fast alles, was wir benötigen, um TYPO3 zum Rendern von JSON-Seiten zu überreden, bringt entweder TYPO3 selbst, zumindest aber PHP von Haus aus mit.
Diesen Beitrag weiterlesen »

Das Event der Ausgrenzer

18. April 2011
Autor: Lukas

Der Browserkontext bietet uns Webentwicklern schon eine Menge toller Sachen. Wir müssen uns nicht darum kümmern, wie der Text angezeigt wird, wir bekommen umfangreiche Informationen über das anzeigende Gerät, auf deren Basis wir unseren Benutzern unterschiedliche Layouts darstellen können. Und wir erhalten über Events und Pseudoklassen die Möglichkeit, Interaktionen mit unseren Seiten anzubieten. Doch eines ist besonders beliebt – und wird dabei so oft zum Nummer-Eins-Ausgrenzfaktor: MouseOver. Diesen Beitrag weiterlesen »

Die JavaScript Engine Nitro, auf dem Mac bekannt seit Safari 4, erhält mit der neusten iOS Version 4.3 auch Einzug auf Apples mobilen Geräten. Mit Nitro lassen die bekannte Vertreter der iOS-Gattung Konkurrenten wie das Samsung Galaxy Tab und das Google Nexus S bei der Ausführungsgeschwindigkeit von JavaScript-Code hinter sich.

Besonders interessant bei dieser Neuerung ist, dass sich der gewaltige Geschwindigkeitszuwachs bei der iOS-Browser-Komponente nicht nachweisen lässt. Während also JavaScript-Anwendungen in Mobile Safari gehörig an Ausführungsgeschwindigkeit zulegen, werden Web- und Hybrid-Apps weiter mit der bisherigen JavaScript Engine ausgeführt.
Schnell kamen Gerüchte auf, Apple wolle Hybrid- und Web-Apps gegenüber 100%ig nativen Apps bewusst ausbremsen um das iOS-Kerngeschäft, den App Store zu stärken.
Diesen Beitrag weiterlesen »

Linksammlung #4

4. März 2011
Autor: Jochen

Für alle die noch nicht im Karneval versunken sind:

Linksammlung #3

4. Februar 2011
Autor: Carsten

Informativfreitag: Für die Wissenshungrigen unter uns, die sich vor dem Wochenende noch einmal stärken wollen.

Für ein Projekt wollten wir mittels Canvas-Element den Effekt von ineinander fließenden Tropfen simulieren. Ein üblicher Ansatz ist die Verwendung eines Blur-Filters und anschließend die Erhöhung des Kontrastes (hier ein kleines Beispiel). Das ist mit dem Canvas-Element so leider nicht (performant) möglich.

Stattdessen war unser Ansatz einen radialen Verlauf auf einen Kreis zu zeichnen, der nach außen hin transparent wird und dann über die Überlagerungen den gewünschten Effekt zu erzielen. Das Ergebnis war allerdings nicht so berauschend. Da Kreise zeichnen recht teuer ist war die Performance unterirdisch und zudem wirkten die Überschneidungen nicht wirklich flüssig. Diesen Beitrag weiterlesen »

Das Hauptproblem bei der Verwendung von HTML5 und CSS3 ist die mangelnde Feature-Unterstützung über die verschiedenen Browser hinweg. Für uns Entwickler bedeutet dies, dass wir herausfinden müssen mit welchem Browser wir es zu tun haben, um dann entsprechend alternative Inhalte anzuzeigen oder um sogenante Polyfills einzubinden.

An dieser Stelle setzt die JavaScript Bibliothek Modernizr an. Sie bietet eine, meiner Meinung nach, elegante und einfache Abstraktion dieser Aufgabenstellung an und ermöglicht es so dem Entwickler, sowohl mit JavaScript als auch per CSS, auf die An-/Abwesenheit eines bestimmten Features zu reagieren. Diesen Beitrag weiterlesen »

Sprites mit HTML5

15. Dezember 2010
Autor: Jochen

Bevor 3D seinen Siegeszug im Bereich der Computerspiele antrat wurde üblicherweise mit Sprites gearbeitet. Im Bereich der Flash Spiele hat dieser Ansatz, insbesondere durch die Game Engine flixel und der immer beliebteren Retro Optik, in letzter Zeit eine kleine Renaissance erlebt. In diesem Beiträg möchte ich allerdings nicht auf die Umsetzung innerhalb der Flash Plattform eingehen, sondern zeigen wie sich eine auf Sprites basierte Animation mit dem HTML5 Canvas Element umsetzen lässt.
Diesen Beitrag weiterlesen »

Verwendet man mehrere JavaScript-Dateien in einer Webseite steht man meist vor zwei Problemstellungen:

  1. Befinden sich die script tags im head der Seite wird erst mit dem rendern der nachfolgenden Elemente begonnen wenn die JavaScript-Dateien komplett geladen wurden
  2. Ältere Browser laden die Dateien meist sequentiell und nicht parallel wodurch der Ladevorgang unnötig lange dauert

Diesen Beitrag weiterlesen »