Posts getaggt mit css:

Wikipedia SOPA Blackout Removal

wikipedia-sopa-blackout-removal

Wie viele andere, auch deutsche, Seiten bleibt die englische Wikipedia bis auf ein paar relevante Artikel heute aus Protest gegen SOPA und PIPA schwarz.

Die Aktion ist zwar gut und notwendig, aber auch, wie gewollt, recht unpraktisch. Da die Blackout-Nachricht nur ein Overlay ist, kann man den Content leicht mit ein wenig CSS wieder sichtbar machen:

#mw-sopaOverlay {
    display: none;
}
#mw-page-base, #mw-head-base, #content, #mw-head, #mw-panel, #footer {
    display: block;
}

Obiges z.B. mit GreaseMonkey, Chromes Personalized Web oder Operas User CSS benutzen.

Alternativ geht auch dieses Bookmarklet: WP Remove SOPA
Allerdings bei mir nicht in Chrome.

Tags: css, sopa, wikipedia
discuss!

Conditional stylesheets vs CSS hacks? Answer: Neither!

Spezial-Styles für den IE nicht mit CSS-Hacks oder konditional eingebundenen CSS-Files, sondern:

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

Die Styles sind nicht mehr verteilt auf mehrere Dateien, die Seite läd schneller (vor allem im IE8) und das CSS ist lesbarer.

Tags: css, html, webdev
discuss!

What the Heck is Shadow DOM?

Versteckte DOM-Unterbäume, mit denen browser die Implementierung komplexerer Elemente verbergen (<video>, <input>, ...). Mit einigen Tricks kann man auf sie zugreifen. Eigene Shadow-Trees kann man im Moment nicht erstellen, was aber vor allem für Frameworks praktisch wäre.

discuss!