Data URI & Encoding Schemes in Sublime Text 2

Oggi come oggi spesso ti ritrovi a dover convertire qualche file o sequenza di caratteri in qualche formato strano. Ad esempio convertire una qualche immagine o font con data URI (Base64 encoded) per includerla direttamente in un foglio di stile e diminuire in questo modo le richieste HTTP, o recuperare qualche dato da un DB sostituendolo con una sequenza in MD5.

Sublime Text ha delle estensioni comodissime che possono dare una grossa mano nel velocizzare questi processi, sarà che un po’ odio i tools on-line e ce ne sono a vagonate, preferisco restare sull’editor per fare certe cose, al massimo uso il terminale.

Hasher

Il primo che consiglio è Hasher comodissimo per codificare testo. Basta selezionare quel che si vuole e richiamare la funzione tramite Command Palette ( ⇧⌘P )

Hasher al momento supporta:

  • MD5
  • SHA1
  • Base64 Encode
  • Base64 Decode
  • URI Component Encode
  • URI Component Decode
  • Entity Encode
  • Entity Decode

SideBarEnhancements

Il secondo che consiglio è SideBarEnhancements, secondo solo perchè questo tipo di utilizzo non è la sua peculiarità ma una funzione tra le tante.

Per chi volesse saperne di più su SidebarEnhancements Tutspuls ha dedicato un intero video di Perfect Workflow in Sublime Text 2 alle sue straordinarie capacità.

Quello che SidebarEnhancements fa bene è convertire files, immagini o font in Base64 e renderli disponibili in Data URI per così poi includerli dove vogliamo.

Basta selezionare il file desiderato, tasto destro poi Copy as Text > Content as Data URI. Ci ritroveremo in memoria il codice e possiamo a questo punto incollarlo dove vogliamo.