Mit JavaScript prüfen, ob ein CSS media query ausgeführt wurde


@media (min-width: 45em) {
	body:after {
		content: 'widescreen';
		display: none;


var size = window.getComputedStyle(document.body,':after').getPropertyValue('content');
if (size == 'widescreen') {
	// go nuts


Die genialsten Lösungen sind immer die einfachen. Auf die kommt man aber nie selbst.

Edit: Funktioniert wohl derzeit nur im Chrome/Chromium (Version 18 und 19 getestet). Siehe auch Kommentare.

Linkhub #6

Jetzt noch drei freie Javascript/jQuery-Bücher/Einführungen

Linkhub #5

Workaround Firefox/Iceweasel fontface issue

Due a very restrictiv »file uri origin«-policy Firefox/Iceweasel won’t load custom fonts.
Try to set a specific header for each font file (TTF, OTF, EOT) in your .htaccess:

<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"


How to build an grouped archive in Textpattern

You can build an archive of blog posts/articles which is grouped by year and months with built in tags. The nested tags and HTML elements are looking really weird but it works as unordered nested list.

<txp:article_custom sort="Posted desc" limit="99999" wraptag="ul" break="" class="archive">

	<txp:variable name="year" value='<txp:if_different><txp:posted format="%Y" /></txp:if_different>' />
	<txp:variable name="month" value='<txp:if_different><txp:posted format="%B" /></txp:if_different>' />

	<txp:if_variable name="year" value=""><txp:else />
		<txp:if_first_article><txp:else />
		<li><h2><txp:posted format="%Y" /></h2>

	<txp:if_variable name="month" value=""><txp:else />
		<txp:if_variable name="year" value="">
		<txp:else /></txp:if_variable>
		<li><h3><txp:posted format="%B" /></h3>

	<li><txp:posted />: <txp:permlink><txp:title /></txp:permlink></li>



Linkhub #4

neuere Einträge | ältere Einträge