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

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>