turbobrain » Web-Tools

Web-Entwicklungs-Firlefanz …

Peterchen — Sun, 26 Jun 2011 18:43:24 +0000

In letzter Zeit sprießen die HTML5-Frameworks, CSS3-Howtos und JQuery-Plugins, zumindest gefühlt. Überblick zu behalten ist schwierig, so dass ich es auch aufgegeben habe. Was trotzdem meine Aufmerksamkeitsschwelle überschritten hat:

Nicht schön, aber praktisch: Google-Sites mit mobiler Ansicht. Google-Sites ist ein gern unterschätztes Tool für ein Bootstrap-Startup: kostet nix, leistet viel.

Schon etwas »gediegener«, aber brauchbar nur in der kostenpflichtigen Version: auch Jimdo spendiert eine automatische mobile Ansicht. Jimdo ist ein fremdgehosteter Homepage-Baukasten mit vielen Vorlagen und Erweiterungsmöglichkeiten. Wenn »von der Stange« auch mittel– bis langfristig reicht, auf jeden Fall einen Blick wert …

Der Simple Media Queries Tester soll Websites auf ihre Brauchbarkeit auf mobilen Endgeräten hin prüfen … entweder stelle ich mich aber zu dumm an oder das Tool sperrt die geprüfte Site einfach nur in einen iFrame mit einstellbarer Breite … was ich wiederum mit der Hand einfacher hinbekomme. Dass von Turbobrain eine mobile Ansicht existiert, ignoriert das Tool jedenfalls.

CSS-Sprites schneiden? Für mal schnell eben fand ich das hier ganz nett: Sprite-Cow. Man lädt sein Bild mit Sprites hoch. Das App rechnet einem halbautomatisch die CSS-Anweisungen.

Wer nicht mit einem CMS mit eingebautem Framework unterwegs ist (wie z.B. das geniale Contao), oder mal schnell eben eine kleine statische Website bauen möchte: Perkins ist ein nettes kleines Framework für genau diesen Zweck.

Dass »ernsthaftes« Publishing auch mit Google-Docs und WordPress geht, zeigt ein interessantes Video.

jQuery Mobile macht mich traurig — dass ich nicht mehr Zeit zum Spielen mit solchen Sachen habe … damit kann man jedenfalls toll Oberflächen bauen, mit Touch, Swipe und dem ganzen anderen Firlefanz.

Dann hätten wir hier noch einen Überblick über fünf aktuelle »Boilerplates«. Wenn ich richtig verstanden habe, wollen Boilerplates etwas weniger als vollständige Frameworks, nur mit coolem Namen. Oder so. Mit dem HTML5-Boilerplate habe ich vor einigen Wochen schon herumgespielt, es geht im Wesentlichen darum, erstmal ohne Rücksicht HTML und CSS3 zu coden — und einem Haufen Javascript das »Übersetzen« für Steinzeit-Browser zu überlassen. Klappt erstaunlich gut.

IPv6 — coole Sache!

Peterchen — Wed, 15 Jun 2011 13:58:09 +0000

Ich weiß nicht, ob Ihr es mitbekommen habt: die »Telefonnummern« des Internets, die sogenannten IP-Adressen sind letzthin knapp geworden, daher haben sich die Techniker ein neues Format ausgedacht, die man die »Telefonnummernsystematik« erweitern könnte. Auf IPv4 folgt nun also IPv6. Man kann sich das so vorstellen wie damals, als man von vier– auf fünfstellige Postleitzahlen umgestellt hat — nur ohne Rolf (»Fümpf ist Trümpf!«) und etwas komplizierter. Anyway: bislang haben sich die Anbieter (Zugangsprovider, Hostingprovider, Browserhersteller, Netzhardware-Hersteller usw.) ziemlich geziert, weil das ja alles Geld kostet (streng genommen gar nicht mal wenig …). Letzte Woche gab es nun den weltweiten IPv6-Tag, wo viele dieser Anbieter sich gesagt haben: »Nun ja, Aussitzen bringts auch nicht, probieren wirs doch einfach mal!« Ich kann nun voller Stolz sagen: die Angebote der Corticelli-Holding waren bei dieser epochalen Aktion dabei! Das ganze war sogar so erfolgreich, dass ab 4.7.2011 der Wirkbetrieb startet und alle Angebote — so auch dieser bescheidene Blog — mit IPv6 erreichbar sein werden. Toll, gell? Naja, um der Wahrheit die Ehre zu geben: ganz unbeteiligt war mein Provider nicht, da kann man durchaus sogar mal ein wenig Werbung machen: ich habe schon einige Provider »durch«, die Domain Factory ist bislang eindeutig der beste gewesen. Neben fairen Preisen und einem praxisgerechten Angebot gibt es klasse Service (haben angeblich auch schon mal mit Nicht-Technikern [also nicht solchen Experten wie mir, ich hätte das ja niemals nötig!] etwas mehr Geduld als »normal«, und dass sie schnell antworten weiß ich auch nur aus Gerüchten …) sind die halt auch bei solchen Sachen immer vorne dabei.

mehr Info: http://www.df.eu/de/service/df-faq/technische-faq/ipv6/

Update: Ok, ich gebe es ja zu: ich musste nichts machen. Gar nichts. Es hat einfach so geklappt :)

Internet-Explorer 6

Peterchen — Wed, 24 Mar 2010 09:04:38 +0000

Ein kurzer Hinweis in eigener Sache: nachdem ich gerade festgestellt habe, dass im IE6 mein Blog layoutmäßig komplett zerrissen wird, schließe ich mich Google und Amazon an und verkünde offiziell: ich unterstütze diese eigenartige Software ebenfalls nicht mehr.

Google soll Verantwortung nicht auf Nutzer abwälzen

Peterchen — Tue, 23 Mar 2010 19:55:40 +0000

Google hat ja kürzlich angekündigt, mit einem nicht näher spezifizierten (nur für Chrome? Firefox?) Browser-Plugin Internet-Nutzern die Gelegenheit zu geben, von Google-Analytics nicht gezählt zu werden.

Die Reaktion von Verbraucher– und Datenschützern ist nur verhalten begeistert. Nachvollziehbar, aus meiner Sicht, denn nach wie vor halte ich Google Analytics in der aktuellen Ausgestaltung für eines der weniger empfehlenswerten Produkte. Auf der einen Seite muss man sagen: die Software wird immer besser, und noch dazu umsonst. Aber: während auch der unbefangene Nutzer bei der Suche oder den Anwendungen wie Google-Mail ein instinktives Gefühl dafür entwickeln kann, was er von sich preisgibt, ist dies bei Analytics nicht der Fall. Zwar gilt dies auch für alle anderen Tracker (auch für das von mir eingesetzte Piwik), jedoch kommt bei Google die riesige Reichweite hinzu (Besucher können über sehr viele Websites hinweg beobachtet werden). Ausserdem speichert Google vermutlich (ein weiteres Problem: man weiß es nicht so genau …) auch die IP-Adresse des Benutzers, was nach sich allmählich durchsetzender Rechtsauffassung eine Verletzung des Datenschutzes darstellt — ist die IP-Adresse doch als personenbezogenes Datum verstehbar. So oder so wäre es also Pflicht von Seitenbetreiber, die Benutzer vor sich selbst zu schützen.

Und da setzt Google an: man muss es ihnen bei aller Kritik zugestehen, dass sie immerhin versuchen, die Frage an die Nutzer heranzutragen. Denn eigentlich wären die Seitenbetreiber verpflichtet, ihre Nutzer deutlich auf die Datenerfassung durch Google hinzuweisen — was die allerwenigsten tun.

Was ist nun der Ausweg?

Für Seitenbetreiber in Deutschland ist die Antwort klar: kein Einsatz von Google Analytics. Als Alternative ist Piwik für den Hausgebrauch absolut tauglich, sofern die Anonymisierung der IP-Adressen aktiviert wird. Wer Bedarf für bessere Lösungen hat, kommt wohl nicht umhin, eine der gesetzeskonformen, kostenpflichtigen Lösungen (eTracker wirbt recht offensiv damit, aber auch Netstat oder andere namhafte Hersteller sollten gehen) zu wählen — kann dies in der Regel dann aber auch remonetarisieren.

Für Google wäre es eigentlich auch ganz einfach: die vollständigen IP-Adressen braucht eigentlich kein Mensch. Wenn die Jungs einfach offenlegen würden, welche Daten sie im Rahmen von GA wofür speichern, könnte man es auch guten Gewissens einsetzen. Sogar für GeoIP-Dienste reichen die ersten beiden Oktete, und es würde absolut genügen, das Ergebnis der Auswertung zu speichern, also müssten noch nicht mal die dergestalt anonymisierte IP-Adresse gespeichert werden.

Google soll Verantwortung nicht auf Nutzer abwälzen — Golem.de
Artikel bei eRecht24 (Achtung, Werbung für einen Anbieter, aber ganz brauchbare Einführung ins Thema)
Vortrag [PDF] zur Speicherung von IP-Adressen von Joerg Heidrich (Heise Verlag) und Christoph Wegener (Ruhr-Universität Bochum)

iPad? WePad!

Peterchen — Fri, 19 Mar 2010 17:37:11 +0000

Naja, noch ein gerät, das erst beweisen muss, dass es dem Geraffel iPad Paroli bieten kann. Darüber, dass es Flash unterstützt, kann man sicherlich geteilter meinung sein. Aber immerhin sind Hardware und Anschlüsse halbwegs brauchbar: Kamera, USB– und Speicherkarten-Anschluß sind vorhanden. Was sonst? Android-OS — check. Display — höher auflösend als iPad — check. Akkulaufzeit kürzer als iPad — hm. Keine Angaben gibt es zu den Speicheroptionen.

100 Essential Web Development Tools

Peterchen — Fri, 19 Mar 2010 01:00:12 +0000

100 Essential Web Development Tools

Bunte Mischung von Tools und Kniffen, wie man den ganzen neumodischen Kram (Schieberegler, Popup-Kalender, sortierbare Tabellen, Bildbearbeitung, Farbpicker ….) macht.

Gedanken zu Benutzeroberflächen

Peterchen — Sat, 21 Nov 2009 12:58:50 +0000

In letzter Zeit meine ich einen gewissen Trend festzustellen: die Big-Player wagen sich mit neuen Konzepten zu Benutzeroberflächen an die Öffentlichkeit. Erstaunlich, dass Microsoft dabei immer wieder positiv auffällt. Gut, nichts davon ist wirklich revolutionär, aber neugierig macht es schon:

Pivot ist eine Art OLAP für Arme, aber schön anzusehen und irgendwann einmal wohl auch hilfreich. Ich könnte mir ein wolches Werkzeug als Erweiterung (oder sogar Ersatz) für den Windows-Explorer vorstellen. Der Begriff »Collections« lässt jedenfalls vermuten, dass Microsoft das auch so sieht. Bei der Gelegenheit war ich übrigens überrascht, dass es mit Microsoft Live Labs ein Gegenstück zu den Google-Labs gibt.

Pearltrees ist eine intuitive Methode, »Perlen« (also interessante Links oder andere Web-Ressourcen) zu organisieren und Zusammenhänge darzustellen. Wer Delicious nutzt, kann seine Bookmarks importieren. Ähnlich wie bei den üblichen Social-Bookmark-Diensten sind die »eigenen« Pearls mit Empfehlungen von Leuten versehen, die diese Pearl ebenfalls gespeichert haben — nur reizt der Spieltrieb mehr dazu, diese auch mal zu testen. Die Website des Projektes selbst ist in weiten Teilen ebenfalls mit der intuitiven Oberfläche gestaltet.

Nochmal Microsoft: die Leute haben sich das Thema PDA im Wortsinne nochmal zur Brust genommen. Ergebnis ist das Courier, eine Art digitales Universal-Notizbuch mit ein paar neuen Ideen für Benutzeroberflächen. Ein absolutes »Haben-Mag-Gadget«! Mehr bei Gizmodo

5 WordPress-Plugins, die jeder braucht

Peterchen — Mon, 10 Aug 2009 12:00:58 +0000

WordTwit
Erstellt automatisch einen Twit, wenn ein neuer Blogpost erstellt wird — inklusive Short-URL-Unterstützung — fünf Daumen!
WP-Cumulus
Stellt eine wunderschöne und trotzdem barrierefreie Tag-Cloud dar — fünf Daumen!
WP-Piwik
Bindet den HTML-Code des genialen Piwik ein und zeigt innerhalb von WordPress die Statistiken des vergangenen Tages an — vier Daumen.
WP-Typography
Verschönert typographisch korrekt die Darstellung von Text (An– und Abführungszeichen, Bindestriche …) und bringt endlich Trennung mit — vier Daumen.
Similarity
Schlägt Leserrn eines Artikels weitere, thematisch passende Artikel im Blog vor — vier Daumen.

WordPress-Plugins: WP-Piwik

Peterchen — Sat, 08 Aug 2009 12:21:00 +0000

Piwik ist ein Open-Source-Werkzeug für das Erstellen und Anzeigen aussagekräftiger Webstatistiken. Ich selbst nutze Piwik und seinen Vorgänger PHPMyVisites schon seit geraumer Zeit. Wichtig in Deutschland: nach aktueller rechtlicher Lage ist ein selbst gehostetes Piwik aus Sicht des Datenschutzes wohl unbedenklich, in jedem Fall deutlich unkritischer als z.B. Google Analytics. Mir geht gerade auf, dass Piwik selbst einmal eine Besprechung wert wäre …

Was das Plugin WP-Piwik tut:

den für die Zählung notwendigen Javascript-Code in das Template einfügen (also kein Code-Gepfriemel in Widgets oder gar im Template)
eine Übersicht mit den wichtigsten Auswertungen des vergangenen Tage direkt im Dashboard von WordPress verfügbar machen — was doch den einen oder anderen Klick spart.

Simpel, zuverlässig und gut.

Peterchen-Rating: 4 von 5 (tut, was es soll)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: André Bräkling

WordPress-Plugins: Similarity

Peterchen — Fri, 07 Aug 2009 10:10:09 +0000

In vielen Blogs sieht man unter Artikeln eine Liste thematisch passender Artikel. Dieses Plugin kümmert sich darum, die relevanten Artikel zu finden und die Liste auszugeben. Für die Suche werden wahlweise Kategorien, Tags oder beides verwendet. Ich habe bei mir nur die Tags eingestellt, da die Kategorien aus meiner Sicht (und so wie ich sie verwende …) zu ungenau sind.

Die Kür: wenn man mag, kann man per CSS-Formatierung und optionaler Ausgabe eines Wertes dem Leser noch mitteilen, welche Relevanz das System dem jeweiligen Link zumisst. Ein mit hoher Wahrscheinlichkeit ähnlicher Artikel wäre also zum Beispiel gößer dargestellt als einer mit nidedriger Wahrscheinlichkeit. Ich glaube mal, darauf werde ich vorläufig verzichten.

Peterchen-Rating: 4 von 5 (tut, was es soll)

Einzubinden in WP über die Plugin-Verwaltung oder per Download bei: David Miller