Bloggen...

...aus dem Freibad. Bzw. über das Freibad.

Ja doch. Auch das gibt es heutzutage. Ein Blog speziell für ein Freibad, witzigerweise betrieben von der TAZ.

Betroffenes Bad: Das Prinzenbad in Berlin Kreuzberg.

Prinzenbad Blog

Speed Up für Websites

Die Rechnerkapazitäten werden seit jahrzenten laufend besser, dennoch bleibt das Thema Performance bzw. Performanceoptimierung in der Softwareentwicklung ein Dauerbrenner.

Bezüglich der Optimierung von Websites legt sich nun auch Google ins Zeug, hat eine eigene Site zu dem Thema eröffnet: Dort sollen verschiedene best practices veröffentlicht werden die dazu beitragen die Performance von Websites zu steigern.

In diesem Zusammenhang: Das Plugin YSlow von Yahoo, welches sich über den Firebug in Firefox integrieren lässt gibt es als Gegenstück als "Page Speed" von Google.
Beide Plugins bieten verschiedene Möglichkeiten Performance Schwachstellen zu ermitteln.

Google: Let's make the web faster

Yahoo YSlow

Google Page Speed

Linksammlung des Tages (Web / Design)

Heute mal wieder eine kleine Linkliste zu hilfreichen Online Tools, bzw. bereitgestellten Hilfsmitteln:Wer schon immer mal für ein Design ein Schottenmuster benötigte, der wird sich über den Schottenmuster Generator freuen:

Tartanmaker.com

WTF - kann, muss aber nicht für "What The Fuck?" stehen - alternativ wie bei diesem Tool steht es für "What The Font": Eine Grafik hochladen und das Tool versucht zu ermitteln welcher Font in dieser Grafik verwendet wurde. Eine Liste von möglichen Fonts wird für den Vergleich angeboten:

WhatTheFont

Der "Iconfinder" hilft bei der Suche nach einem passenden Icon, laut Eigenwerbung sucht er in einem Pool von über 69.000 Icons:

Iconfinder.net

Die runden Ecken - immer wieder mal ein beliebtes Thema. Dieses Tool hilft bei der automatischen Erzeugung und bietet anschließend das generierte CSS plus dazugehörige Grafiken als Download an:

RoundedCornr.com

Wer stattdessen gleich ein komplettes CSS Framework benötigt, der kann sich mal Blueprint ansehen:

blueprintcss.org

Last but not least noch etwas für die Pixelschubser: Brushes und Pattern für die weitere Verarbeitung:

brusheezy.com

LightBox und die Klone

Lightbox, Slimbox, Thickbox, Bla- und Blubbbox?

Früher war immer alles einfacher. Früher, z.B., da gab es zur schicken Darstellung von Bildern die Lightbox: Ein nettes JavaScript zum einbinden in die eigene Site für die attraktive Darstellung von Fotos.

Und heutzutage? Da gibt es jede menge Klone und niemand weiß mehr so recht welche Variante sich am besten für den jeweiligen Einsatz eignet. Doch dafür gibt es inzwischen Abhilfe: Die Lightbox Clone Matrix!

In dieser Matrix werden diverse Klone aufgeführt und jeweils ausgewiesen mit welchen anderen JavaScript Bibliotheken sich diese Einsetzen lassen, wie groß der Gesamtumfang der JavaScript Dateien beträgt und weitere Infos.

Lightbox Clone Matrix

PHP Frameworks

Wer sich nach den JavaScript Frameworks für ein PHP (MVC) Framework interessiert, dem sei die nachfolgende Site empfohlen auf der zahlreiche Frameworks gelistet werden:

PHP MVC Frameworks

HTTP Header Informationen

In manchen Fällen kann es sehr praktisch sein, wenn man sich den HTTP Header ansehen kann, der für eine bestimmte Website beim Auf- bzw. Abruf gesendet wird.

Ein Beispiel von vielen: Wer dynamische Fehlerseiten (z.B. für 404 - File Not Found) einsetzt, sollte dafür sorgen dass diese Seiten auch den entsprechenden Fehlercode 404 senden - damit Suchmaschinen solche Seiten nicht in den Index mit aufnehmen.

Ein anderes Beispiel: Wurde vielleicht eine Weiterleitung eingerichtet, damit eine Website automatisch immer an die Adresse mit dem vorangestellten www weitergeleitet wird? Auch hier kann es sinnvoll sein, sich einmal den erzeugten HTTP Header anzusehen.

Auf Vote-It-Down gibt es nun ein kleines Tool mit dem sich besagter HTTP Header ansehen läßt. Sofern eine Weiterleitung gesendet wird, verfolgt das Tool diese weiter und listet so schrittweise jeden Header auf.

www.vote-it-down.com/tools_headerinfo.php

JavaScript Frameworks

Bedingt durch Web 2.0 und dem "neuen Aufstieg" von JavaScript entstehen derzeit immer mehr JavaScript Frameworks, der Funktionsumfang der Frameworks wird laufend erweitert und stellt einen so vor die neue Herausforderung, das richtige Framework auszuwählen.

"Drum prüfe, wer sich ewig bindet": Im Webzeitalter können zwei Jahre schon fast als "ewig" angesehen werden, darum sollte für umfangreiche Projekte die Auswahl sorgfältig durchgeführt werden.

Als kleinen Einstieg, ein paar Links zu Sites und Blogs die sich bereits die Arbeit gemacht haben und Aufstellungen von verfügbaren JavaScript Frameworks veröffentlicht haben.

Beim Betrachten der Auflistungen fällt bereits auf, dass sich nicht jedes Framework eindeutig mit einander vergleichen läßt, da die Zielsetzung teilweise unterschiedlich ist. Die Frameworks haben unter Umständen folgende Schwerpunkte:

- AJAX Handling / Client-Server Funktionalitäten

- GUI Gestaltung (Stichwort "Webapplication" / Usebillity)

- visuelle Effekte, GUI Erweiterung/Verbesserung

Die Grenzen sind fließend und natürlich berücksichtigen die Schwergewichte unter den Frameworks alle aufgeführten Aspekte, sind aber unter Umständen nicht für jedes Projekt zwangsläufig die erste Wahl.

Top 10 aller JavaScript-Frameworks:
webstandard.kulando.de

Javascript Frameworks, mit Kurzübersicht der Features,
es werden nur die Frameworks aufgeführt die unter einer
Open Source Lizenz veröffentlicht werden
www.ajax-info.de

Eine Auflistung von über 100 (!) Frameworks, in englisch:
ntt.cc

Schlechte Nachbarschaft?

Im wirklichen Leben möchte niemand eine schlechte Nachbarschaft haben. Welche Kriterien subjektiv für jeden einzelnen als "schlechte Nachbarschaft" herangezogen werden dürfte stark variieren. Wie ist das ganze bezogen auf das weltweite Netz und der eigenen Website?

Auch Websites können sich in einer sogenannten "Bad Neighborhood" bewegen. Es gibt einiges an Kriterien, die häufigsten Merkmale:

- die eigene Website linkt auf Websites mit "Adult Content" (pornographisches Material, Online Casino/Poker/Geldeinsatzspiele)

- die verlinkte Website linkt ihrerseits auf diverse Seiten mit "Adult Content"

- die verlinkte Website versucht(e) ihr Ranking in den Suchmaschinen durch massiven Blog-/Forenspam zu manipulieren

Wer einen regen Linktausch für verschiedene Webprojekte betreibt, kann natürlich nicht permanent den Inhalt der verlinkten Sites im Auge behalten, dafür gibt es aber Tools die einem hilfreich unter die Arme greifen können.
Hervorgehoben sei hier "hilfreich": Kein automatisiertes Tool ersetzt die manuelle Begutachtung, die Ergebnisse sollte mit Vorsicht gehandelt werden, aber zumindest können sie als Anhaltspunkt dienen, ob möglicherweise Handlungsbedarf besteht.

Bad Neighborhood Link Checker:
www.bad-neighborhood.com/text-link-tool.htm

Down-vote Liste

Vote-It-Down nun ohne die langjährige, bekannte Down-Voting Liste: Ich hab dieses letzte Überbleibsel einer alten Idee nun entgültig entfernt und an dieser Stelle dafür ein paar sinnvollere Dinge eingefügt wie z.B.:

- endlich eine Suche für die Beiträge

- ein Pinboard für ausgewählte Beiträge

- Leo-Übersetzung damit ich das immer schnell parat habe

- und - weil noch Platz war: Eine Liste der letzten 10 Kommentare...

Video/Audio Converter für Mac OS X

Ein recht nettes Tool für Mac OS X:
MPEG Streamclip von Squared 5

Mit diesem kostenlosen Mac Programm lassen sich auf die schnelle Videos zurecht schneiden und in diverse Formate konvertieren. Ebenso ist es ohne grossen Umstand möglich die Tonspur von der Videospur zu trennen, so kann z.B. Musik oder gesprochener Text aus einem Video als MP3 (und weitere Formate, auch AIFF) gerippt und gesondert gespeichert werden.

Sehr angenehm ist auch, dass mit MPEG Streamclip sogar Video Streams aus dem Web gespeichert werden können (z.B. YouTube Videos).

Damit das Programm seine volle Stärke auspielen kann, braucht man noch eine Open Source Erweiterung namens Perian (damit wird Quicktime um diverse Formate erweitert).

www.squared5.com - MPEG Streamclip

Perian.org