Caricare i propri GIST snippets con jQuery

inserito nella categorie: Javascript

marchiato con i tag: atom, code, feed, gist, github, javascript, jquery, snippet

Ultimamente ho apportato delle modifiche al mio sito web, sotto consiglio di alcuni web-designer italiani (Facebook Group).
Uno dei tanti consigli è stato mettere in risalto ciò che faccio, e subito ho pensato agli snippets.
Per chi non lo sapesse, gli snippet sono (wikifonte):

Sono indicati col nome di snippet (letteralmente “ritaglio”) frammenti ed esempi di codice sorgente, di solito rilasciati nel pubblico dominio o come freeware.
Lo scopo fondamentale di questi esempi di codifica è didattico e di supporto. Di norma, con uno snippet viene mostrata un’intera unità funzionale di codice corrispondente a un piccolo programma, oppure una singola funzione, una classe, un template o una raccolta di funzioni correlate.

Personalmente uso GitHub, più precisamente Gist.GitHub per scrivere i miei snippets, in quanto lo reputo un servizio molto affidabile e personalizzabile, nonchè di immenso utilizzo per gli embed che fornisce, grazie al quale è possibile avere il syntax-highlighting su qualsiasi snippet senza dover caricare moduli aggiuntivi a WordPress che la maggior parte delle volte non funzionano o funzionano male.
Quindi mi son cimentato nella realizzazione di una funzione javascript che potesse “prelevare” i miei snippets dal sito ed embeddarli con il syntax-highlight.
Per farlo ho sfruttato il Feed Atom che GitHub mette a disposizione, e la possibilità di recuperare ogni snippet in formato JSON.

Ovviamente per aver i vostri snippets vi basta cambiare l’url del feed (ora è impostato su kopiro.atom), mentre per renderlo funzionante cambiate l’id del DIV.
Alla prossima