//Notizblog
Webdesign
Gratis SSL-Zertifikat erstellen
553 Tage
Wer sich schon einmal ein self-signed Zertifikat erstellt hat wird wissen, dass alle Browser vor dem Aufbau einer Verbindung eine nervige, bzw. abschreckende Warnung ausgeben.
Wer ein SSL-Zertifikat von einer anerkannten Autorität haben wollte, musste dafür bisher, auch wenn es nur um ein Hobbyprojekt ging, tief in die Tasche greifen.
Einen guten Ansatz hat die spendenfinanzierte Gemeinschaft CAcert.org verfolgt, konnte es aber bisher nicht in die Stammzertifikatslisten schaffen.
Jetzt bietet der kommerzielle Anbieter StarCom mit StarSSL kostenlose SSL-Zertifikate an, die bis auf Opera allen wichtigen Browsern bekannt sind.
Die Anmeldung ist etwas gewöhnungsbedürftig. Zuerst einmal bekommt man kein Passwort, sondern ein Client-Zertifikat, mit dem man sich in seinem Account anmeldet (und was man gut aufheben sollte). Zum Anderen fand ich die Menüführung kompliziert.
Vor allem sollte man sich bewusst sein, dass die erstellten Zertifikate nach einem Jahr erneuert werden müssen und es keine kostenlosen Wildcard-Zertifikate gibt.
Während der Installation wird zwar angeboten, ein Schlüsselpaar generieren zu lassen, es ist aber empfehlenswert seinen Privaten Schlüssel selbst zu erstellen.
Eine sehr gut bebilderte Anleitung habe ich bei Lernschmiede.de – kostenfreie Zertifikate gefunden.
Bei heise.de gibt es ebenfalls eine kurze Anleitung.
Auch das StarCom Wiki bietet eine ausführliche Installationshilfe.
Online Editor mit Syntaxhighlighting
Ich hatte vor kurzem einen Schulrechner mit HDD Sheriff, weshalb ich immer einen Quelltexteditor auf USB-Stick mitbringen musste.
Eine praktische Alternative wäre hier der Javascriptbasierte Online Editor EditArea gewesen, der außer Syntax-highlighting für die bekanntesten Sprachen auch Suchen und Ersetzen und Tabs unterstützt. Der Installation auf dem eigenen Server steht dank freier Lizenz nichts im Wege.
via davidsCorner.de
HTTPS bzw. SSL-Verbindung erzwingen
Ich habe mir gerade den PIM Open-Xchange eingerichtet und bin zu bequem, das https noch vor die Domain zu setzen. Damit aber kein man/woman in the Middle mithört, habe ich mir mit mod_rewrite eine Umleitung eingerichtet.
Diese kommt einfach in die .htaccess des Rootverzeichnisses, bzw. in die VirtualHost-Definition der httpd.conf und lautet wie folgt:
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://
Hier muss <domainname> angepasst werden.
Natürlich sollte das Modul rewrite vorher per Eingabe von a2enmod aktiviert worden sein.
Post Browserkrieg: Firefox und Chrome auf dem Vormarsch
Zwar hört man immer wieder, dass es mehr aktive Firefox-, als Internetexplorernutzer gibt, die Zahlen von einigen Counteranbietern und einem Marktforschungsunternehmen mal schwarz auf weiß zu bekommen fand ich dennoch interessant:
Webcounter:
Marktforschung:
Icons finden – FindIcons.com
Während ich über die Google Bildersuche immer etwas länger gebraucht habe, ein passendes Icon für Desktop oder Blog zu finden, geht es mit FindIcons deutlich schneller.
Großer Vorteil ist, dass die Symbole sehr gut indexiert sind, man also bei Klick auf ein Symbol gleich viele ähnliche Icons gezeigt bekommt.
Auf die Lizenz sollte man natürlich achten, und falls nicht angegeben, mal den Autoren vor Veröffentlichung anmailen.
via technikwürze.de
Die richtige Farbe für jeden Zweck
688 Tage
Laut Netzwelt hat Microsoft bei Versuchen mit verschiedenen Linkfarben in Bing herausgefunden, dass der Farbton #0044CC (Kornblumenblau mit violettem Unterton), die Klickzahlen erhöht.
Eine Googlesuche hätte den Microsoft-Mitarbeitern auch schon geholfen, denn Platzt 1 zur Suche nach Farbpsychologie lässt wissen, dass Blau Lieblingsfarbe von 38% der Deutschen ist. Es folgen Rot (20%) und Orange / Grün (ca. 14%).
Um fürs nächste Website-Design ein entsprechendes Farbschema zu finden, bietet sich der colorschemedesigner an.
Das zur Farbschema mit der “Wunderfarbe” könnte z.B. so aussehen:
13 weitere Tools zur Farbschemafindung finden sich bei pixey. So kann man sich z.B. das Farbschema einer Website mit I Like Your Colors anzeigen lassen, oder bei jrm eine Farbpalette aus einem hochgeladenen Bild generieren lassen.
Webdesigners Darling – IE Bugfixing
700 Tage
Ist wohl ganz klar der IE6. Er ist, da Standardbrowser in Windows XP noch immer weit verbreitet, darf nicht ignoriert werden, schert sich aber nicht sonderlich um Webstandards.
Nicht nur der transparent-png Bug zieht sich gleich durch mehrere Versionen, sondern er versteht auch nichts außer a:hover, dabei brauchte meine letzte Navigation unbedingt ein span:hover.
Auch sehr beliebt: der z-index Bug.
Ein Fix ist ohne Einschränkungen beim Design oft nur über eine per css behavior Attribut eingebundene *.htc-datei, also JavaScript, möglich.
Die folgenden beiden .hts beseitigen die schwerwiegendsten Probleme:
- CSS hover Bug: whatsoever:hover von xs4all.net
- PNG transparency bug: twinehelix iepngfix.htc
Die Dateien können natürlich auch kombiniert werden, um http-requests zu sparen.
Am Besten bindet man den Patch mit Conditional Comment ein, dann validiert die Seite trotz des behavior Attributs: (weiterlesen…)
WordPress Gallery Styles entfernen
WordPress hat eine tollte Galerie Funktion integriert.
Leider schreibt die einem ungefragt neue Styles in die Seite.
Da ich die Galerie optisch anpassen wollte brauchte musste ich die Standard Styles loswerden.
Fündig wurde ich sivel.net. Der Trick war, folgende Zeilen zur functions.php des Themes hinzuzufügen:
<?php
add_filter('gallery_style', create_function('$a', 'return "
<div class=\'gallery\'>";'));
?>
Damit man anschließend beim Login oder Logout nicht folgende Meldung zu sehen bekommt,
Warning: Cannot modify header information - headers already sent ...
sollte man alle Leerzeilen- und zeichen in der functions.php löschen.
Geschwindigkeit von WordPress Permalinks
Ich habe per Zufall im WordPress Codex gelesen, dass eine Verwendung von %postname% oder %category% ohne Zahlenwerte wie ID oder Datum, zu Performanceeinbußen führt.
Für den Leser ist eine lange URL aber weniger sinnvoll, weshalb ein paar Millisekunden mich nicht stören würden. SEOtechnisch ist eine kurze URL sicher auch nicht verkehrt.
Weil fast alle größeren Blogs und Newsseiten aber mindestens eine Zahl im Seitennamen haben, hat mich das schon ein wenig verunsichert.
Laut sw-guide ist die Performance ohne Zahl im Seitennamen nur schlechter, wenn man viele Seiten hat (nicht Posts). Auf Playground lese ich dagegen, dass es generell bei größeren Projekten sinnvoll ist.
Also Permalink Struktur vorsichtshalber umstellen?
Zumindest ist dank mod_rewrite keine Eile geboten. Die nötigen Zeilen generiert natürlich auch das Permalink Migration Plugin. Deutlich mehr Optionen bietet das Redirection Plugin von UrbanGiraffe.
Webfonts unter der Lupe
Ich habe vor kurzem einen interessanten Gastartikel im Designtagebuch gelesen, wo die Lesegeschwindigkeit häufig verwendeter Schriftarten am Bildschirm, in einem Experiment mit 3000 Teilnehmern dokumentiert wurde.
Noch interessanter als die Erkenntnisse zur nur marginal unterschiedlichen Lesegeschwindigkeit, waren Aussagen der Teilnehmer darüber, zu welchen Themenfeldern und Wirkungen welche Fonts am Besten passen.
Trotz der eigentlich zu geringen Unterschiede möchte ich die “Speedfonts” in den am schnellsten erfassbaren Größen hier mal festhalten: Arial & Verdana (13px), Candara (15px), Trebuchet (15px), Cambria (16px).
Ich weiß nicht, ob man daraus ableiten sollte, dass Serifenschriften eher etwas größer gewählt werden sollten. Zumindest entspricht das der mehrheitlichen Verwendung und der groben Rasterung in Pixel am Monitor. (weiterlesen…)
RSS-Feed