jQuery

Lär dig jQuery like a boss

Idag snubblade jag över en ny sida som heter Code School som hjälper att komma igång och lära dig programmeringsspråk och webbutvecklingsspråk på ett snyggt, smart och pedagogiskt sätt.

Jag hittade sidan genom att att ramlade över Try jQuery vilket är en gratis kurs med alla de viktigaste grunderna i jQuery och lite till och är ett samarbete mellan teamet på jQuery och Code School. Det är precis allting du behöver för att komma igång med jQuery men även för att ta det till nästa nivå på ett sätt som är lätt att förstå.

Kursen består av fem stycken delar med tillhörande föreläsningen inför varje steg och dom säger att det ska ta ungefär tre timmar att ta sig igenom kursen. Efter varje steg så är det ett antal uppgifter som man måste klara för att ta sig vidare och bygga på sina kunskaper. Fastnar du så hittar du enkelt länkar till det du jobbar med just nu till jquery.com där du kan läsa mer om det och sedan finns det lite hints varje uppgift om man fastnar och behöver att någon pekar dig i rätt riktning.

Det är smart byggt där man verkligen tar det från det enklaste till att inkludera javascript filer i DOMen och sedan går igenom och visa olika sätt att navigera sig i DOM-strukturen och sedan förklara vilket man borde använda för bäst prestanda, men att du samtidigt får förståelse för båda.

Själv har jag har betat av ungefär 55 % vid skrivande stund efter att ha hoppat lite och för att testa, men jag kommer nog avsluta den ändå för att fräscha upp minnet och se om det är några olater och sedan har jag även startat kursen med grunderna i Git.

Utbudet vid skrivande stund är kurser inom Ruby, Javascript, HTML/CSS, iOS och Electives och vad det verkar som verkar det vara mer på ingång. Ska bli spännande att följa utvecklingen av sidan och se vad det kan bli av den.

Ta en kik för det är absolut värt och lär dig jQuery like a boss.

Tillhandahåll vektorbaserad logotyp till användare med <link> & jQuery

Snubblade över sidan rel=”logo” som enkelt föreslår att man borde att länka i en .svg-fil i headern med hjälp av link-taggen och på så sätt tillhandahålla vektorbaserad bilder och logotyper till de som är ute efter det. Inget mer att man bara snor en lågupplöst logo eller behöver jaga rätt på vektorfiler för logotypen. Utan att man försöker sätta detta som standard och att man kan hämta ut det snabbt, snyggt och enkelt.

Detta är ju verkligen ett jättesmart förslag, men det är kanske mer än webbnördar som en annan som läser källkod som nattlektyr. Hur skulle man då enkelt kunna hjälpa användare att hitta eller leda dom till rätt val?
Jag gjorde därför ett litet jQuery-plugin för detta som ska hjälpa folk som ska högerklicka och ladda ner en logotypen att dom då får upp en lite ruta som automatiskt har hämtat ut de <link>-taggar som finns i header och med hjälp av en data-title-taggen sätter vi länktexten.


Kom gärna med förslag på hur det kan göras bättre eller om ni hittar buggar.

Check out the code on github
Demo

Vidareutveckling

Det finns en del att önska kanske med det, men jag är av typen att bygga släppa och sen förfina och gärna med hjälp av andra. Man utvecklas mer av släppa saker och inte vara för perfektionist. Men nu till vad jag skulle vilja göra med det framöver.

  • Lägg till placering till vänster och ovanför
  • Valmöjlighet att lägga till en ribbon eller ikon på sidan som förtydliga att material finns
  • Alternativ presentation av downloadruta, med inladdade thumbnails och info om t ex storlek