November 22nd, 2010 by Michael
Übersicht über alle CSS-Eigenschaften mit der jeweiligen CSS Version:
http://meiert.com/de/publications/indices/css-properties
Übersicht aller HTML-Elemente mit der jeweiligen HTML- bzw. XHTML-Version:
http://meiert.com/de/publications/indices/html-elements
September 27th, 2010 by Michael
Javascript. Highlighted die Suchergebnisse auf der eigenen Seite wenn man von der Googleergebnisseite aus kommt.
Tags: css, javascript, optimierung
August 25th, 2010 by Michael
www.fontsquirrel.com/fontface
große Auswahl von Freefonts zum Download als fertige @font-face Font Kits.
kostenlos
code.google.com/webfonts
kleine Fontauswahl. Einbetten einer externen CSS-Datei vom Googleserver.
kostenlos
www.fontspring.com
riesige Auswahl von Fonts. Download als fertige @font-face Font Kits.
überwiegend kostenpflichtig (10 EUR bis 50 EUR pro Schnitt), einige kostenlose Fonts
www.typekit.com
große Fontauswahl namhafter Fonthersteller. Einbetten einer externen CSS-Datei vom Typekitserver.
kostenpflichtig (ab 25 USD pro Jahr)
August 23rd, 2010 by Michael
Internetexplorer versaubeutelt die Glättung der Schrift bei Fadingeffekten mit jQuery. Hier die Lösung:
blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch
Tags: css, ie6, ie7, ie8, jquery
June 11th, 2010 by Enno
Anwendbar auf image-Tags und CSS-Eigenschaft background-image
Unterstützung von:
- background-position
- background-repeat
- CSS-Style-Zuweisung per Javascript
- CSS pseudo-class a:hover
April 7th, 2010 by Michael
übersichtlich aufgelistet.
Tags: css, html, validieren
March 4th, 2010 by Michael
Designtemplate, das auf 960 Pixel Breite basiert und gut für Spaltenlayouts geeignet ist.
February 25th, 2010 by Michael
Das Einbetten von Schriften via CSS wird von den Browsern wie folgt unterstützt:
Internet Explorer: ab IE 5 (.eot)
Firefox: ab 3.5 (.otf, .ttf)
Firefox: ab 3.6 (.otf, .ttf, .woff)
Safari: ab Safari 3.2 (.otf, .ttf)
Opera: ab Opera 10 (.otf, .ttf)
Chrome: ab Chrome 4 (.otf, .ttf, .svg)
iPhone: ab 3.1 (.svg)
Ein Supertool ist der @Font-face Kit Generator von Fontsquirrel, der die entsprechenden Fontdateien und die dazugehörigen Stylesheets für alle Browser erzeugt.
www.fontsquirrel.com/fontface/generator
Der CSS Code sieht dann z.B. so aus:
@font-face { font-family: 'BlockUpRegular'; src: url('BLOCKUP_.eot'); src: local('BlockUp Regular'), local('BlockUp'), url('BLOCKUP_.ttf') format('truetype'), url('BLOCKUP_.svg#BlockUp') format('svg'); }
Eine Beispielseite habe ich hier:
tools.strombild.de/fontfacekit
Eine Vergleichseite von Systemschrift zu nachgeladenener Schrift habe ich hier:
tools.strombild.de/fonttest
Informationen zu dem neuen Format .woff gibt es hier: hacks.mozilla.org/2009/10/woff/
February 22nd, 2010 by Michael
Eine elegante Weise, Links in Stylesheets für Drucker darzustellen:
a:after { content: " [" attr(href) "] "; color: #999; text-decoration: none; }
Tags: css
January 14th, 2010 by Michael
.transparent_class { filter: alpha(opacity=50); /* ie */ -moz-opacity: 0.5; /* firefox, netscape */ -khtml-opacity: 0.5; /* safari 1 */ opacity: 0.5; }
Tags: css