Posts

TUTORIAL MEMBUAT ANIMATED FORM LOGIN MENARIK MENGGUNAKAN HTML DAN CSS

Oleh -
Image
Hai teman-teman, selamat datang di kotak pelajar, semoga teman-teman sehat selalu ya, dan jangan lupa untuk tetap semangat belajar dan mengerjakan projectnya ya. Pembahasan kali ini simple saja, saya akan membagikan sedikit apa yang telah saya pelajari yaitu cara untuk membuat form login yang menarik menggunakan html dan css. form login ini diperlukan ketika teman-teman akan membuat aplikasi berbasis web yang aksesnya terbatas. sebenarnya sangat umum tapi kali ini kita coba buat lebih menarik atau eye catching istilahnya supaya pengunjung betah berlama-lama di form login. hehehe ngapain ?. Seperti biasanya kita bisa membuatnya menggunakan framework css seperti bootstrap, tapi kali ini saya mencoba bagikan membuat form login ini menggunkan script css tanpa framework. langsung saja silahkan teman-teman coba dan simak script dibawah ini : Pertama kita buat file index.html seperti dibawah ini, Kemudian kita buat mystyle.css seperti berikut : oia untuk backgro...
Post a Comment
Read more

TUTORIAL MEMBUAT GRAFIK DINAMIS DENGAN JAVASCRIPT CHART.JS

Oleh -
Image
Hai selamat datang di kotak pelajar, semoga teman-teman sehat selalu ya, dan jangan lupa untuk tetap semangat belajar dan mengerjakan project nya yaa. kali ini saya akan membagikan tutorial yang telah saya pelajari yaitu membuat chart dinamis menggunakan plugin javascript yaitu chart.js. Grafik ini sangat membantu jika kita ingin menampilkan data secara visual yang menarik dan mudah dipahami di dalam aplikasi atau sistem informasi yang kita buat. Sehingga aplikasi kita bisa lebih menarik dengan animasi dan efek yang keren dari grafik ini. Membuatnya pun tidaklah sulit dengan adanya plugin javascript chartjs, buat teman-teman yang belum tau apa itu chart.js. saya jelaskan sedikit dulu ya, Chart.js merupakan plugin javascript yang memudahkan kita dalam pembuatan suatu grafik dalam sebuah aplikasi atau website, jenis grafiknya pun banyak seperti grafik bar, line ,pie doughnut dll. Untuk detailnya teman-teman bisa kunjungi website resminya di http://www.chartjs.org Sebelumnya ki...
Post a Comment
Read more