Responsive Webdesign

Wat u hier voor u ziet is een in elkaar gehackt Child Theme WP 20 11. Heeft echter (een fervent volger van de ‘fixed vs fluid’ discussies) mijn interesse voor Media Queries en Responsive of Adaptive Webdesign gewekt. Ik ga i.i.g., ter lering ende vermaak, een serieus framework in elkaar knutselen. Vermoedelijk zal dit thema dan weer snel verdwijnen.
Vandaar een aantal tijdelijke posts als vulling.

Leestips:

Fraaie voorbeelden: Continue reading

WordPress Twenty Eleven

“Ze willen zelfs mijn hond niet aaien …” is gebaseerd op het WordPress Twenty Eleven thema.
De volgende wijzigingen zijn in het Child Theme ‘zwzmhna_20120101′ opgenomen:

  • Home page toont posts (aantal instelbaar) in 2 kolommen, gevolgd door 25 (of 5 of wat-dan-ook) klikbare thumbnails naar de volgende posts;
  • Single page met sidebar;
  • Archive pages tonen posts in 2 kolommen;
  • Geen header image op Home en Archive pages;
  • Een All Thumbnails Page toegevoegd;
  • Rounded Corner borders om de widgets (verschijnt, zuiver als ‘show off’, alleen bij max-width: 768px) – erg consequent is het allemaal vast nog niet;
  • In Handheld modus verandert het Categorie Menu in een verticale lijst.
/* Layout for mobile version */
@media (max-width: 800px) {
	aside.widget {
		border: 1px solid #444;
		padding: .4em .8em;
		margin: .5em -.5em;
		border-radius:.6em;
		-moz-border-radius:.6em;
		-webkit-border-radius:.6em;
	}
}

Continue reading