Posts getaggt mit css:

CSS Diner

CSS Selektoren lernen mit Gurken und Äpfeln.

Tags: css, tutorial
Kommentare deaktiviert für CSS Diner

Full-height app layouts: A CSS trick to make it easier

CSS-only Methode um Boxen auf volle Bildschirmhöhe zu bringen, sodass der überfließende Content scrollbar ist (á la Frames).

Kurz: Absolut positionierte Elemente mit top: 0; und bottom: 0; auf volle Höhe bringen.

CSS Fullheight Layout

Tags: css, tutorial, webdev
Kommentare deaktiviert für Full-height app layouts: A CSS trick to make it easier

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
Kommentare deaktiviert für Wikipedia SOPA Blackout Removal

Building a pure CSS 3D City

Eine kleine rotierende Stadt, gebaut mit CSS-3D-Transformationen. WebKit-only und nur mit orthogonaler Projektion.

Die Demo

/images/posts/0000/2902/css3dcity_big.jpg

Tags: 3d, css, gfx, webdev
Kommentare deaktiviert für Building a pure CSS 3D City