WEBDESIGN ZÜRICH PINKDOT http://www.pinkdot.ch/blog Thu, 09 Jul 2009 19:38:29 +0000 http://wordpress.org/?v=2.8 en hourly 1 Der Internet Explorer besteht Acid2-Test http://www.pinkdot.ch/blog/der-internet-explorer-besteht-acid2-test/ http://www.pinkdot.ch/blog/der-internet-explorer-besteht-acid2-test/#comments Fri, 28 Dec 2007 12:59:11 +0000 admin http://www.pinkdot.ch/blog/der-internet-explorer-besteht-acid2-test/ Der neuste Internet Explorer, ab Version 8 (Alpha), soll nun offenbar den Acid2-Test * bestehen.
Kurz nachdem Opera Klage bei der Europäischen Union eingereicht hat, da der Internet Explorer Webstandards nur unzureichend unterstützt, kündigt Microsoft an, dass der IE8 den Acid2-Test besteht. Was Opera, Safari, Konqueror und Firefox ab Version 3 schon können – soll jetzt auch dem IE gelingen sich an die Standards halten.

* Der Acid2-Test ist eine Test-Webseite des Web Standards Project (WaSP). Sie überprüft Browsern auf Einhaltung der Standards des World Wide Web Consortiums (W3C).

]]> http://www.pinkdot.ch/blog/der-internet-explorer-besteht-acid2-test/feed/ 1 Experimente mit CSS http://www.pinkdot.ch/blog/experimente-mit-css/ http://www.pinkdot.ch/blog/experimente-mit-css/#comments Wed, 11 Apr 2007 12:24:36 +0000 admin http://www.pinkdot.ch/blog/experimente-mit-css/ Mit frischen, teils witzigen Ideen reizt Stu Nicholls die Möglichkeiten von CSS aus. Seine Begeisterung und Freude beim Spiel und Experiment mit CSS ist auf seiner Website förmlich zu spüren. Ein Besuch lohnt sich – eine wahre Fundgrube für Webdesigner!

http://www.cssplay.co.uk/

]]> http://www.pinkdot.ch/blog/experimente-mit-css/feed/ 1 Spamschutz – Email-Adresse zerstört sich selbst! http://www.pinkdot.ch/blog/spamschutz-email-adresse-zerstort-sich-selbst/ http://www.pinkdot.ch/blog/spamschutz-email-adresse-zerstort-sich-selbst/#comments Sun, 08 Apr 2007 16:23:39 +0000 admin http://www.pinkdot.ch/blog/spamschutz-email-adresse-zerstort-sich-selbst/ Wegwerf-Email-Adressen, die sich nach einer bestimmten  Benutzungsanzahl selbst zerstören, sind ein wirksamer Schutz gegen lästigen Spam.

Eine solche Wegwerfadresse, wie sie z.B. spamgourmet anbietet, sieht wie folgt aus:

irgendwas.x.benutzername@spamgourmet.com

Dabei ist irgendwas ein ausgedachtes Wort, das man zuvor noch nicht verwendet hat, x die Anzahl der Emails, welche über diese Email-Adresse an Ihr echtes Postfach weitergeleitet werden sollen (maximal 20) und benutzername Ihr Benutzername. Ist die angegebene Anzahl Mails erreicht, werden alle weiteren verschluckt und das Postfach bleibt sauber.

Nachdem Sie Ihre "echte" Email-Adresse bei spamgourmet registriert und bestätigt haben, können Sie jederzeit und so oft Sie wollen Wegwerfadressen beziehen.

https://www.spamgourmet.com/

]]> http://www.pinkdot.ch/blog/spamschutz-email-adresse-zerstort-sich-selbst/feed/ 0 YouTube-Video Awards 2006 http://www.pinkdot.ch/blog/youtube-video-awards-2006/ http://www.pinkdot.ch/blog/youtube-video-awards-2006/#comments Tue, 03 Apr 2007 19:24:33 +0000 admin http://www.pinkdot.ch/blog/youtube-video-awards-2006/ Mein Lieblingsvideo ist eindeutig die Geschichte des kleinen Kiwis – einfach hinreisend traurig-schön.

http://www.youtube.com/ytawards

]]> http://www.pinkdot.ch/blog/youtube-video-awards-2006/feed/ 0 Google Analytics – Lust oder Frust? http://www.pinkdot.ch/blog/google-analytics-lust-oder-frust/ http://www.pinkdot.ch/blog/google-analytics-lust-oder-frust/#comments Sun, 11 Mar 2007 21:53:11 +0000 admin http://www.pinkdot.ch/blog/google-analytics-lust-oder-frust/ Statistiken haben so ihre eigene Faszination, je nachdem, was man von ihnen erwartet.

Am 25. Februar hatte ich auf meiner Website Google Analytics installiert und wartete gespannt auf die ersten Resultate. 24 Stunden später zeigten sich dann auch tatsächlich die ersten Kurven auf dem Bildschirm. Enttäuschende 23 Besucher -  bis anhin waren es immer viel mehr. Ich wusste zwar, dass mein bisheriges Statistikprogramm bei der Anzahl Visits keinen Unterschied zwischen  Besuchern und Robots macht, aber einen so eklatanten Anteil an Spidern hatte ich nicht erwartet. 

Google Analytics Statistik

Seitdem beeindruckt mich Google Analytics durch seine Fülle an Informationen. Woher kommt der Besucher, mit welchem Suchbegriff hat er meine Site gefunden, was interessiert ihn, bei welcher Seite verweilt er, wo klickt er gleich wieder weg. Das Ziel ist es, diese Informationen geschickt einzusetzen, die Website zu optimieren, sodass aus meinem Frust wieder Lust wird.

]]> http://www.pinkdot.ch/blog/google-analytics-lust-oder-frust/feed/ 1 RSS-Feed anmelden http://www.pinkdot.ch/blog/rss-feed-anmelden/ http://www.pinkdot.ch/blog/rss-feed-anmelden/#comments Sat, 03 Mar 2007 22:24:16 +0000 admin http://www.pinkdot.ch/blog/rss-feed-anmelden/

Aufmerksamkeit gewinnen, herausragen aus der Wortlawine, den Zeitgeist überlisten – Leser herbeizaubern.
Quelle: Deutsch!, Wolf Schneider

Doch was nützt die spannendste Lektüre, wenn sie keine Leser herbeizaubert?  Wir müssen unsren Text veröffentlichen, unseren RSS-Feed bei einem oder besser mehreren RSS-Feed-Verzeichnissen anmelden. Neben der Veröffentlichung unserer Texte, gibt es noch weitere Vorzüge: RSS-Feed-Verzeichnisse vererben meist ihren Pagerank und versehen die Einträge mit Backlinks.

Links zu den Anmeldeformularen verschiedener Feed-Verzeichnisse:

]]> http://www.pinkdot.ch/blog/rss-feed-anmelden/feed/ 1 CSS optimieren – CSS Optimizer http://www.pinkdot.ch/blog/css-optimieren-css-optimizer/ http://www.pinkdot.ch/blog/css-optimieren-css-optimizer/#comments Thu, 01 Mar 2007 20:24:49 +0000 admin http://www.pinkdot.ch/blog/css-optimieren-css-optimizer/ CSS optimieren? Die Website ist erstellt. Man hat da und dort noch ein paar Pixel verändert und verschoben. Nun ist die Party vorüber, es geht ans aufräumen, denn eine sauber optimierte CSS-Datei wird schneller geladen und ist die Visitenkarte eines jeden Webdesigners. Schnelle Hilfe versprechen einem die CSS Optimizer.

Ich habe heute fünf davon getestet. Die verwendete CSS-Datei wurde vorher validiert. Die KB- und Kompressionsangaben stammen von den entsprechenden Seiten.

1. Css formatter v1.92

Eingabe: 4.68 KB
Ausgabe: 3.63KB
Differenz: 1.05KB
Kompression: 22.3%

Sprache: englisch
Wenige Einstellmöglichkeiten
Entfernt keine Angaben nach 0 z.B. 0px

2. Cleancss

Eingabe: 4.791 KB
Ausgabe: 3.681KB
Differenz: 1105 Bytes
Kompression: 23%

Sprachen: deutsch, englisch, französisch
Diverse Einstell- und Darstellungsoptionen
Zeigt die vorgenommen CSS-Änderungen an

3. Css_optimiser

Eingabe: 4.791 KB
Ausgabe: 3.592KB
Differenz: 1199 Bytes
Kompression: 25%

Sprachen: deutsch, englisch, französisch, chinesisch
Diverse Einstell- und Darstellungsoptionen
Listet CSS-Änderungen auf
Entspricht optisch Cleancss, erhöhte die Kompression jedoch nochmals um 2%

4. Flumpcakes

Eingabe: 4.525 KB
Ausgabe: 4.179KB
Kompression: 8%

Keine Einstelloptionen, kaum Kompression, meine Testwebsite funktioniert danach nicht mehr richtig!?

5. Css Optimiser

Eingabe: 4.65 KB
Ausgabe: 3.58KB
Differenz: 1.07 KB
Kompression: 23.63%

Eine Einstelloption, Kompression ist in Ordnung.

Resümee: Nicht bei allen CSS Optimizer kommt Freude auf. So funktionierte meine Testsite mit dem komprimierten CSS von Flumcakes nicht mehr einwandfrei, ausserdem war die Kompressionsrate mit 8% gegenüber den anderen auch sehr niedrig. Meine Favoriten sind Cleancss und Css_optimiser. Beide bieten diverse Einstellmöglichkeiten und Komprimierungsgrade an. Äderungen am CSS werden aufgelistet, nützlich, falls irgendetwas nicht mehr funktioniert. Es empfiehlt sich jedoch immer eine Kopie des ursprünglichen CSS aufzubewahren.

]]> http://www.pinkdot.ch/blog/css-optimieren-css-optimizer/feed/ 0 Audio-Player http://www.pinkdot.ch/blog/audio-player/ http://www.pinkdot.ch/blog/audio-player/#comments Thu, 15 Feb 2007 19:39:24 +0000 admin http://www.pinkdot.ch/blog/audio-player/ Wer auf seiner Website gerne Musik anbieten möchte, dem empfehle ich einen Besuch auf:

http://phlow.de/netaudio-player/

Netaudio Player Simplay ist ein eleganter funktioneller Audio-Player mit ausführlicher Bedienungsanleitung.

]]> http://www.pinkdot.ch/blog/audio-player/feed/ 2 Color Picker & Color Palette Generator http://www.pinkdot.ch/blog/color-picker-color-palette-generator/ http://www.pinkdot.ch/blog/color-picker-color-palette-generator/#comments Mon, 12 Feb 2007 11:12:32 +0000 admin http://www.pinkdot.ch/blog/color-picker-color-palette-generator/ Color Picker sind nützliche Tools um harmonische Farbpaletten zu erstellen. Der Color Palette Generator von colr.org erzeugt wunderschöne Paletten von Bildern, von ganzen Websites oder Sie erstellen mit seiner Hilfe eigene Schemen. Die erzeugten Paletten können bearbeitet und mit weiteren Farben ergänzt werden.

Der Einsatz von Farben in einer Website setzt Grundkenntnisse in der Farbenlehre voraus (Farbmodulationen, Farbkreis, Komplementärkontrast, usw.). Farben kommen nur dann so richtig zur Geltung, wenn sie in geeigneter Weise auf die Formen und Flächen der Webseite verteilt werden. Dies kann leider auch ein Color Picker noch nicht.

Color Palette Generator: http://www.colr.org/

]]> http://www.pinkdot.ch/blog/color-picker-color-palette-generator/feed/ 0 Akustisches Captcha http://www.pinkdot.ch/blog/akustisches-captcha/ http://www.pinkdot.ch/blog/akustisches-captcha/#comments Tue, 06 Feb 2007 21:48:33 +0000 admin http://www.pinkdot.ch/blog/akustisches-captcha/ Heute werden immer mehr Formulare zu unseriösen oder gar kriminellen Zwecken missbraucht. Kleine Programme, Scripts oder Robots, verbreiten in ungeschützten Gästebücher, Diskussionsforen usw. massenhaft Werbung. Um sich gegen diesen Missbrauch zu schützen, können Captchas eingesetzt werden.

Ein Captcha besteht meist aus verzerrten Ziffern oder Buchstaben vor einem schwierigen grafischen Hintergrund. Nichtbehinderten Menschen gelingt es leicht, einen solchen Text in ein Formularfeld einzutippen, für hochgradig sehbehinderte oder blinde Mitmenschen ist dies aber unmöglich. Verschiedene Anbieter bieten daher akustische Captchas an. Taubblinde bleiben jedoch auch damit ausgeschlossen.

Akustisches Captcha:
http://captchas.net/

]]> http://www.pinkdot.ch/blog/akustisches-captcha/feed/ 1