robsite

In 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.

· css, sopa, wikipedia · ★

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.

· css, html, webdev · ★
Mastodon