Archive for the ‘css’ Category

CSS Präprozessor

Montag, Februar 28th, 2011

Ein interessantes Projekt: http://sass-lang.com/

Man erstellt eine .SCSS Datei, mit zusätzlichen Möglichkeiten, die mit einem Script dann zu einer normalen CSS-Datei umgewandelt wird.

In SCSS ist zB möglich:
– Variablen
– verschachtelte Elemente
– Funtionen
– vererben von CSS-Definition in anderem Element

Browser Historie lesen

Mittwoch, April 14th, 2010

Mit einem kleinen Trick kann man auslesen, ob der Besucher deiner Website eine bestimmte URL schon besucht hat. Die Browserhersteller kennen das „History Stealing“ schon lange, tun aber nichts dagegen.

So gehts:

<pre>
function hasLinkBeenVisited(url) {
var link = document.createElement('a');
link.href = url;
document.body.appendChild(link);
if (link.currentStyle) {
var color = link.currentStyle.color;
if (color == '#ff0000')
return true;
return false;
} else {
link.setAttribute("href",url);
var computed_style = document.defaultView.getComputedStyle( link, null );
if (computed_style) {
if (computed_style.color == 'rgb(255, 0, 0)')
return true;
}
return false;
}
}
</pre>

Dabei muss per CSS die Farbe rot für besuchte Links definiert sein.

Code von http://www.merchantos.com/makebeta/tools/spyjax/

Schnellere Webseiten

Samstag, Juni 20th, 2009

Die besten Tipps von Yahoo:

http://developer.yahoo.com/performance/rules.html

High performance Ajax Applications

Samstag, Juni 20th, 2009

So macht man schnelle Webapplikationen mit JS, CSS, AJAX:

http://yuiblog.com/blog/2007/12/20/video-lecomte/

CSS-Tipps

Samstag, Juni 20th, 2009

50 wirklich interessante CSS-Tipps:

http://www.smashingmagazine.com/2008/12/09/50-really-useful-css-tools/