Archiv für die Kategorie „HTML / CSS / JavaScript“

Du bist ein Virtuose am Touchscreen? Die Prima Ballerina des Double Tap? Deine Finger sind muskulöser als die Oberschenkel von Roberto Carlos? Hier kommt Deine Chance, zu zeigen, was du im „Handspiel“ wirklich drauf hast: Flicke die Konkurrenz schwindelig und nagle den Ball ins Schwarze – beim Kickfingerturnier für Mobile-Entwickler.

Kickfinger-Turnier für Mobile Entwickler mit Heribert Faßbender

Die Eckdaten:

Spielstätte: Grünfeld, Brüsseler Str. 47, 50674 Köln

Stichtag: Donnerstag, 31.05.2012
Beginn “Freies Training”: 19.00 Uhr
Offizieller Turnierbeginn: 19.30 Uhr
Siegerehrung: ca. 22.00 Uhr

Moderation: Heribert Faßbender

Bereit für den FlickOff? Netze bis zum 25.05. Deine Anmeldung bei uns ein.

Eine eMail mit „Ich will Handheld werden“ unter Angabe Deines Vor- und Zunamens an handheld@antwerpes.de genügt.

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 »

Man hat Änderungen (HTML, CSS, JavaScript, Bilder,…) an einer Webseite durchgeführt und der Kunde kann diese, trotz geleertem Browser-Cache, an seinem Arbeitsplatz nicht sehen? Gerade bei größeren Firmen kann dies am Einsatz eines Proxies liegen.
In diesem Post möchte ich kurz auf den Grund für den Einsatz eines solchen Proxies sowie den möglichen Umgang als Web-Entwickler mit diesem eingehen.

Das meiste in desem Artikel trifft auch auf den generellen Umgang mit Caches zu und findet so auch Verwendung im Bereich der Performance-Optimierung für High Traffic Webseiten. 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 »

Facebook Like

12. Juli 2011
Autor: Heiko

Facebook hat seine Policy im Bezug auf die Like Buttons etwas geändert,  so dass Diese nicht mehr funktional sind. Natürlich ohne dies zu kommunizieren oder das Ganze zu dokumentieren.

Um die Spam-Problematik in den Griff zu bekommen, muss sich jede Seite, die den Like Button verwendet bei Facebook verifizieren. Dies geschieht mit dem Metadatum app_id.

Um eine solche App Id zu erstellen, generiert man am besten einen neuen Like Button mit dem Like Button Generator. Hier wird seit neuesten der Parameter app_id miterstellt. Hier das Source Attribut der IFrame Version

src="http://www.facebook.com/plugins/like.php?app_id=<!--app_id-->...

Diese App Id ergänzt man einfach bei seinem bestehenden Like Button. Jede App Id gilt für genau eine Subdomain.

Ganz fertig ist man leider noch nicht. Um eine reziproke Validierung zu ermöglichen muss man für den Facebook Crawler folgendes Metatag im Header hinzufügen:

<meta property="fb:app_id" content="<!--app_id-->"/>;

Der Like Button sollte nun wieder funktionieren.

Linksammlung #5

6. Mai 2011
Autor: Jochen

Zum Einstieg in ein hoffentlich sonniges Wochenende:

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 »

Linksammlung #4

4. März 2011
Autor: Jochen

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

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 »

Für alle die leider nicht live an unserem ersten Webinar teilnehmen konnten haben wir die gesamte Präsentation als Video inkl. der Folien nun hier bereit gestellt. Viel Spass damit:

Die Folien findet ihr hier zum Download: Webinar HTML5 Security

Passende Links: