sourceblogg

seekAttention är ett jQuery plugin som som fokuserar på visst innehåll, om du vill vara extra tydlig att användaren måste läsa något eller lägga märke till någon input-ruta som ej är validerad är denna plugin något för dig. Den fadar ut allt innehåll utom just det elementet som ska visas. Demo: http://enhance.qd-creative.co.uk/demo/seekAttention/#demos Ladda ner: http://enhance.qd-creative.co.uk/demo/seekAttention/#install

Här är en jQuery plugin vid namn pngFix som får transparanta PNG-bilder att fungera i IE 5.5 och IE 6.0 Demo: http://jquery.andreaseberhard.de/pngFix/ Ladda ner direkt: pngFix v1.1

TinyTable är ytterligare en JavaScript som låter dig sortera i dina tabeller. Den har även stöd för paging. TynyTable väger bara 2.5 kb och är lätta att konfigurera, se exemplet nedan: var sorter = new TINY.table.sorter(“sorter”); sorter.head = “head”; //header class name sorter.asc = “asc”; //ascending header class name sorter.desc = “desc”; //descending header class [...]

DataTables är en jQuery plugin för att skapa tabeller. Man kan se den som en vidareutveckling av vanliga HTML-tabeller som ger användaren ett flertal olika funktioner. Det är väldigt enkelt att koppla in DataTables till sina nuvarande tabeller. Se exempel: <script type=”text/javascript” language=”javascript” src=”media/js/jquery.js”></script> <script type=”text/javascript” language=”javascript” src=”media/js/jquery.dataTables.js”></script> <script type=”text/javascript” charset=”utf-8″> $(document).ready(function() { $(‘#example’).dataTable(); } [...]

Jag verkar inte vara ensam om att tycka att varenda webbformulär på nätet är otroligt fula, därför finns det en rad olika javascript som fräshar till formulären. NiceForms är en av dom som jag tycker fungerar väldigt bra. Huruvida den är smidig att anpassa till sin egen design vet jag ej, men jag nöjer mig [...]

Nu är det någon som tänkt vidare på sättet man skyddar sig från skadliga besökare. Ajax Fancy Captcha är en jQuery plugin som hjälper dig att skydda din sida från spammare. Detta är ett nytt sätt att verifiera att besökaren inte är en bot. Och för att verifiera att man är en riktig besökare så [...]

ie7-js är ett javascriptbibliotek som gör så att Microsoft Internet Explorer beter sig som vanliga Standardwebbläsare som renderar HTML och CSS korrekt. ie7-js fixar även så transparenta bilder fungerar i IE5 och IE6. Helt klart värt att testa om du kodat klart en sida och du öppnar sidan i äldre IE-versioner och märker att den [...]

Lazy loader är ett lite udda men ändå användbart pluggin till jQuery om man har en sida med många och stora bilder på. Lazy loader är motsatsen till att förladda bilderna och laddar bilderna först när bilden är innanför viewporten. När man använder denna kan man spara bandbredd och laddningstid om man har väldigt långa [...]

JS charts är ett imponerande javascript som låter dig skapa tårbitsdiagram, stapeldiagram och linjediagram bara genom att använda javascript. Den är så pass enkel att använda att man knappt behöver koda någonting över huvud taget! Man behöver heller inte använda sig av serverscriptspråk för att skapa bilderna. Exempel på användning: <script type=”text/javascript” src=”jscharts.js”></script> <div id=”chartcontainer”>denna [...]

Varenda site laddar i stort set exakt samma javascriptbibliotek. Filerna för varje bibliotek är ca 100KB. Eftersom siterna hostar sina egna bibliotek måste webbläsaren cacha denna fil för varje sida, vilken är slöseri på bandbredd och tid. Allt ska gå fort och lösningen är Google AJAX Libraries APIs. Google hostar helt enkelt de vanligase och [...]