Berkenalan dengan Vue JS

Halo teman ngide, kali ini kita akan belajar salah satu framework javascript yaitu Vue. Jadi Vue ini adalah progressive javascript framework yang dikhususkan untuk membuat user interface dari project aplikasi berbasis web atau bisa dibilang juga Vue ini lebih fokus kepada view layer.   Soal ukurannya, Vue ini memiliki ukuran file yang cukup kecil yaitu hanya 20kb saja teman-teman sudah bisa mendapatkan semua fitur-fitur dari Vue yang powerful. Adapun fitur-fitur menarik dari ...

Read More

List icon library keren dan open source untuk mempercantik website kamu

Halo teman ngide, kalian pasti pernah membutuhkan icon-icon yang dalam membuat sebuah website bukan? Kali ini kita mau membagikan beberapa icon library yang bisa di pakai untuk mempercantik tampilan user interface website kamu. Yang pasti icon-icon ini gratis dan open source. 1. Fontawesome Icon library yang pertama adalah Fontawesome. Fontawesome bisa dibilang salah satu icon library yang paling populer di pakai citizen jaman now. Adapun beberapa fitur-fiturnya adalah: Total ada 675 IconsGratisTanpa javascriptScalable, jadi ...

Read More

Belajar Laravel : Apa yang baru dari Laravel 5.5?

Beberapa hari yang lalu berita baik datang dari salah satu PHP framework kesukaan penulis yaitu Laravel dengan dirilisnya versi yang paling baru yaitu 5.5 Berita baik tidak sampai di rilis versi terbaru saja tapi versi 5.5 ini adalah versi LTS (Long Term Support) melanjutkan versi LTS sebelumnya yaitu Laravel versi 5.1. Buat kalian yang tidak tahu apa itu LTS, LTS berarti versi ini akan mendapatkan support yang lebih lama yaitu  perbaikan bug selama ...

Read More

List css framework selain Bootstrap yang wajib kamu cek!

Buat kamu para frontend developer pasti tidak asing lagi dengan istilah css framework bukan? CSS framework adalah library CSS yang digunakan untuk membuat standarisasi layout dan tema html dari website. Dengan CSS framework kita bisa membuat front-end website dengan lebih cepat mengingat beberapa layout dan komponennya sudah disediakan. Bootstrap CSS Framework adalah salah satu CSS Framework yang terkenal dan mungkin paling banyak dipakai saat ini. Menurut data dari www.w3tech.com, "Bootstrap is used by 20.7% of all the websites" . Dengan market share ...

Read More

Cara memakai elixir di laravel 4 dengan mudah

Apa itu elixir? Dikutip dari laravel.com Laravel Elixir provides a clean, fluent API for defining basic Gulp tasks for your Laravel application. Elixir supports several common CSS and JavaScript pre-processors, and even testing tools. Nah ceritanya elixir ini diperkenalkan pas rilis laravel versi 5. Jadi kalau kamu pakai laravel versi 5, tinggal install aja lewat node dan npm aja uda beres. Ga ada config-config lagi. Terus kenapa pakai elixir? Bisa dengan mudah untuk minify ...

Read More

Tutorial cara mengatasi Gitignore tidak jalan?

Yang memakai git untuk version control pasti pernah mengalami dimana git tidak mengabaikan file/folder yang ada di dalam file .gitignore Masalahnya adalah misalnya kita mau menambahkan folder ke dalam file .gitignore yang sudah ada, tapi kok belum ke ignore juga? /.ide /node_modules .env .DS_Store Thumbs.db composer.phar .vagrant /public_html/assets/media /public_html/.htaccess Ternyata kalau kita menambahkan folder/file ke dalam .gitignore itu belum menghapusnya dari git jadi kita harus melakukan beberapa command di bawah ini. git rm -rf --cached . git add . Baris pertama akan menghapus cache ...

Read More

Tutorial Cara memasang ssl/https di website secara gratis!

Buat kalian yang memiliki website dan ingin menambahkan ssl (secure socket layer) atau yang umum dibilang https wajib membaca artikel ini sampai habis. Karena kali ini kita mau share bagaimana memasang ssl pada website kamu secara gratis dan gampang dengan memanfaatkan fitur gratisan yang disediakan oleh Cloudflare.  Bagi yang belum tahu, Cloudflare adalah sebuah CDN (Content Delivery Network) yang memiliki banyak fitur untuk membantu mempercepat akes website. Salah satunya fitur yang ditawarkan ...

Read More

PHP – Cara pasang reCAPTCHA di website

reCAPTCHA adalah salah satu produk dari google yang berfungsi untuk mengatasi masalah spamming di website kamu. Untuk saat ini versi paling baru dari reCAPTCHA adalah versi 2.0 dimana disebut juga dengan No CAPTCHA reCAPTCHA yang lebih memudahkan untuk real human melakukan validasi dan lebih menyusahkan bot untuk melakukan spamming. Sedikit video singkat mengenai reCAPTCHA bisa kamu putar di bawah ini: Nah kali ini kita akan mencoba memasang reCAPTCHA dalam sebuah form ...

Read More

Tutorial cara mudah membuat sticky sidebar di website

Stiky sidebar adalah sebuah sidebar dimana saat user scroll website kita maka sidebar tersebut seolah-olah menggantung di pojok kiri atau kanan layar. Nah kali ini kita akan mencari tahu bagaimana sih cara membuat stiky sidebar itu? Demo Caranya yang paling mudah adalah menggunakan sebuah plugin javascript yang bernama Theia Sticky Sidebar. Jika sudah mendownload theia-sticky-sidebar.min.js, kamu tinggal tambahkan script ini sebelum tag body.