Om een bepaalde positie van een element in je pagina op te halen kun je gebruik maken van de functie offset(). Bijvoorbeeld: Je wilt de positie weten van je footer.... de footer element heeft een "#main-footer" ID. In jQuery kan je met $('#main-footer').offset().top de top positie in pixels van de footer ophalen.
Het is met een beetje CSS code mogelijk de (tekst)selectie kleur van je webpagina te veranderen naar de thema van je website.
Standaard is dit blauw, maar je kan wat meer eigen maken door hetvolgende code in de CSS te plaatsen:
::-moz-selection {
background: #E9243C;
color: #fff;
}
::selection {
background: #E9243C;
color: #fff;
}
Let wel op dat de bovenstaande (vendor)code alleen bij Firefox & Safari werkt.
Een snelle tip als je in de teksteditor programma TextMate verborgen bestanden wilt laten weergeven in de project folder.
De standaard instellingen in TextMate verbergt de verborgen bestanden (bestanden met een "." ervoor, zoals .htaccess, .gitignore etc.) Om deze verborgen bestanden te laten weergeven ga je naar: TextMate -> Prefences-> Advanced-> Folder references -> Het bovenste input (File Pattern)
CSS3 is er al weer een tijdje. Een paar jaar geleden gebruikte ik enkel achtergrond plaatjes om ronde hoeken op de elementen te krijgen. Tegenwoordig is dit simpeler op te lossen door middel van CSS. Deze border-radius code werkt niet op Internet Explorer 8 en lager, maar Internet Explorer versie 9+ ondersteunt wel de border-radius eigenschap.
Je hebt een opsomming op de pagina die je wilt afkappen, omdat je bijvoorbeeld enkel de laatste 3 maanden van je blogposts wilt laten weergeven. En als je bezoekers meer willen zien kunnen ze op het knopje "toon meer" klikken. Ik ga je laten zien hoe je dit met jQuery kunt oplossen.
De bedoeling is dat je op de knop "toon meer" klikt en dat direct de rest van de lijst zichtbaar wordt, zonder dat de pagina opnieuw geladen hoeft te worden.
Sinds 2007 maak ik gebruik van deze geweldige service van Google. De webmasters tool geeft je de essentiele data die je nodig hebt als het om zoekmachine optimalisatie en site optimalisatie gaat. Als je in de web wereld werkt en nog geen gebruik maakt van deze tool, raad ik je aan om het vanaf vandaag een kans te geven.
Ga naar Google Webmasters
jQuery is een populaire library dat afgelopen jaren het web veel vooruit heeft geholpen. Als je in detail wilt weten wat jQuery zo populair maakt kan je het hier bekijken.
http://www.keyframesandcode.com/resources/javascript/deconstructed/jquery/
Bekijk demo
Download code