Vor einiger Zeit habe ich mir mal die Mühe gemacht, mein Webradio mit ein paar Icons zu versehen, damit ein entsprechender Link auf dem Homescreen meines Streichelfons gut aussieht:

Das funktionierte ungefähr 2 Monate gut, doch plötzlich tauchte wieder dieses Icon auf:

Warum nur? Wie sich herausstellt, ist das Erstellen eines Icons für eine Website inzwischen zu einer Wissenschaft für sich mutiert. Zum Glück gibt es nette Menschen, die nicht nur eine hervorragende Anleitung zu dem Thema verfassen, sondern gleich noch einen Favicon-Generator bauen, der aus einer Grafik alle benötigten Icons inklusive HTML/XML/JSON-Code erzeugt. Dort kann man seine Site auch auf eventuelle Probleme mit den Icons testen lassen. Sweet!

https://realfavicongenerator.net/

PS: mein Problem war, dass ich neulich größere Veränderungen an der Serverstruktur vorgenommen hatte und die Radio-Icons nun nicht mehr im Rootverzeichnis von radio.todamax.net lagen. Das ist jetzt alles wieder gefixt, sogar, ohne den Generator bemühen zu müssen...

Ha! Vor einigen Monaten wurde bei uns im Büro "WebEx" erst durch den MS Communicator ersetzt und direkt danach durch Lync. Das war vielleicht mal ein Rotz. Meine Fresse. Seit gestern wurde aus Lync "Skype for Business" und ja, endlich mal ein Tool, mit dem ich meine Gedanken adäquat in Worte fassen kann:

(all images © skype)

Eine nützliche Sammlung kleiner JavaScript-Helferlein findet ihr bei VanillaList.com.

Zum Beispiel sowas hier:

Das ist kein Bild sondern eine generierte Canvas. Einfach mal reloaden und ihr seht, was ich meine...

Ein freundlicher Service der Stiftung Warentest auf Facebook:

Falls ihr mal in die Verlegenheit kommt, einen Hasskommentar anzeigen zu wollen, findet ihr dort auch eine Liste der "Internetwachen" (sic!)

hatespeech | hassrede | anzeige | geldstrafe | strafmaß

Ihr habt es geschafft, AdBlocker auszutricksen:

Ich wähle den radikalen Ansatz und füge folgende Filterregel hinzu:

||cdn2.spiegel.de/images/*.jpg

Wer heutzutage unbedacht auf einen beliebigen Link klickt, hat sich schneller Ungeziefer eingefangen als Volker Becker "aber ich hab doch gar nicht..." sagen kann. Bei der Lektüre dieses Artikels darüber, wie man sich vor Hackern schützen kann, habe ich eine Website kennen gelernt, die mir bisher unbekannt war: urlquery.net checkt eine Website darauf, welche Verbindungen sie wohin aufbaut und warnt euch vor eventuell problematischen Dingen. Das sieht dann schon mal so aus:

Natürlich habe ich das sofort mal mit meinem Blog getestet und dabei festgestellt, dass das Plugin "WP-Maintenance" generell einen Aufruf zu Googleapis.com macht, was ich natürlich total doof finde. Also habe ich dieses Plugin erst mal wieder deaktiviert (ich brauche das ja eh' so gut wie nie) und jetzt sieht das Bild schon besser aus:

Dass Youtube zu Doubleclick geht kann ich leider nicht verhindern, aber ansonsten würde ich sagen bin ich recht sauber

http://urlquery.net/

Resizer ist ein praktisches Tool von Google, mit dem ihr das Verhalten einer Website in verschiedenen Auflösungen testen könnt. Leider treten die wirklichen Probleme dann doch meist erst auf den Geräten selbst zutage, aber für einen schnellen Überblick ist das schon okay. Meine Fresse, wie viele Stunden ich schon in mein CSS gesteckt habe will ich echt nicht mehr wissen...

Update: p3t3r schreibt mir:

Wenn man lieber ohne Google arbeitet, wird man bei http://www.responsinator.com ebenfalls bestens bedient. Auch hier funktionieren die Links im Simulator, man kann also in der simulierten Darstellung kreuz und quer durch die Seite navigieren.

Wenn es etwas schneller gehen soll, ist das Teil von http://mattkersley.com/responsive/ mein derzeitiger Favorit. Dieses Tool hat kürzere Ladezeiten, bietet jedoch keine Möglichkeit der Navigation in den simulierten Anzeigen.

Leider hat man immer das Problem, dass Handys generell zu groß dargestellt werden, man also immer erst mal rauszoomen muss, um eine Idee von den wirklichen Größenverhältnissen zu bekommen. Darüber hinaus stimmt das Endergebnis bei Responsinator noch etwas weniger als bei Resizer:

Links Responsinator, rechts Resizer, daneben jeweils ein iPhone 5s.

Fazit: ohne ein Testgerät geht es nicht wirklich, aber um mal eine grobe Vorstellung zu bekommen, sind die Tools schon okay.

2. Update: Chris schreibt:

Hm, es gibt doch auch beim Firefox Inspector so ein Tool (rechts oben in der tab-leiste, das 4. von rechts in der Standardkonfiguration). Wozu dann diese externen Tools verwenden?

Ach was!

Wenn ihr das nächste Mal so ein bescheuertes Schloss an eurem Koffer anbringt, werdet ihr nicht mehr verhindern können, an dieses Video zu denken:

koffer | trolley | reißverschluss | kuli | kugelschreiber

*.ico-Dateien haben im Laufe der Zeit einigen Fortschritt durchgemacht und sind dabei von 16x16 Pixel großen Bitmaps zu Dateien mutiert, die diverse Größen des gleichen Bildes (oder auch verschiedener Bilder) in sich vereinigen. Heute wollte ich mal herausfinden, wie man ein solches *.ico in GIMP erstellt und wie sich herausstellte, ist das eigentlich ganz einfach. Voraussetzung dafür ist ein aktueller GIMP (hier kam Version 2.8.16 zum Einsatz).

Windows-Icons beinhalten 9 Bilder in unterschiedlicher Auflösung mit unterschiedlicher Farbtiefe (Bits per Pixel; bpp) und Transparenztiefe (Alpha). Um ein korrektes *.ico zu erstellen, nutzt ihr GIMPs Fähigkeit, Ebenen mit verschiedenen Größen verwalten zu können. Wenn ihr Ebenen in der richtigen Größe anlegt, könnt ihr all diese Ebenen in einem einzigen Schritt in ein *.ico File exportieren.

(mehr …)

Da Facebook bezüglich Hasskomentaren lieber rumwuselt wie eine Kakerlake wenn das Licht angeht und genau gar nix unternimmt, muss eben wieder ein Nerd ran. Alex war fleißig am Sonntagnachmittag und hat seinen “Hasskommentar-Konverter” für Facebook fertig gestellt. Der wandelt Hasskommentare in lustigere Sätze um.

Bei Adolf war alles besser. -> Bei Kevin war alles besser.

Wir sind nicht das Sozialamt der Welt. -> Wir sind nicht das IKEA der Welt.

Asylbewerber sollte man alle vergasen. -> Justin Bieber Fans sollte man alle zum Kuchen einladen.

Bisher leider nur für Chrome, aber ich bin sicher, ein anderer Geek wird das noch für den Firefox portieren.

Äußerst hübsch: eine ziemlich vollständige Sammlung aller Oldskool-PC-BIOS-Fonts.

Home of the world's biggest collection of classic text mode fonts, system fonts and BIOS fonts from DOS-era IBM PCs and compatibles

Ein toller Lifehack, der genau so auch mit den Flaggen sämtlicher Nationen dieser Welt funktioniert:

Michael hat sich hingesetzt und 15 hübsche Standbybilder für eReader erstellt. Meins sieht ja so aus, but that's just me

ebooks | reader | wallpaper