Ini dia yang kamu cari

Ada 205 artikel dalam kategori Web.

Tutorial Dasar SASS untuk Pemula

Tutorial Dasar SASS untuk Pemula

Ketika kode CSS-nya semakin besar dan kompleks. Kodenya akan susah diatur (maintenace). Karena itu, hadirlah SASS untuk membantu. Apa itu SASS dan Bagaimana Cara Menggunakannya?

Cara Menggunakan Twig Template Engine pada Slim Framework

Cara Menggunakan Twig Template Engine pada Slim Framework

Belajar menggunakan template engine Twig pada Slim Framework. Template Engine adalah bagian dari framework untuk membuat template. Twig merupakan sebuah template engine yang diklaim cepat, aman, dan fleksibel untuk PHP.

Animasi Gambar dengan Javascript

Animasi Gambar dengan Javascript

Saya sempat mengira, kalau animasi stiker di facebook menggunakan gif, ternyata bukan. Animasi tersebut menggunakan javascript dengan mengubah posisi backgound. Coba saja klik kanan pada stikernya, kemudian pilih inspect element, maka kita akan mendapatkan kode seperti ini. Terlihat pada kode di atas, stikernya menggunakan backgound image. Ketika kita membuka backgound tersebut, kita akan mendapatkan gambar seperti berikut ini. Sekarang, bagaimana kalau kita coba membuatnya. Kode HTMLBuat kode HTML untuk menampilkan stikernya.

Cara Menggunakan Dompdf di Codeigniter

Cara Menggunakan Dompdf di Codeigniter

Dompdf merupakan salah satu pustaka PHP untuk membuat PDF. Dompdf membuat PDF dari HTML, sehingga lebih praktis. Selain itu juga, Kita bisa menggunakan CSS di dalamnya. Saat ini Dompdf mendukung CSS versi 2.1. Untuk menggunakan Dompdf di Codeigniter, silahkan ikuti langkah-langkah berikut ini. 1. Aktifkan Autoload ComposerKita akan menginstal Dompdf melalui Composer. Karena itu, autoload untuk Composer perlu diaktifkan. Silahkan buka file application/config/config.php, kemudian isi bagian autoload Composer seperti ini.

Cara Membuat Halaman Github untuk Repositori

Cara Membuat Halaman Github untuk Repositori

Pada tulisan sebelumnya, saya pernah membahas tentang cara membuat halaman Github untuk profil individu dan organisasi. Nah, kali ini kita akan membuat halaman github untuk proyek atau repositori. Jadi sebenarnya, setiap proyek atau respositori di Github itu bisa dijadikan halaman Github (Github Pages). Pastikan di dalam proyek berisi file web statis seperti HTML, CSS, dan Javascript. Membuat repositoriBuatlah repositori dengan nama apa saja, kemudian di dalamnya berisi file web statis. Setelah itu, upload ke github.

Membuat AMP Image Generator dengan Vuejs

Membuat AMP Image Generator dengan Vuejs

P.S: Ini adalah artikel lama tentang bagaimana saya membuat AMP Generator untuk digunakan pada Blogger (Blogspot) Hari ini saya baru berkenalan dengan Vue.js. Saya sudah mendengar tentang Vue.js dari beberapa teman dan forum. Tapi, saya belum berani untuk mulai mencobanya. Awalnya saya ingin membuat sebuah alat untuk kebutuhan saya sendiri, yaitu alat yang bisa membuat tag amp-img secara otmatis melalui url gambar. Karena masih banyak artikel di blog ini yang belum disunting dan belum valid AMP.

Cara Menjalankan PHP Melalui CMD

Cara Menjalankan PHP Melalui CMD

Sudah lama sekali saya tidak otak-atik Windows, karena setiap hari menggunakan Linux. Saat ini saya menggunakan komputer lab. dengan sistem operasi Windows 7 dan sudah terinstal XAMPP. Pada Linux, perintah php sudah bisa langsung dikenali pada terminal, sedangkan pada CMD Windows masih belum. Kecuali melalui Shell di XAMPP. Pada tulisan ini, saya akan berbagi cara konfigurasi Windows agar dapat mengenali perintah php di CMD maupun PowerShell. Sehingga dapat digunakan untuk composer dan pengembangan web tingkat lanjut.

Cara Hosting/Deploy Hugo di Github

Cara Hosting/Deploy Hugo di Github

Github memiliki layanan hosting Static Page yang bisa kita manfaatkan untuk hosting Hugo. Pada dasarnya SSG seperti Hugo akan membuat sebuah file statis yang (biasanya) berada di dalam direktori public. Nah direktori ini yang akan kita upload ke Github agar website atau blog kita bisa dibuka melalui: https://username.github.io atau kustom domain sendiri. Berdasarkan panduan di dokumentasi Hugo, ada empat cara yang bisa dilakukan untuk hosting Hugo di Github: Hosting ke direktori doc Hosting ke cabang gh-pages Hosting ke halaman personal/organisasi Hosting Github dengan Continuous Integration (CI) Kita akan mencoba cara yang nomer 3, karena menurut saya cukup gampang.

4 Cara Menulis Kode Javascript pada HTML yang Wajib Kamu Ketahui

4 Cara Menulis Kode Javascript pada HTML yang Wajib Kamu Ketahui

Baru belajar Javascript? ..dan masih bingung dengan cara menulis Javascript di HTML? Tenang! Saya akan menjelaskannya. Ada 4 cara menulis kode Javascript pada HTML. Dari keempat cara ini, ada yang biasa dan sering digunakan.. ..ada juga yang ‘aneh’, jarang digunakan sih tapi masih work! Apa saja keempat cara itu? Mari kita bahas: 1. Menulis Javascript pada Tag <script>Penulisan kode Javascript menggunakan tag <script> adalah cara umum yang digunakan. Tag <script> dapat kita buat di dalam tag <head> maupun <body>.