browser

Etwas erklären übers Web

Friday, March 5th, 2010

Das ist oft einfacher gesagt als getan. Eine Beschreibung reicht oft nicht. Videos können genau zeigen wie etwas geht, aber sind oft zu genau, weil zuviele Details gezeigt werden, die nicht relevant sind.

Individuell angepasste Zeichnungen in einem Video sind oft am deutlichsten. Die Firma ixxie habe ich zufällig gefunden und die machen auf einer Webseite deutlich, warum solche Videos wirken.

Ist zwar holländisch, aber es ist klar, worum es geht.

http://www.ixxie.nl/

User am Browser erkennen

Wednesday, February 24th, 2010

Der Browser schickt soviel spezifische Informationen mit, dass man einen einzelnen Benutzer oft nur am Browser erkennen kann.

Zusätzlich zum http-Header braucht man dazu noch ein Javascript, welches sich die installierten Fonts, Browser Plugins und SuperCookie-Infos holt.

Siehe hier: https://panopticlick.eff.org/

Streaming günstig

Thursday, January 14th, 2010

Ab sofort gibt es bei Amazon über S3 und Cloudfront auch Video Streaming. Damit lohnt sich Streaming auch für Firmen, die nur wenig Videos haben.

Vorteile:
- Amazon verteilt den Content weltweit auf mehrere Server und daher ist die Distanz vom Browser zum Server geringer als wenn es nur einen Server weltweit gibt. Amazon schaut bei jedem Request nach, welcher Server am nächsten ist.
- Amazon verrechnet nur einen Preis pro Gigabyte (unter 20 Cent), es gibt sonst keine Kosten.

Tools zum Uploaden und Verwalten von Dateien in Amazon S3 und Cloudfront:
- Cloudberry S3 Explorer
- S3Fox (Addon für Firefox)

Beschreibungen wie man Flash verwaltet:
- Longtailvideo.com
- Amazon

Titanium bringt das Web in den Desktop

Saturday, October 24th, 2009

Desktop-Applikationen schreiben mit Web-Technologie:

Applikation schreiben in JavaScript, HTML, CSS, Python, Ruby und bald PHP
und laufen lassen auf Windows, Mac OS and Linux

Titanium ist ein Framework mit inkludiertem Browser und Zugriff auf alle Betriebssystem-Funktionen.

Titanium Desktop
Mehr Info auf http://www.codestrong.com/
Slideshow Intro
Diskussionsforum http://support.appcelerator.net/home

Schnellere Webseiten

Saturday, June 20th, 2009

Die besten Tipps von Yahoo:

http://developer.yahoo.com/performance/rules.html

Caching

Saturday, June 20th, 2009

Caching kann die Response des Browsers sehr beschleunigen. Grundsätzlich gibt es 2 Ansätze:

  1. Caching im Browser
    Der Server muss dem Browser Anweisungen senden, damit der Browser ganze Dateien cacht.
  2. Caching im Server
    Der Server cacht HTML von Teilen von Webseiten. Diese Teile müssen dann nicht mehr für jeden Aufruf neu generiert werden. Die gesamte Seite kann personalisiert sein, denn es kann auch Seitenteile geben, die nicht gecacht werden.

Caching ist sehr gut erklärt in diesem Artikel (ist von Nov. 2007 aber immer noch aktuell):
http://www.sitepoint.com/article/caching-php-performance/

Eine weitere Art des Cachings, die (1) und (2) kombiniert:
Die Teile einer Seite, die aktuell sein müssen, werden mit AJAX inkludiert. Dann kann die gesamte HTML-Seite im Browser gecached werden. Bei einem erneuten Aufruf der Seite im Browser wird die Seite aus dem Cache geladen, der AJAX-Aufruf findet aber erneut statt und dieser Teil der Seite ist somit immer aktuell.

Ein Nachteil dieser Methode ist, dass auch beim 1. Aufruf der Seite 2 http-Requests erforderlich sind um die gesamte Seite anzuzeigen.

Alte Internet Explorer testen

Saturday, May 2nd, 2009

Eine Website mit einem alten Internet Explorer testen geht mit diesem Tool:
http://finalbuilds.edskes.net/iecollection.htm

Alle IE Versionen von 1.0 bis 8.0 sind inkludiert. Mal sehen, was mit IE 1.0 noch funktioniert …

HTML-Tag CANVAS

Wednesday, February 25th, 2009

Hier ein paar Links zum neuen CANVAS TAG in HTML5. Ich finde, für einfache Grafiken ist es gut zu verwenden. Vorteil ist, dass man keine zusätzliche Software wie Flash benötigt.

Bei den Links sind sehr gute und auch lustige dabei.

http://www.ajaxschmiede.de/canvas/einfuehrung-in-canvas/
http://www.golem.de/0902/65243.html
http://www.benjoffe.com/code/demos/canvascape/
http://www.snipersystems.co.nz/community/polarclock/tutorial.html
http://langexplr.blogspot.com/2008/11/using-canvas-html-element.html
http://skimpygimpy.sourceforge.net/canvas.html
http://code.google.com/p/paintweb/
http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html
http://mozilla.doslash.org/stuff/canvas/shell.html
http://www.blobsallad.se/
http://glimr.rubyforge.org/cake/canvas.html#RectangleWave
http://code.google.com/p/flot/
http://www.ajaxline.com/libraries-and-examples-for-working-with-canvas

Bildeffekte im Browser

Wednesday, November 5th, 2008

Toll, was mit SVG geht: http://www.netzgesta.de/cvi/

Die Demo gibt’s in diesem Showcase.

Sofortüberweisung

Tuesday, September 9th, 2008

Sofortüberweisung (http://sofortueberweisung.de) ist ein neuer Dienst, der in Webshops integriert werden kann. Nach der Bestellung wird der Kunde auf Seite von Sofortüberweisung umgeleitet. Dort gibt er die Daten seiner Bankverbindung an und überweist den Betrag wie im Internetbanking üblich mit dem TAN-Code der eigenen Bank. Das Geld wird also sofort überwiesen. Der Webshop erhält unmittelbar eine Bestätigung über die Durchführung der Überweisung.

Die Überweisung funktioniert von und nach Deutschland, Österreich und Schweiz.

Es gibt Schnittstellen für verschiedene Shops, die allerdings unterschiedlich programmiert sind. So basiert die OsCommerce-Schnittstelle auf einer veralteten Schnittstelle mit weniger Möglichkeiten als die Schnittstelle für Eigenprogrammierung. Wenn man also alle Features nutzen möchte, muss man auch bei OsCommerce selber programmieren.

Die Überweisung ist auch möglich ohne Webshop. Man kann dem Kunden einen Code bzw. einen Link mit diesem Code schicken. Damit kommt der Kunde zur Zahlungsseite mit allen Informationen.

Text in jeder beliebigen Form

Friday, August 22nd, 2008

Mit diesem Tool kann man Text auf einer Webseite jeder beliebigen Form anpassen. Das Tool ist ein Flash-Tool und mittels CSS wird der Text einer Form angepasst. Das sieht dann so aus:

Land eines Besuchers ermitteln

Saturday, August 9th, 2008

Der Browser sendet die IP-Nummer des Besucher-Computers an den Webserver. Diese IP-Nummer ist einem Provider zugeordnet und damit kann man das Land des Besuchers ermitteln.

Listen mit der Zuordnung Land zu IP-Nummer gibt es hier:

http://ip-to-country.webhosting.info/node/view/6
http://ip.ludost.net/

In Mysql werden IP-Nummern am besten als integer gespeichert. Für die Umwandlung von integer zu IP-Nummer gibt es die MySQL-Funktionen INET_ATON und INET_NTOA.

mysql> SELECT INET_ATON('209.207.224.40');
        -> 3520061480

The generated number is always in network byte order. For the example just shown, the number is calculated as 209x2563 + 207×2562 + 224×256 + 40.

mysql> SELECT INET_NTOA(3520061480);
        -> ‘209.207.224.40′

Browser-Menüs mit (fast) nur CSS

Friday, August 8th, 2008

… und ohne Javascript. Nur die älteren Browser benötigen das inkludierte Javascript.
http://webhost.bridgew.edu/etribou/layouts/rMenu/index.html

Mobile Geräte erkennen in PHP

Saturday, August 2nd, 2008

Hier zwei Scripte, welche erkennen, ob ein Desktop/Notebook oder ein mobiles Gerät eine Seite aufruft. Für das mobile Gerät kann dann eine Einfachversion der Seite ausgegeben werden.

Kommerziell:
http://www.andymoore.info/php-to-detect-mobile-phones/

OpenSource:
http://www.osnews.com/…..Mobile_Detection_Kit

Wink - auf einfache Weise Webpräsentationen erstellen

Friday, August 1st, 2008

Ich habe gerade die Website von Wink entdeckt. Diese Software erstellt auf einfache Weise Screenshots, man kann Beschreibungen dazugeben und damit eine Präsentation erstellen. Sehr praktisch für Erklärungen zu Websites und Programmen.

Wink sagt selber dazu:
Wink is a Tutorial and Presentation creation software, primarily aimed at creating tutorials on how to use software (like a tutor for MS-Word/Excel etc). Using Wink you can capture screenshots, add explanations boxes, buttons, titles etc and generate a highly effective tutorial for your users.

http://www.debugmode.com/wink/

Piwik Web Analytics Software

Monday, June 30th, 2008

Piwik ist eine neue Open Source Analytische Software für Websites, wie Google analytics. Piwik schreibt alle Seitenzugriffe in eine Datenbank und erstellt aussagekräftige und schöne Statistiken daraus. Alle Daten sind auf Ihrem privaten Server, also Google (oder andere) haben keinen Zugriff. Es muss lediglich in jede Seite ein kurzes Javascript eingefügt werden. Piwik verlangt PHP 5.1.3 mit PDO und MySQL 4.1.

PDO ist leider bei vielen Webhostern nicht installiert. Piwik verwendet das Zend-Framework. Hier ist eine Anleitung, wie man das Zend-Framework ohne PDO verwenden kann: http://devzone.zend.com/…. Ich habe es selber noch nicht getestet.

Open Flash Chart

Monday, June 30th, 2008

This very interesting project http://teethgrinder.co.uk/open-flash-chart/index.php creates nice charts in flash. Configuration by a serverscript or by javascript. It’s free!

PHP debugging

Saturday, June 14th, 2008

There is a new version of the greatest free tool for debugging (in my opinion):

datadumper 3.0.

This tool dumps all kinds of PHP-variables in a very nice readable structure on screen. You can also dump variables in a file which is very nice when using AJAX where there is no GUI for the PHP output.

Screenshot

Download

delete all cookies with a bookmarklet

Wednesday, April 9th, 2008

It seems easy to delete all cookies of a page but when you really want to delete them all it’s rather complicated. Take into account that cookies can be set on other directories and subdomains. This is the result. To save as a bookmarklet do a right-click and “bookmark this link …”. The bookmarklet shows the cookie in an alert after deleting. It should be empty.