◄ Min  Size Fonts: + | - | ± Color: Max ►

Make it Offline in Local Storage

local-storage-html5.Berbagi trik dan tutorial bagaimana cara melakukan penyimpanan (Save As) Fitur baru dari HTML5 yaitu local storage akan berperan penting dalam hal ini! Adapun sarana yang akan dipakai adalah browser engine. Singkat cerita kita akan mengefisiensikan fungsi dari browser yg kita punya untuk dijadikan penyimpanan file. File dapat berupa .txt, .html, or etc.
Apakah sobat masih ingat dengan trick <html contenteditable> Syntax tersebut adalah cara tercepat merubah mesin browser menjadi simple editing editor atau notepad in browser. Dengan melakukan pencet tombol Ctrl + S, sobat sudah dapat menyimpan data dengan ekstension .html

Berikut beberapa lists yg sobat bisa kunjungi untuk belajar:

  • Downloadify
  •    Sebuah javascript + flash perpustakaan kecil yang memungkinkan penciptaan dan men-download file teks tanpa interaksi server. github.com/dcneiner/Downloadify
  • a[download]
  •    'Buat file' menciptakan sebuah file txt dari konten daerah contenteditable. Hal ini dilakukan dengan menggunakan window.URL.createObjectURL (). File yang dihasilkan dapat diberi nama dan disimpan ke komputer pengguna dengan menetapkan download atribut pada link. html5-demos.appspot.com/static/a.download.html - updates.html5rocks.com/2011/08/Saving-generated-files-on-the-client-side
  • Saving generated files on the client-side
  •    FileSaver.js memungkinkan Anda menyimpan kanvas langsung dan memberi mereka nama file, yang sangat berguna untuk mengedit HTML5 gambar, teks, dan rich text. eligrey.com/blog/post/saving-generated-files-on-the-client-side - eligrey.com/demos/FileSaver.js
  • Save/download data generated in JavaScript
  •    hackworthy.blogspot.com/2012/05/savedownload-data-generated-in.html
  • HTML5 localStorage
  •    Menyimpan data dalam browser dengan HTML5 localStorage API. toddmotto.com/storing-data-in-the-browser-with-the-html5-local-storage-api
  • Javascript to save Textarea as a txt file
  •    Sebuah proyek memungkinkan kita untuk menyimpan (download) isi bidang bentuk (dalam hal ini textarea) sebagai file ke komputer atau local-storage, dengan mengambil keuntungan dari HTML5 Blob object. runnable.com/U5HC9xtufQpsu5aj/use-javascript-to-save-textarea-as-a-txt-file
  • Loading, Editing, and Saving a Text File in HTML5 Using Javascript
  •    HTML dan kode JavaScript yang menggunakan beberapa fitur HTML5 (khususnya "Blob" objek, File API, dan "download" atribut "a" tag) untuk memungkinkan pengguna agar dapat memuat, mengedit, dan menyimpan file teks di komputer lokal mereka. thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip
Sebagai bonus AA Koben akan berbagi informasi how to make a ridiculously simple personal wiki! Adapun tujuan WIK dibuat by martinpllu adalah sbb:

  • Benar-benar sederhana.
  • Menyimpan semua data di browser localStorage
  • Tidak ada separate 'edit mode' seperti kebanyakan wiki. Halaman langsung bisa diedit.
  • Bekerja dengan baik pada mobile dan desktop.
  • Dukungan navigasi browser (back/forward/bookmark etc.)
  • Menyimpan semua data secara lokal pada perangkat.
  • Navigasi keyboard.
  • Bekerja secara offline.
Silahkan meluncur ke halaman source guna mendownload dan mempelajari lebih lanjut github.com/martinpllu/wik :D
Loading...
XMake it Offline in Local Storage
Berbagi informasi tentang fiturlocal storage, blob HTML5, javascript save file dan lain-lain.
Subscribe my posts Register For Free!
[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE