Inline vs. Embedded vs. Extended CSS

Har altid brugt fordelen ved inline CSS i udformningen af dynamiske sitet.
Her et exempel hvor farven kan ændres via ASP-variabler inline.

<span style='bgcolor:#<%=bgColor%>; color:#<%=color%>'>dynamisk farver</span>

Samme version kan også bruges som Embedded CSS, men ikke som Extended CSS

Fjern Submit-knap efter klik

Har tit manglet et script til at disable submit-knappen når den er blevet trykket på.
Og fandt så på at udskifte text og baggrund på knappen ved onClick.

<input ID="btn" type="button" value="GEM" class="buttonReserverPopup" onclick="javascript:document.getElementById('btn').disabled=true;javascript:document.getElementById('btn').value='GEMT';javascript:document.getElementById('btn').style.backgroundImage='url(../images/button-DISABLE.png)';return document.returnValue"/>

Ovenstående ændre baggrund og texten ved klik på submit.
1) Baggrunden ændres til et nyt billede...

javascript:document.getElementById('btn').style.backgroundImage='url(../images/button-DISABLE.png)';

2) Texten på knappen ændres til 'GEMT'...

javascript:document.getElementById('btn').value='GEMT';

3) Knappen gøres inaktiv med

document.getElementById('btn').disabled=true;

jQuery ScrollTo - animeret scroll-funktion

Hvis man vil lave en animeret scroll-funktion til sine sider og lave en smooth scroll til sit anchor kan det gøres vha. jQuery.

<script src="jquery.js" type="text/javascript"></script>
<script>
function goToByScroll(id){
   $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>

'slow' kan med fordel udskiftes med 1000 (svarer til slow i millisekunder), så der kommer til at stå:

   $('html,body').animate({scrollTop: $("#"+id).offset().top},1000);

Her er a href'en...

<a href="javascript:void(0)" onClick="goToByScroll('1')">Go to anchor 1</a>
<a href="javascript:void(0)" onClick="goToByScroll('2')">Go to anchor 2</a>

Her linkes til id="1" og id="2" som kan sættes på h1, h2, p, span, osv.

Exempel:

<h1 id="1">Overskrift</h1>

Specifik søgning i Windows 7

Hvis du vil søge på en bestemt filtype i Windows 7 kan du tilføje:

type:=.tif 

efter teksten du søger på.

CSS3 border-radius

CSS3 border-radius property gør det nemt for web-udviklere at udnytte rundere hjørner i deres design elementer, uden brug af billeder eller brug af flere div tags, og det er måske et af ​​de mest omtalte aspekter af CSS3.

#example1 {
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
  } 

Ovenstående kode-eksempel virker i Firefox, Safari/Chrome, Opera and IE9. Og er med en tak til Morten :-)

W3C Specification	Mozilla Implementation
border-radius	-moz-border-radius
border-top-left-radius	-moz-border-radius-topleft
border-top-right-radius	-moz-border-radius-topright
border-bottom-right-radius	-moz-border-radius-bottomright
border-bottom-left-radius	-moz-border-radius-bottomleft