Änderung der /etc/hosts Datei ohne Neustart (MacOS)

Üblicherweise ist nach Änderung der /etc/hosts Datei ein Neustart des Systems erforderlich. Unter MacOS geht es allerdings auch ohne einen...

Üblicherweise ist nach Änderung der /etc/hosts Datei ein Neustart des Systems erforderlich. Unter MacOS geht es allerdings auch ohne einen Reboot.

Nach dem Editieren der Hosts-Datei, im Terminal bspw. via “sudo vi /etc/hosts” (Befehlshilfe zum vi im Artikel vi geht das?), den Cache mit dem Befehl

sudo /usr/bin/dscacheutil -flushcache

flushen. Damit werden die Änderungen an der /etc/hosts ohne Neustart des Rechners sofort wirksam.

E-Plus TV Spot “Wappen bis der Arzt kommt”

Unvergessen. Einer der besten TV Spots, die E-Plus jemals in den Äther geschickt hat: Wappen bis der Arzt kommt. Vielleicht sogar der beste E-Plus Spot überhaupt.

E-Plus TV Spot: Wappen bis der Arzt kommtUnvergessen. Einer der besten TV Spots, die E-Plus jemals in den Äther geschickt hat: Wappen bis der Arzt kommt. Vielleicht sogar der beste E-Plus Spot überhaupt. Damals, es müsste um 2001 gewesen sein, wurde das Zeitalter des mobile Internets ausgerufen. Zunehmend mehr Handys unterstützten WAP, das Wireless Application Protocol, zur Datenübertragung in Mobilfunknetzen und verstanden WML, die Wireless Markup Language zur Darstellung von Content auf dem WAP-Browser des Handys. Das war alles sehr textlastig, am Anfang noch schwarz/weiß, später mit einfachen s/w-Grafiken, dann wurde es etwas bunter, Scrollschriften und animierte (Baustellen-)GIFs hielten auch auf dem Handy Einzug… Eine interessante Zeit. Allerdings ist eines mit WAP niemals gelungen: Das Versprechen eines mobilen Internetzugangs oder “Internet auf dem Handy” einzulösen.

E-Plus TV Spot: Wappen bis der Arzt kommtErst jetzt, etwa zehn Jahre später, nimmt der mobile Internet-Zug so richtig an Fahrt auf. Mit der rasant zunehmenden Verbreitung von Smartphones, allen voran Apples iPhone und Geräten basierend auf Googles Android, und bezahlbaren Internet-Tarifen, bspw. der Internet Handy Flat von BASE, beginnt die mobile Nutzung des Internets Spaß zu machen.

Zurück zum altehrwürdigen TV Spot: Die Suche über Yahoo, Bing oder Google produziert kaum brauchbare Treffer zu “Wappen bis der Arzt kommt”. Immerhin findet man den TV Spot by MyVideo und YouTube leider nicht mehr bei YouTube, da der Anbieter seinen Account geschlossen hat. Das Bild scheint auf MyVideo etwas schärfer zu sein während der Ton im YouTube-Video klarer aus den Lautsprechern kommt. Da weiß man gar nicht, wo man hinklicken soll. Denn sowohl frivole Bildgewalt als auch musikalische Untermalung tragen gleichermaßen zur Güte des TV Spots bei.

vi geht das? Die wirklich nützlichen Kommandos für den Editor vi.

vi ist ein seitenorientierter Texteditor, den es auf praktisch jedem *nix-basierten System gibt. Seine Bedienung war schon immer kryptisch und...

The Feeble Emacs Uservi ist ein seitenorientierter Texteditor, den es auf praktisch jedem *nix-basierten System gibt. Seine Bedienung war schon immer kryptisch und ist aus heutiger Sicht, mit den Annehmlichkeiten grafischer Benutzeroberflächen und Maussteuerung, geradezu als barbarisch zu betrachten. Ungeachtet dessen gibt es Situationen, in denen es äußert hilfreich ist den vi – zumindest rudimentär – bedienen zu können.

Dabei glänzt der Editor, trotz seines Alters, mit einer erstaunlichen Funktionsfülle, die sich aber nur entfalten kann, wenn man die zahllosen Kommandos und Tastenkombinationen kennt. Zwar gibt es zum vi endlos viele Einführungen, Tutorials, Referenzen und Kommandoübersichten im Netz, aber gerade die letztgenannten Zusammenfassungen versuchen häufiger durch Menge, denn durch eine Zusammenstellung der wirklich nützlichen Kommandos zu glänzen. Vor diesem Hintergrund gibt es hier die geschätzt 5.009.536te Kommandotabelle mit den wirklich ;) nützlichen Befehlen für den vi.

KommandoErklärung
iWechsel in Editiermodus
ESCWechsel in Navigationsmodus
ggDateibeginn
GDateiende; nnG springt zu Zeile nn
Ctrl+feine Bildschirmseite vor
Ctrl+beine Bildschirmseite zurück
wein Wort vorwärts
bein Wort rückwärts
0Zeilenanfang
$Zeilenende
dwlöscht ab Cursor bis Wortende
d0löscht bis Zeilenanfang
Dlöscht bis Zeilenende
ddaktuelle Zeile löschen; NNdd löscht NN Zeilen
dgglöscht aktuelle Zeile bis Dateianfang
dGlöscht aktuelle Zeile bis Dateiende
mxmarkiert aktuelle Zeile mit Buchstabe x
d’xlöscht aktuelle Zeile bis Markierung x
yykopiert aktuelle Zeile in Puffer; NNyy kopiert NN Zeilen
y’xkopiert aktuelle Zeile bis Markierung x in Zwischenablage x
xspringt in die Zeile mit Marke x
`xspringt an die Stelle mit Marke x
pkopiert Pufferinhalt ans Ende der aktuellen Zeile
azZwischenablage az für nächste Aktion auswählen
uUndo; NNu macht die letzten NN Aktionen rückgängig
$Zeilenende
/regexsucht nach regulärem Ausdruck regex; weitere Treffer mit n
?regexwie /, sucht aber in Richtung Dateianfang
:s/foo/bar/aktuelle Zeile: das erste Vorkommen von foo durch bar ersetzen
:s/foo/bar/gaktuelle Zeile: alle Vorkommen von foo durch bar ersetzen
:%s/foo/bar/gesamte Datei: das erste Vorkommen von foo durch bar in jeder Zeile ersetzen
:%s/foo/bar/ggesamte Datei: alle Vorkommen von foo durch bar ersetzen
:wDatei speichern
:w filenameDatei unter filename speichern
:e filenameDatei filename laden
:qvi beenden; :q! beendet ohne Rückfrage, falls Datei geändert wurde
ZZÄnderungen schreiben und vi beenden; Abk. für :wq!

Wer sich intensiver mit den Möglichkeiten des vi beschäftigten möchte, der findet mit diesem Artikel Mastering the VI editor eine gute Kombination aus Tutorial und Referenz.

Atomic Web oder: Wie der Safari-Browser auf dem iPhone hätte sein sollen!

Atomic Web, ein alternativer Web Browser für das iPhone oder den iPad, schlägt sowohl den mitgelieferten Safari als auch Opera...

Atomic WebAtomic Web, ein alternativer Web Browser für das iPhone oder den iPad, schlägt sowohl den mitgelieferten Safari als auch Opera Mini um Längen. Er löst das Versprechen ein, mit dem eigentlich Opera Mini an den Start gegangen war. Nämlich schnell zu sein. Rasend schnell. Atomic Web bietet – neben zahllosen weiteren Funktionen – Tabbed Browsing, Multi Touch-Bedienung, Seitensuche, Private Browsing Mode, Full Screen, Bookmarklets und einen sehr gut funktionieren Werbeblocker.

Der Browser lässt sich in einer Lite-Version ohne störende Einschränkungen auf Herz und Nieren testen. Schon nach wenigen Minuten stand fest, daß solche Software-Kunst durch den Kauf der Vollversion unterstützt werden muß. Während das schneckenlahme iTunes die Atomic Web App-Seite lädt, kreisen die Gedanken um den Preis. Drei Euro, vielleicht Vier? Ist der Browser gar fünf oder sechs Euro wert? Dann die Offenbarung: Der Entwickler gibt sich bescheiden und verkauft die Vollversion für gerade einmal 79 Cent! Strong buy!

Did you watch porn?

Auf eine solch schamlos indiskrete Frage dürften die meisten Kohlestoffeinheiten (gemeint sind Weibchen und Männchen) mit einem beherzt entrüsteten “Selbstverständlich...

Auf eine solch schamlos indiskrete Frage dürften die meisten Kohlestoffeinheiten (gemeint sind Weibchen und Männchen) mit einem beherzt entrüsteten “Selbstverständlich nicht!” anworten. Der zugehörige empörte Gesichtsausdruck wird aber in der Regel nur noch durch den Mangel an Glaubwürdigkeit einer solchen Aussage übertroffen. Dabei liegt es diesem Posting fern, mit einem ethischen Zeigefinger wichtigtuerisch in der Luft herumzufuchteln. Gehen wir also in medias res und zeigen, was es mit dem Web, den Browsern und dem Pornokonsum auf sich hat.

Did you watch porn?

Auf der Suche nach Informationen darüber, wie eine Web-Site alle auf dem Rechner eines Besuchers gespeicherten Cookies auslesen kann, hat der Datenkrake u.a. diesen Treffer aus dem Blog des Journalisten Andreas Winter produziert: Did you watch Porn? Dort erfahren wir, daß es, passend zum Betreff [s|m]eines Posts tatsächlich eine Seite gibt, die sich didyouwatchporn.com nennt. Und wir lernen, daß es um die Privatsphäre im Web schlecht bestellt sei, weil Web-Seiten Cookies auf den Rechnern ihrer Besucher speichern. Denn, so der Schluß, wenn eine Web-Site wie didyouwatchporn.com über die auf dem Rechner des Besuchers gespeicherten Cookies herausbekommen kann, welche (Porno-)Seiten dieser besucht hat, dann kann das theoretisch auch jede andere Seite. Und das gilt nicht nur für Schmuddelseiten, sondern ist natürlich auf beliebige Web-Sites nebst deren Inhalten erweiterbar: Politik, Shopping, Religion, etc.

Aber: Wo ist der Zusammenhang zwischen Cookies und besuchten Web-Seiten? Ganz einfach: Es gibt keinen! Oder anders gesagt: didyouwatchporn.com funktioniert, allerdings nicht auf Basis der auf dem Rechner eines Besuchers gespeicherten Cookies. Jeder Browser erlaubt einer Web-Site ausschließlich das Lesen der Cookies, die von dieser Site selber erstellt wurden. Es ist also nicht möglich, über das Auslesen irgendwelcher Cookies die besuchten Seiten eines Web-Surfers abzufragen. Demzufolge ist die Darstellung des Journalisten Winter nicht korrekt.

Es bleibt aber natürlich die Frage, wie didyouwatchporn.com funktioniert? In den guten alten Zeiten des Webs gab es den de facto Standard, noch nicht besuchte Links blau, aktivierte Links rot und bereits besuchte Links violett darzustellen. Und alle Web-Designer da draußen sollten nun einen kurzen Moment inne halten und sich fragen, warum so bekannte Platzhirsche wie Google oder Bing immer noch diesen Standards folgen (Hint: KISS, don’t make me think, gelernt ist gelernt).

Um Links entsprechend ihres Status einzufärben oder bspw. in der Adresszeile eine Web-Adresse während der Eingabe zu vervollständigen (oder auch Alternativen anzubieten), muß sich der Browser merken, welche Seiten bereits besucht wurden. Das macht so ein handelsüblicher Browser eben nicht über Cookies sondern über die sog. Browser-History. Im Firefox kann man sich die zuletzt besuchten Seiten bspw. über das Dreieck am rechten Rand der Adresszeile anzeigen lassen. Bei anderen Browsern gibt es ähnliche Möglichkeiten.

Mit entsprechenden Javascript-Kenntnissen lässt sich nun, unsichtbar für den Besucher einer Web-Site, eine beinahe beliebige Menge an URLs/Internet-Adressen durchprobieren, um zu sehen, ob diese schon einmal besucht wurden. Genau so arbeitet auch didyouwatchporn.com. Dort werden nach dem Laden der Seite im Hintergrund 567 Seiten mit mutmaßlich pornografischen Inhalten als unsichtbare Links in die Seite eingebaut. Im Anschluß wird geprüft, ob eine dieser verlinkten Seiten schon einmal besucht wurde. Im Positivfall gibt es eine entsprechende Meldung.

Did you watch porn?

Allen interessierten Lesern, die sich nur ungern für einen Test von didyouwatchporn.com in den Rotlichtbereich des WWW begeben möchten, stellen wir hier eine Test-Site zur Verfügung.

Haben Sie diese Seiten besucht?

Die Seite prüft gemäß Alexa-Ranking mit Stand 02.08.2010 ob eine oder mehrere der deutschen Top 40 Web-Sites schon einmal besucht wurden. Somit testen wir, abgesehen von Platz 28, nur unverfängliche Seiten.

Das Ganze wurde erfolgreich unter MacOS mit Chrome 5.0, Firefox 3.6, Opera 10.6 und unter Win7 mit IE 8.0 getestet. Mit dem Safari Version 5.0 (MacOS) konnte keine der Top 40 Sites als bereits besucht erkannt werden, obwohl einige davon definitiv zuvor besucht worden waren. Hier versagt auch didyouwatchporn.com, so daß Apple möglicherweise diese Lücke im Safari-Browser geschlossen hat.

Zum Stichwort Sicherheit sei noch erwähnt, daß nur das Abschalten der Browser-History vor einer solchen Spähattacke vollständig schützen kann. Löschen der History in Intervallen oder bspw. bei jedem Schließen des Browsers kann die Größe der Browser-History eindämmen und damit zumindest die Menge bereits besuchter Web-Sites, die mit der beschriebenen Systematik ermittelt werden könnten, reduzieren.

A better way of entering dates in web formulars

The currently used methods for entering dates in web formulars are awkward. After discussing some of the shortcomings and limitations...

The currently used methods for entering dates in web formulars are awkward. After discussing some of the shortcomings and limitations of the currently used methods, we will propose a better way of entering dates in web formulars.

Drop-Down ListNowadays, we usually encounter either drop down lists or calendars or a combination of the two. Short drop down lists are easily handled. But if they get longer, reaching their bottom-most entries is getting cumbersome. A typical drop down list to enter the day of a date has 31 entries. If you, e.g., want to enter the 29th, you have to move the mouse a pretty long way down the screen to finally arrive at number 29. This takes an awful lot of time. Sometimes, you even have to use the scrollbar inside of a drop down list! (Think of a list of countries.)

CalendarCalendars seem to be a better choice but suffer from one major drawback: Each calendar has to start on a specific date. If you stay in the same month and year you can finish your task quite fast. But if you have to choose a different month or year, you usually end up with multiple clicks of some kind of forward/backward buttons. This is time-consuming and not user friendly.

Bearing Fitts’s and Hick’s Law in mind, we present an alternative approach to entering dates, or any data in general, in web formulars esp. if you are dealing with long lists of values. Our solution uses the standard drop down list formular elements as a mnemonic anchor for the user but extends their functionality in such a way, that input of data with the mouse is easier than with the default elements. There is no change in behaviour for keyboard users.

Take a look at the following mockup showing an example for a typical web formular that requests personal data. Besides input fields for the first and last name, street, ZIP etc. we have three drop down lists for the birthday (“Geburtsdatum”).

The standard behaviour of these web formular elements is clear. Without any changes a click on the day drop down list would show all days from one to 31 with only minor differences in appearance and behaviour depending on the browser used.

Our proposal for a better way of entering dates uses Javascript and Layers/CSS to alter the default behaviour of the drop down lists. Upon activating the, e.g., drop down list for the day of birth using the mouse, a semicircle showing the numbers 1 to 12 springs into existence on the right hand side of the drop down element as shown in the following picture.

This way, all the numbers from 1 to 12 can be reached with the same amount of time using the mouse, i.e., all numbers have the same distance to the drop down list’s button element (i.e. the triangle) conserving mouse movement. Either the fast forward symbol left to number 12 ist used to scroll to the following numbers 13, 14 etc. Or you can use, even more conveniently, the scroll wheel of your mouse. As soon as number 1 scrolls “out” of the semicircle a fast backward symbol is shown at the top of the semicircle. Usability regarding scrolling heavily depends on the scroll speed. This is still subject to testing. A full 360° circle showing all numbers from 1 to 31 would be perfect, but either the circle is getting to big or the numbers are getting too small for the Art Directors to be happy. ;)

No voodoo how the month…

…and year will look like.

We are still optimizing the user experience. First tests indicate a notable improvement in the time used to enter dates in web formulars using the described semicircle-approach. As soon as the tests and optimizations have been finalized, we will show examples so you can try it out for yourself.

Scrolling, flexible Eingabefelder, Conversion Rate und die Top 10 Erfolgsfaktoren/Fehler im Web Development

[ad#468×15] Eine kurze Sammlung interessanter Web-/Blogartikel, die sich mit dem Scroll-/Leseverhalten von Web Usern, flexiblen Eingabefeldern, der Conversion Rate als...
[ad#468×15]

Eine kurze Sammlung interessanter Web-/Blogartikel, die sich mit dem Scroll-/Leseverhalten von Web Usern, flexiblen Eingabefeldern, der Conversion Rate als nur einer von vielen wichtigen Web Metriken und den Top 10 Erfolgsfaktoren und Fehlern im Web Development beschäftigen.

Jakob Nielsen, Altmeister der Usability, berichtet von einer Eyetracking Studie zum Thema Scrolling and Attention. Wesentliche Erkenntnis: Obwohl vertikales Scrolling auf Web-Seiten mittlerweile gelernt und akzeptiert ist, verwenden nach wie vor 80% der Web User ihre Zeit, um Informationen “above the page fold” zu betrachten. Es lebe Pareto!

Luke Wroblewski schreibt eine kurze Abhandlung über Flexible Credit Card Inputs. Dabei geht es am Beispiel von Eingabefeldern von Kredikartendaten um Vorgaben, die dem Nutzer das Leben erschweren, indem eine Nummer bspw. unbedingt mit oder ohne Leerzeichen, eine Vorwahl mit oder ohne führende Null etc. eingegeben werden muß. LukeW empfiehlt flexible Eingabefelder, die nicht den Bedürfnissen einer im Hintergrund werkelnden Datenbank entspringen, sondern die intuitiv und ohne Beachtung restriktiver Eingaberegeln vom Nutzer bedient werden können. Don’t make them think!

Dr. Pete fügt im SEOmozBlog der Diskussion um Web Metriken seine Sicht zum Thema When Conversion Rate Isn’t Enough hinzu. Zwar ist die Conversion Rate eine wichtige Größe, um die Performance einer Web Site zu messen. Aber es ist eben nur eine Kennzahl, die, allein betrachtet, keinen Blick auf das große Bild gibt: “We just have to remember to never get so enamored with one metric that we neglect the big picture.”

Und noch einmal Jakob Nielsen – diesmal mit einer älteren Alertbox vom 12. März 2007. Drei Jahre alt, für Web-Verhältnisse gefühlt also eher 20 Jahre, und dennoch topaktuell! In den 10 High-Profit Redesign Priorities geht es um die Top zehn Maßnahmen mit denen das Web Business erfolgreicher wird. Hier sind sie: Email Newsletters, Informative Product Pages, High-Quality Photography, Product Differentiation and Comparisons, Support for Reordering, Simplified Text, Catering to Seniors, Gift-Giving Support, Search und User Testing. Dabei gehört m.E. User Testing eigentlich an den Anfang der Liste, aber Nielsen gibt selber die Erklärung, warum sich dieser Punkt am Ende befindet.

Passend zu den vorangegangen Redesign Priorities noch abschließend seine Top Ten Mistakes in Web Design. Letztes Update in 2007 und ebenfalls allesamt ohne Ausnahme gültig: Bad Search, PDF Files for Online Reading, Not Changing the Color of Visited Links, Non-Scannable Text, Fixed Font Size, Page Titles With Low Search Engine Visibility, Anything That Looks Like an Advertisement, Violating Design Conventions, Opening New Browser Windows und Not Answering Users’ Questions.

Nachrichtenaustausch zwischen WordPress, Twitter und Facebook

Der Schockwellenreiter schreibt in einem kurzen Artikel zum Thema Wildes Gezwitscher wie verwirrend die kommunikative Quervernetzung der sozialen Netzwerke werden...

facebookDer Schockwellenreiter schreibt in einem kurzen Artikel zum Thema Wildes Gezwitscher wie verwirrend die kommunikative Quervernetzung der sozialen Netzwerke werden kann, wenn Dienste wie Youtube, facebook & Co. automatisch Nachrichten twitteruntereinander austauschen. Gezielt eingesetzt, lassen sich aber nützliche Kommunikationsabläufe realisieren: Ein neuer Artikel hier auf der Nullseite wordpress wird über das WordPress Tweeter Plugin automatisch an die Timeline der Nullseite auf Twitter gemeldet und erscheint durch Informations-Pull der facebook Twitter App ebenso automatisch im News Feed von facebook. Hai Tekk!

Ten Ten One – Graf Zahl in Japan

Ich liebe die Japaner. Die machen so verrückte, unglaublich langweilige Spiele-Shows wie bspw. Takeshi’s Castle. Bei der “Burg Takeshi” war...

Japanse Counting in EnglishIch liebe die Japaner. Die machen so verrückte, unglaublich langweilige Spiele-Shows wie bspw. Takeshi’s Castle. Bei der “Burg Takeshi” war die Grundidee eine reale Umsetzung von Jump’n’Run-Computerspielen wie bspw. Super Mario.

Aber da gibt es noch ganz andere abgefahrene Sachen, wie z.B. in diesem lustigen Youtube-Video Japanese Counting In English, bei dem ein Japaner durch seine außerordentlich kreative Zählweise des Englischen auffällt. Have phun! ;-)

How to waste your lifetime with “The Book of Eli”?

Die Überschrift hätte auch “How to waste your money with The Book of Eli?” lauten können. Oder “How to waste...

Die Überschrift hätte auch “How to waste your money with The Book of Eli?” lauten können. Oder “How to waste your money AND lifetime with The Book of Eli?” Aber unabhängig vom Variantenreichtum der Überschrift hat die Verschwendung schon längst stattgefunden. Und zwar in dem Moment, da irgendjemand auf die Idee kam, sich mal wieder an einem Endzeitfilm zu versuchen und auch noch einen Produzenten dafür fand.

Der einsame Wanderer

Die einzige künstlerische Leistung von The Book of Eli besteht darin, daß der Film nicht schlechter hätte produziert werden können. Von den drei, maximal vier, interessanteren Szenen wurde eine bereits im Trailer verbraten. In aller Kürze: Der einsame Wanderer Eli gespielt von Denzel Washington schleppt nach der Post-Apokalypse ein Buch quer durch die USA. Das Ganze schon seit 30 Jahren, Wanderziel “Westen”. Bei dem Buch geht es, wenig überraschend, um das letzte Exemplar der Bibel. Und Carnegie (gespielt von Gary Oldman), der böse Gouvernator mit heute-diese-Stadt-morgen-die-ganze-Welt Ambitionen, sucht – wahrscheinlich ebenfalls seit 30 Jahren – nach ebenjenem biblischen Schriebwerk, um sich die Menschen untertan zu predigen. Ja, das war’s weitestgehend. Sogar Mad Max – Jenseits der Donnerkuppel von 1985 war besser – und der war schon schlecht. ;-) Mehr als rätselhaft, wie dieser Film eine IMDB-Bewertung von 7,1 erhalten konnte…