Planungsbüro für Internet

Passwort “Sonne”

block — Wed, 09 Nov 2011 14:01:20 +0000

Ist Ihr Passwort sicher?

Die Anzahl der Anwendungen im Internet für die wir Passwörter benötigen, ist in den letzten Jahren stark angestiegen. Hier ein Account für einen Shop, dort ein Login zu einer Webseite und wenn Sie auch noch Onlinebanking betreiben …

Alle diese Daten werden durch Passwörter gesichert. Ich möchte Ihnen hier ein paar Grundlegende Eigenschaften von sicheren Passwörtern näher bringen.

Sonne ist eines der am meisten verwendeten Passwörter in Deutschland! Bei so genannten Wörterbuchangriffen gehen die Angreifer Wörter durch, die in einem Duden zu finden sind oder durch die Medien bekannt sind. Daher gilt immer: „Ein Wort ist kein Passwort!“

Zum jetzigen Stand ist eine 12 oder mehrstellige Folge von Zeichen die beste Wahl. Beispiel: „V=b62!2/6N§j“

Wer sich solch eine Zeichenfolge nicht merken möchte, kann auch sein Wort „mutieren“ lassen, dabei werden Zahlen und Zeichen zu einem Wort gefügt.

Beispiel: „Sonne“ –> „*Sonne2011“ –> „*20Sonne11“ –> „*20sOnNE11“

Es sind fünf Zeichen zum Passwort dazugekommen. Die Groß/Kleinschreibung wurde verändert, ein „*“ am Anfang hinzugefügt und die Jahreszahl wurde mit eingebaut. Dieses Passwort ist nicht viel schwerer zu merken als Sonne, gibt aber schon erheblich mehr Sicherheit.

Bitte beachten Sie bei der Auswahl Ihres Passwort, dass keine Wörter benutzt werden die sich aus den Namen, Firmennamen, Domainnamen oder ähnlichem ableiten lassen.

Für sensible Daten gilt mindestens 12 zufällige Zeichen, Zahlen und Sonderzeichen zu benutzen und kein Worte verwenden.

Hintergrund: Um ein Passwort mit 10 Zeichen durch ausprobieren zu knacken wird bei den Buchstaben a-z 41 Stunden benötigt, bei gleicher Länge mit Zahlen und Sonderzeichen 2.130 Jahre! (bei 1 Milliarde Schlüssel pro Sekunde)

Gaius Iulius Caesar hat bereits 100 v. Chr. seine Nachrichten mit der nach ihm benannten Verschlüsselung geschützt, schützen auch Sie Ihre Daten.

Aus RGB Farbangaben HEX Werte errechnen

Phillip — Wed, 19 Oct 2011 15:13:31 +0000

In der Regel leiten wir die für CSS benötigten Farbwerte aus der Photoshop Vorlage ab. Manchmal gibt es aber keine Photoshop Vorlage und man muss sich am CI/CD Leitfaden orientieren. Da macht dann kein Photoshop mehr Sinn und ein RGB in Hexadezimal Rechner muss her. Einfach gut und flexibel ist der RGB2HEX Rechner von farb-tabelle.de.

Update gefällig?

block — Thu, 15 Sep 2011 11:08:15 +0000

Ist Ihr System aktuell? Und was bedeutet dies heute?

Angriffe auf Webseiten sind oft erfolgreich, weil diese nicht der aktuellen Software-Version entsprechen. Dabei werden neu entdeckte Sicherheitslücken ausgenutzt um Inhalte zu überschreiben, Links zu manipulieren oder einfach Daten zu entwenden. Die Hersteller reagieren in der Regel darauf, durch die Veröffentlichung eines Updates.

Mit einem Update profitieren Sie doppelt. Neben geschlossenen Sicherheitslücken, können durch ein Update auch neue Funktionen eingespielt und die Bedienbarkeit verbessert werden.

Wissen Sie welche Version Ihre Software hat und ob es dafür ein Update gibt? In unserem Newsletter informieren regelmäßig über neue Updates.

Im allgemeinen sollte eine im Internet verwendete Softwareversion nicht älter als ein Jahr sein. Nehmen Sie sich einen Moment um Ihre Software zu prüfen und lassen Sie mich Ihnen dabei helfen.

An diesen Positionen finden Sie Ihre Versionsnummer Ihres Systems.

TYPO3
Nach Erfolgreichen einloggen in Ihr TYPO3 Backend erscheint die Versionsnummer gleich oben als erstes in der Detailansicht.

Contrexx
Nach erfolgreichem einloggen erscheint die Versionsnummer direkt in der Detailansicht auf der ersten Seite, inkulsive Erscheinungsdatum.

Oxid eShop
Nach erfolgreichem einloggen steht die Versionsnummer in der rechten oberen Ecke.

WordPress
Nach erfolgreichem einloggen erscheint die Versionsnummer in der rechten unteren Ecke.

webEdition
Auf dem Login-Bildschirm wird die Versionsnummer angezeigt.

Sollten Sie Fragen haben oder uns mit der Durchführung Ihres Update beauftragen wollen, steht Ihnen das Planungsbüro selbstverständlich zur Verfügung.

Find & Replace mit “Reguläre Ausdrücke”

Phillip — Thu, 14 Jul 2011 16:16:31 +0000

Wann immer ich Quelltext aus anderen Projekten übernehmen muss, gibt es eine Reihe von Links oder Attribute, die nicht benötigt werden. Da diese Links oder Attribute nicht immer gleich sind, lassen sich diese nicht einfach mit Find & Replace ersetzen. Dank “Reguläre Ausdrücke” ist es z.B. in BBEdit möglich, eine entsprechende Suche auszuführen:

/* Suchen */
href="(.*)?"
 
/* Ersetzen */
href="#"

http Statuscodes überprüfen

Phillip — Mon, 09 May 2011 20:54:52 +0000

Passend zu unserem letzten Daily Hints Artikel möchte ich heute noch ein Tool vorstellen, mit dem man den http Statuscode überprüfen kann.

Mit dem Web Sniffer kann man HTTP Request und Response Header überprüfen. Hier erfährt man, ob eine Domain auch korrekt weitergeleitet wird.

http://web-sniffer.net

Domains suchmaschinenfreundlich umleiten

Phillip — Fri, 06 May 2011 19:15:27 +0000

Duplicat Content ist immer ein Problem in der Suchmaschinenoptimierung beim Weiterleiten von verschiedenen Domains auf eine Hauptdomain.

Leider stolpern wir immer mal wieder über Projekte, bei denen die Domain geändert werden soll. Jetzt ist es natürlich wichtig, die Reputation der alten Domain zu vererben und nicht zu verlieren. Ein Weiterleitung der alten Domain auf die neue Domain mit dem HTTP Statuscode 301 muss her.

Die meisten vorgestellten Lösungen im Internet verweisen einfach die alten Seiten auf die neue Startseite. Unterseiten in Verzeichnissen, so genannte Deeplinks, werden dabei meistens nicht berücksichtigt. Da wir in den Projekten nur den Domainnamen, jedoch nicht die Seitenstruktur verändern wollen, benötigen wir eine Lösung, die die Verzeichnisstrukutur beibehält und nur die Domain per 301 Statuscode auf die neuen Domain ändert.

Das folgende .htaccess Script erfüllt genau diese Anforderung:

1
2
3

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.domain\.tld$ [NC]
RewriteRule ^(.*)$ http://www.domain.tld/$1 [R=301,L]

:hover Formatierungen in Firebug einsehen

Phillip — Thu, 05 May 2011 14:54:16 +0000

Viel zu oft haben wir im CSS Quellcode gewühlt, um eine :hover Formatierung einzusehen. Selbstverständlich geht das auch ohne Umweg in Firebug. Einfach das Element mit dem Inspektor auswählen und in dem Styles Tab die Auswahl :hover wählen. Jetzt werden die :hover Formatierungen des ausgewählten Elements angezeigt. Das geht natürlich auch mit der :active Pseudoklasse.

Conversion Killer “Fehlermeldung”

Phillip — Sun, 27 Mar 2011 22:14:54 +0000

Vor kurzem haben wir bei einer Landing Page eine Formularfeldprüfung mit fatalen Folgen eingebaut. Geprüft werden sollte das Feld Telefonnummer, dass dringend vom Versender für die Zustellung benötigt wurde. Dabei haben wir es uns in der Entwicklung ganz einfach gemacht und das Feld auf “Nur Zahlen” validiert.

Als dann die Bestellungen ausblieben, stellt sich schnell die Frage, warum? Erst nach einem Kundenanruf konnten wir unseren Fehler identifizieren und umgehend beheben. Der Kunde hatte sich beschwert, dass es nicht möglich ist das Feld Telefonnummer richtig auszufüllen. Fast jeder der Befragten gab an, ein Sonderzeichen zwischen Vorwahl und Rufnummer zu setzen. Dieses Sonderzeichen führte zu einer unspezifizierten Fehlermeldung.

Klar haben wir die Landing Page getestet, jedoch haben wir beim Test fast immer nur “123456″ als Rufnummer eingegeben. Nachdem wir den Fehler behoben haben, trafen auch die Bestellungen wie erwartet ein.

Dieses Formular zeigt, dass unser Fehler kein Einzelfall im Internet ist. Bei diesem Formular kommt es zu einer Englischen Fehlermeldung. Das Problem an dieser Fehlermeldung ist, dass ich aus meiner Sicht durchaus einen validen Nachnamen mit mehr als drei Buchstaben eingegeben habe. Leider akzeptiert dieses Deutsche Formular mit Englischen Fehlermeldungen keine Umlaute. Dies wird mir als Laie nicht wirklich mitgeteilt. Ein Absenden ist daher nicht möglich.

OmniFocus vs. Things – ToDo Software im Vergleich

Phillip — Sun, 27 Mar 2011 18:05:44 +0000

ToDo Listen sind ein wichtiger Bestandteil unserer täglichen Arbeit. Da bin ich dankbar über jede Erleichterung, die es mir ermöglicht mich auf die nächsten wichtigen Arbeitsschritte zu fokussieren. Software nach dem Getting Things Done Prinzip hat sich hier bestens bewährt.

Screenshot Things auf dem iPad

Meinen ersten Versuche habe ich mit Things von Culture Code gestartet. Things ist eine wunderbare Getting Things Done Software mit nur einem gravierenden Nachteil. Mit Things kann man nicht zwischen iPhone, iPad und Desktop über das Web synchronisieren. Das heißt, es ist nicht möglich z.B. Abends eine Aufgabe auf dem iPad zu erfassen und diese am nächsten Tag auf dem Rechner im Büro einzusehen, ohne dass man das iPad mit dem Rechner über das gleiche WLan Netz synchronisiert. Das ist für uns völlig unpraktikabel im Alltag.

Screenshot OmniFocus auf dem iPad

OmniFocus von Omni Group kommt mit einem eigenem Sync Server. Omnifocus auf dem iPad hat uns sofort begeistert. Insbesondere die „Vorausschau“ Funktion hilft einen guten Wochenüberblick zu erhalten. Leider ist die Desktop Version nicht ganz so intuitiv zu bedienen. Sie hat in unseren Augen viele unlogische Eingabefunktionen und ist auch optisch nicht so einladen, wie z.B. die Things Desktop Version. Gibt man aber der Omnifocus Desktop Version ein bisschen Zeit, gewöhnt man sich schnell an das Bedienkonzept und findet Funktionen und Filter für die tägliche Arbeit, die man bei Things nicht findet.

Wer eine Software nach dem Getting Things Done Prinzip sucht, und auf die webbasierte Synchronisation verzichten kann, findet in Things eine tolle Software, die intuitiv zu bedienen ist. Sobald man auf eine webbasierte Synchronisation angewiesen ist, sollte man sich einmal OmniFocus genauer ansehen. Hier überzeugt die iPad Version, während die Desktop Version viel Potential zur Verbesserung hat.

Newsletterdesign – Wie Breit darf es werden?

Phillip — Mon, 27 Dec 2010 20:25:20 +0000

Die Breite einer Newsletter-Vorlage ist statisch und nicht flexibel. Daher muss die gewählte Breite auf allen Bildschirmen und E-Mail-Programmen gut darstellbar sein. Heute gehen wir von einer Bildschirmauflösung von mindestens 1024 Pixel aus. Vergleicht man die folgende Statistik, decken wir hiermit 95,6% der genutzten Bildschirme ab. Immer noch 39,9% der Benutzer verwenden eine Bildschirmauflösung von 1024 Pixel. Insbesondere der Trend zu ePCs und Tablets wird die Auflösung von 1024 Pixel auch in Zukunft als größter gemeinsamer Nenner definieren.

Quelle: http://www.webhits.de

Um einen Newsletter für eine Bildschirmauflösung zu optimieren, muss man bedenken, dass man den Newsletter in der Regel in einem E-Mail-Programm wie z.B. Outlook betrachtet. Dort erstreckt sich die E-Mail-Voransicht nicht über die gesamte Bildschirmbreite. Funktionen, wie z.B. Ordner, Kalender und Srcoll-Leisten, werden in Spalten angezeigt und verkleinern die Breite der E-Mail-Voransicht. Daher geht man auf Nummer sicher, wenn man den Newsletter nicht breiter gestaltet als 600 Pixel.

600 Pixel breiter Newsletter in Outlook Express auf einem Bildschirm mit einer 1024 Pixel Auflösung.

Anmerkung:

Auch wenn man mit 600 Pixel Breite bei den meisten E-Mail Programmen keine Darstellungsprobleme erfahren wird, ist streng genommen auch diese Breite zu groß. Das E-Mail/Freemail Angebot von t-online lässt ledigliche eine Breite von 580 Pixel zu. 600 Pixel breite Newsletter resultieren daher in einem vertikalen Scrollbar.

600 Pixel breiter Newsletter in der E-Mail-Ansicht bei t-online