blog.bartlweb - a technologist's external brain

Alle Artikel

robots.txt – Suchmaschinenverhalten für die eigene Webseite definieren

Es gibt für Suchmaschinen den Codex sich an den Meta-Tag robots bzw. an die Datei robots.txt beim Indizieren einer Seite zu halten. Über diese beiden Möglichkeiten kann man gezielt steuern welche Seiten von Suchmaschinen erfasst werden und welche nicht. Es ist auch die Kombination von robots.txt und Meta-Tags möglich, hier muss allerdings auf Abhängigkeiten geachtet werden.

robots.txt

Die Datei robots.txt muss im Root-Verzeichnis des Webservers liegen und damit unter http://www.domain.com/robots.txt erreichbar sein.

Focus mittels jQuery im InternetExplorer emulieren

IE6 und IE7 können die Pseudoklasse :focus nicht auf Formularelemente anwenden. Diese kann jedoch sehr einfach per jQuery und den Methoden focus() und blur() nachgerüstet werden.

Ein Problem gibt es hier allerdings mit den Selectboxen. Wird hier das focus()-Event ausgelöst schließt sich die Selectbox sofort wieder und erst ein zweiter Klick öffnet diese dann wirklich. Um dieses Problem zu umgehen kann das Event mousedown() anstatt focus() verwendet werden.

Screenreader

Ein Screenreader ermöglicht blinden oder stark sehbehinderten Personen die Benutzung eines Computers in dem dieser Bildschirminhalte vorliest. Unten finden Sie eine Liste mit den gängigsten kommerziellen und nicht kommerziellen Programmen.

kommerziele Screenreader

OpenSource Screenreader

doppelte Menübelegung unter MacOSX

Drückt man unter MacOSX die Alt-Tase werden in den Programmmenüs der Programmleiste alternative Menüelemente angezeigt.

Besonders nützlich in VMWare Fusion da hier dann die Menüpunkte für Hard-Resets angezeigt werden.

Barrierefreie Links mit CSS

Um Links nicht nur per Maus-Hover sondern auch per Focus mit der Tastatur hervorzuheben muss für jeden link a:hover und a:focus definiert werden. IE6 kann kein a:focus, dafür wird a:active bei erhaltenem Focus angewandt.

Generell können die Pseudo-Klassen :hover und :focus auf alle HTML-Elemente angewandt werden, wobei :focus nur bei Links und Formularelementen zum Einsatz kommt. Zu beachten ist: IE6 kennt kein :focus und IE7 kennt :focus nur für Links.

:hover - mit der Maus über dem Element

:focus - Element hat focus

:active - Element ist angeklickt

SVN-Projekte aus Eclipse entfernen

Einzelne SVN-Connections bzw. gespeicherte Servereinträge kann man in der SVN-Perspective von Eclipse löschen.

Gespeicherte Passwörter und Benutzernamen für SVN-Verdbindungen löscht man unter MacOSX durch das löschen von .eclipse_keyring im Home-Verzeichnis.

emHack – 1em auf 10 Pixel setzen

MIt Hilfe des emHacks ist es möglich die relative Größeneinheit em sinnvoll und vereinfacht zu nutzen, da dieser 1em immer auf 10px anstatt 16px setzt und damit die Umrechnung erheblich leichter wird.

Der Hack sollte als erste CSS-Definition eingefügt werden:

/* em Hack */
* { font-size:1em; }
html { font-size:62.5%; }
body { font-size:1em;}

Achtung: im InternetExplorer stimmt die Umrechnung nur für kleinere Werte, bei größeren Werte (>100px) werden die Angaben auf Grund von Rundungsfehlern nicht exakt in Pixel umgerechnet. Dies ist ein Allgemein bekanntes Problem und tritt auch bei Prozentangaben auf.

min-height Hack für IE6

IE6 unterstützt dass CSS-Attribut min-height nicht. Folgender Workaround schafft Abhilfe:

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

.DS_Store Dateien unter MacOSX ausblenden

MacOSX legt im Normalfall unzählige Hilfsdateien im Format ._Filename und .DS_Store an.

.DS_Store auf Netzwerkfreigaben deaktiveren

defaults write com.apple.desktopservices DSDontWriteNetworkStores true

.DS_Store im Finder ausblenden

defaults write com.Apple.Finder AppleShowAllFiles NO
killall Finder