Daftar Isi

Halaman daftar isi Codelatte dibuat untuk mempermudah pengunjung atau pembaca dalam mencari artikel atau apa saja yang diperlukan.

Pos

Bootstrap

• Apa itu Jumbotron? Bagaimana Cara Menggunakannya?
  5/5 (33) Apa itu Jumbotron? – Pada artikel kali ini belajar menggunakan Jumbotron pada Bootstrap. Apa itu Jumbotron? Jumbotron adalah satu element yang dibuat untuk tujuan membuat semacam pengumuman,konten khusus atau informasi tentang halaman website. Sekarang, hampir tiap website menggunakan Jumbotron pada halaman depan mereka. Biasanya Jumbotron ini berwarna grey atau lebih gelap dari warna template […]
• Aturan Penulisan pada Bootstrap
  Seperti yang saya janjikan pada artikel sebelumnya, pada artikel kali ini saya akan membahas tentang Aturan Penulisan pada Bootstrap. Apa itu tipografi? Tipografi, seni cetak atau tata huruf adalah suatu kesenian dan teknik memilih dan menata huruf dengan pengaturan penyebarannya pada ruang yang tersedia, untuk menciptakan kesan tertentu, guna kenyamanan membaca semaksimal mungkin. – Wikipedia. Tipografi yang kita bicarakan disini adalah aturan/cara penulisan pada Bootstrap. […]
• Cara Membuat Button Responsive pada Bootstrap
  Cara Membuat Button Responsive pada Bootstrap – Setelah kita Membuat Progress Bars pada Bootstrap, Membuat Navbar dan lainnya, kali ini kita akan membuat dan mendesain button pada Bootstrap. Kita hanya akan menambahkan class btn bawaan Bootstrap untuk mendefinisikan elemen menjadi button. Teks atau konten di dalam button merupakan label dari elemen button tersebut. Di dalamnya […]
• Cara Membuat Form dan Input pada Bootstrap
  Cara Membuat Form dan Input pada Bootstrap – Bertemu lagi! Pada artikel sebelumnya kita telah membahas tentang Cara Membuat List Group pada Bootstrap. Seperti biasa, kita akan mempelajari berbagai macam komponen Bootstrap. Pada artikel kali ini kita akan membahas tentang Form dan Input pada Bootstrap. Yep, dua elemen sekaligus! Form dalam HTML adalah suatu bagian yang […]
• Cara Membuat List Group pada Bootstrap
  Cara Membuat List Group pada Bootstrap – Setelah sebelumnya kita sudah bisa Membuat Button Responsive, sekarang kita akan membuat List Group pada Bootstrap. Cara Membuat List Group pada Bootstrap Membuat List Group pada Bootstrap sangatlah mudah, hanya dengan menggunakan class .list-group pada elemen <ul> dan class .list-group-item pada elemen <li>. Lihat contoh berikut. <ul class="list-group"> […]
• Cara Membuat Progress Bars pada Bootstrap
  Cara Membuat Progress Bars pada Bootstrap – Dalam Bootstrap, ada yang namanya Progress Bar, apa itu? Progress bar ini dapat digunakan untuk informasi tentang seberapa jauh kemajuan user dalam melakukan suatu hal. Baca juga: Membuat Navigation Bar pada Bootstrap. Cara Membuat Progress Bars pada Bootstrap Lalu bagaimana kita membuat Progress Bars pada Bootstrap? Dalam Bootstrap, ada beberapa […]
• Cara Menggunakan Bootstrap Beserta Pengertiannya
  Pengertian dan Cara Menggunakan Bootstrap – Bootstrap adalah framework yang digunakan untuk mempermudah dan mempercepat pembuatan halaman website. Mengapa bisa mempercepat dan mempermudah? Karena Bootstrap menyediakan CSS dan Javascript yang sangat mudah dikembangkan. Pada artikel mendatang, kita akan belajar lebih dalam tentang Bootstrap. Namun, sebelum kita mulai, tentu saja kita harus mengetahui apa itu Bootstrap dan […]
• Contoh dan Cara Penggunaan Gambar pada Bootstrap
  Contoh dan Cara Penggunaan Gambar pada Bootstrap. Pernahkah kalian memasukkan suatu gambar ke file HTML lalu ukuran gambar tersebut tidak sesuai? Di dalam Bootstrap, ada class yang memungkinkan kita mengatur gambar tersebut. Baca juga: Membuat Tabel pada Bootstrap. Contoh dan Cara Penggunaan Gambar pada Bootstrap Apa yang dimaksud responsive? Responsive adalah tampilan yang optimal dalam berbagai […]
• Memahami dan Membuat Grid pada Bootstrap
  Memahami dan Membuat Grid pada Bootstrap – Selamat datang di tutorial Bootstrap! Kali ini kita akan membahas cara membuat Grid untuk Layouting di Bootstrap. Pada tutorial sebelumya kita telah mempelajari tentang Bootstrap dan cara penggunaan nya. Pada kali ini dan beberapa artikel kedepan kita akan membahas lebih dalam tentang Bootstrap. Baca juga: Pengertian dan Cara […]
• Membuat Gambar Slider Menggunakan Bootstrap
  Membuat Gambar Slider Menggunakan Bootstrap – Gambar slider, carousel atau lebih sering disebut slideshow adalah bagian yang termasuk banyak digunakan pada website – website sekarang. Biasanya carousel dibuat untuk memasarkan atau menampilkan produk unggulan dari website tersebut. Baca juga: 10 Text Editor Terbaik Yang Bikin Kamu Semangat Ngoding ! Seperti yang kita tahu, cukup sulit […]
• Membuat Navigation Bar pada Bootstrap
  Membuat Navigation Bar pada Bootstrap – Navigation bar, menu navigasi atau biasa disebut navbar, menurut saya adalah salah satu komponen penting dari sebuah website. Di dalamnya bisa berisi jalan pintas menuju ke halaman – halaman unggulan milik kita, seperti Profil, Sejarah, Tentang, Halaman Kontak sampai form pencarian. Baca juga: Membuat Contact Form CSS. Membuat Navigation Bar […]
• Membuat Tabel pada Bootstrap
  Membuat Tabel pada Bootstrap. – Pada artikel sebelumnya, kita telah membahas Aturan Penulisan pada Bootstrap. Kali ini kita masih pada Tema Bootstrap, yaitu Membuat Tabel pada Bootstrap. Seperti biasa, yang kita pakai adalah class pada Bootstrap yang akan kita gunakan untuk membuat table. Baca juga: Aturan Penulisan pada Bootstrap. Membuat Tabel pada Bootstrap Membuat tabel pada […]
• Membuat Template Website Menggunakan Bootstrap
  Membuat Template Website Menggunakan Bootstrap. – Desain template website adalah pola layout dari sebuah website yang ingin didesain & disiapkan dengan berbagai fitur di dalamnya. Template website merupakan komponen dasar dari suatu sistem template website yang memisahkan antara bagian konten dengan bagian presentasi dari suatu desain web. Baca Juga: Seberapa Penting Frontend dalam Sebuah Website. Kali ini kita […]
• Minifikasi, Memperkecil Ukuran File Code
  Minifikasi – Situs web dibuat menggunakan banyak file yang sebagian besar adalah HTML, CSS, dan JS. File-file ini mengandung banyak kode yang dihasilkan secara otomatis atau ditulis oleh pengembang. Ini membuat mereka punya ukuran. Kode yang ditulis dalam file-file ini dapat dibaca oleh manusia karena mereka perlu ‘diberdayakan’. Namun, hal yang sama tidak berlaku untuk […]

CSS

• Apa itu CSS Prefix -moz- , -webkit- .. ?
  Apa itu CSS Prefix -moz- , -webkit- .. ? – Pernahkah kalian mencoba melihat kode HTML-CSS pada berbagai browser dan Anda menemukan bahwa pratinjau tidak sama? Kenapa itu bisa terjadi? Nah, HTML – CSS kalian tidak akan ditafsirkan oleh Google Chrome dengan cara yang sama seperti Opera, Mozilla Firefox, Internet Explorer atau browser lainnya. Dan di […]
• CodePen | Tempat Bermain Frontend Developer
  CodePen | Tempat Bermain Frontend Developer – CodePen adalah situs web yang memungkinkan kita untuk menulis kode frontend. Maksudnya adalah, kita dapat menulis HTML, CSS, dan Javascript langsung di browser. Situs yang memiliki alamat di codepen.io ini juga bisa dibilang komunitas. Sebagian besar ciptaan di CodePen bersifat publik dan open source. Kita bisa berinteraksi dengan orang lain, […]
• Filter Gambar Menggunakan CSS
  Filter Gambar Menggunakan CSS – Filter CSS adalah salah satu keunggulan CSS yang dapat digunakan penulis untuk memberi berbagai efek visual (seperti filter Photoshop tetapi untuk browser). Properti filter CSS menyediakan akses ke efek seperti blur atau color shifting warna pada elemen sebelum elemen ditampilkan. Filter biasanya digunakan untuk menyesuaikan rendering gambar, latar belakang, atau border. […]
• Membuat Background Polka Dot CSS
  Membuat Background Polka Dot CSS – Artikel kali ini menjelaskan cara membuat background polka-dot menggunakan CSS. Sebenarnya ini hanyalah sebagai penambah pengetahuan karena memang jarang saya melihat ada sebuah website dengan warna polka-dot pada backgroundnya. Kita dapat membuat dengan hanya satu tag HTML dan properti CSS yang berhubungan dengan background ini: body { background-image: radial-gradient(#212121 […]
• Minifikasi, Memperkecil Ukuran File Code
  Minifikasi – Situs web dibuat menggunakan banyak file yang sebagian besar adalah HTML, CSS, dan JS. File-file ini mengandung banyak kode yang dihasilkan secara otomatis atau ditulis oleh pengembang. Ini membuat mereka punya ukuran. Kode yang ditulis dalam file-file ini dapat dibaca oleh manusia karena mereka perlu ‘diberdayakan’. Namun, hal yang sama tidak berlaku untuk […]
• Perbedaan Antara CSS, LESS, & SASS
  Perbedaan Antara CSS, LESS, & SASS – Menulis stylesheet untuk situs web adalah seni. Dengan semua cara berbeda kita bisa memanipulasi elemen HTML, penting untuk menjaga kode sebersih mungkin untuk menghindari masalah gaya aneh itu. Di situlah LESS dan SASS masuk. CSS, LESS dan SASS Penting untuk mengetahui perbedaan mendasar antara CSS dan LESS dan […]

Desain Website

• Cara Mengetahui Responsive Template Website
  Cara Mengetahui Responsive Template Website. – Bagaimana Cara Cek Responsive Template Blog atau Website? Responsive Web Design (RWD), adalah pendekatan desain web yang bertujuan untuk menampilkan layar yang optimal, mudah dibaca dan penggunaan navigasi yang minimal baik itu untuk resize, panning, scrolling, dan tampilan yang baik di berbagai perangkat (dari ponsel ke monitor desktop komputer). Memahami konsep […]
• Cara Mengganti Tema phpMyAdmin
  Cara Mengganti Tema phpMyAdmin. – phpMyAdmin adalah sebuah software gratis berbasis scripting language PHP yang bertujuan untuk memudahkan kita mengelola database MySQL. Tanpa phpMyAdmin, Anda perlu menggunakan terminal untuk mengelola database anda. Sementara, dengan phpMyAdmin Anda tidak perlu susah lagi mengelola database MySQL Anda karena phpMyAdmin memiliki user interface grafis. Sejarah phpMyAdmin phpMyAdmin pertama kali […]
• Cara Menggunakan Font Awesome
  Cara Menggunakan Font Awesome. – Dalam artikel kali ini kita akan berkenalan, memasang dan Menggunakan Font Awesome. Menurut situs resmi Font Awesome, saat ini sudah ada lebih dari 100,000,000 website yang memakai Font Awesome dalam website mereka. Font Awesome menyediakan banyak sekali ikon – ikon menarik untuk memperindah website kita. Baca juga: Membuat Halaman Login Menggunakan HTML dan CSS. Keuntungan […]
• Cara Menggunakan NOW Sebagai Hosting
  Cara Menggunakan NOW Sebagai Hosting – Salah satu cara paling sederhana untuk deploy aplikasi web adalah melalui platform Now yang dibuat oleh Zeit. Now membuat langkah distribusi aplikasi sangat sederhana dan cepat. Kalian dapat menganggapnya sebagai “cloud”, karena kalian tidak benar-benar tahu di mana aplikasi kalian akan ditempatkan, tetapi kalian tahu bahwa kalian akan memiliki […]
• CodePen | Tempat Bermain Frontend Developer
  CodePen | Tempat Bermain Frontend Developer – CodePen adalah situs web yang memungkinkan kita untuk menulis kode frontend. Maksudnya adalah, kita dapat menulis HTML, CSS, dan Javascript langsung di browser. Situs yang memiliki alamat di codepen.io ini juga bisa dibilang komunitas. Sebagian besar ciptaan di CodePen bersifat publik dan open source. Kita bisa berinteraksi dengan orang lain, […]
• Efek Berputar pada Gambar dengan CSS
  Efek Berputar pada Gambar dengan CSS – Bagaimana cara membuat efek gambar berputar menggunakan CSS? Cara ini bisa digunakan sebagai alternatif untuk kalian yang kurang mahir dalam menggunakan aplikasi editor gambar. CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan […]
• Google Web Designer, Software Pembuat Website dari Google
  Google Web Designer – Google tentu saja merek yang kuat yang tidak memerlukan perkenalan apa pun. Kali ini kita akan membahas salah satu produk dari Google, yaitu Google Web Designer. Dan jika kalian adalah salah satu pengguna software ini yang percaya Google Web Designer adalah alat perancang web potensial, maka kalian perlu membaca ini. Tidak […]
• Membuat Halaman Contact Form CSS
  Membuat Halaman Contact Form CSS – Contact form adalah formulir yang bertujuan untuk mengirimkan pesan dengan melalui formulir yang sudah di sediakan oleh website masing-masing. Contact form juga sangat berguna bagi seluruh website dikarenakan contact form yang ada di website akan memudahkan visitor atau pengunjung untuk mengirimkan pesan kepada pembuat atau pemilik websitenya sendiri. Baca […]
• Membuat Halaman Login Menggunakan HTML dan CSS
  Cara Membuat Halaman Login Menggunakan HTML dan CSS. – Sebuah website umumnya akan membutuhkan halaman login untuk mengakses halaman tertentu dalam sebuah website. Kali ini kita akan membahas Cara Membuat Halaman Login Menggunakan HTML dan CSS. Baca juga: Efek Berputar pada Gambar dengan CSS Membuat Halaman Login Menggunakan HTML dan CSS Pertama buat file bernama index.html, lalu paste-kan code […]
• Membuat Landing Page Menggunakan Bootstrap
  Membuat Landing Page Menggunakan Bootstrap. – Kali ini kita akan belajar membuat landing page menggunakan Bootstrap. Jika kalian baru mengunjungi Codelatte, mungkin sebaiknya kalian baca tentang Pengertian dan Cara Menggunakan Bootstrap. Apa itu Landing Page? Landing page adalah suatu halaman website yang dikunjungi pertama kali oleh pengunjung. Bagaimana suatu pengunjung bisa sampai pada landing page […]
• Membuat Template Website Menggunakan Bootstrap
  Membuat Template Website Menggunakan Bootstrap. – Desain template website adalah pola layout dari sebuah website yang ingin didesain & disiapkan dengan berbagai fitur di dalamnya. Template website merupakan komponen dasar dari suatu sistem template website yang memisahkan antara bagian konten dengan bagian presentasi dari suatu desain web. Baca Juga: Seberapa Penting Frontend dalam Sebuah Website. Kali ini kita […]
• Open Graph: Custom Thumbnail pada Sosial Media
  Open Graph: Custom Thumbnail pada Sosial Media. – Open Graph adalah teknologi yang memungkinkan integrasi antara Facebook dan data penggunanya dan situs web. Teknolog ini pertama kali diperkenalkan oleh Facebook pada tahun 2010 lalu. Kalian tentu pernah membagikan tautan di Facebook. Namun seringkali ada gambar yang benar-benar berbeda dari yang kalian kira? Mengetahui sedikit tentang tag […]
• Plugin Syntax Highlighter Terbaik pada WordPress | Belajar WordPress
  Plugin Syntax Highlighter Terbaik pada WordPress | Belajar WordPress. – Ada kalanya kita butuh menyisipkan kode kedalam artikel WordPress karena memang pembahasan nya diperlukan kode tersebut. Plugin ini biasanya dipakai di blog yang membahas tentang tutorial pemrograman dan website – website lain. Disini akan saya bahas beberapa plugin Syntax Highlighter terbaik untuk digunakan pada WordPress. Apa […]

Javascript

• Belajar Javascript Dasar Untuk Pemula
  Belajar Javascript Dasar Untuk Pemula. – Javascript adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. – Wikipedia. Berbeda dari yang lain, Javascript bersifat client-side. Maksudnya, semua proses yang […]
• Cara Membuat Function pada Javascript
  Cara Membuat Function pada Javascript. – Function pada JavaScript merupakan salah satu perkakas yang sangat powerful, paling fundamental, dan paling penting. Sebuah fungsi membungkus satu atau banyak perintah. Setiap kali kita memanggil fungsi, maka perintah-perintah yang ada di dalam fungsi tersebut dijalankan. Secara umum fungsi digunakan untuk penggunaan kembali kode (code reuse) dan penyimpanan informasi (information […]
• Cara Penulisan Javascript yang Baik dan Benar
  Cara Penulisan Javascript. – JavaScript adalah bahasa pemrograman yang dapat disisipkan di dalam dokumen HTML, fungsinya sendiri adalah untuk memberikan sifat terhadap website sehingga menjadi lebih interaktif. Terkadang kita sebagai developer website masih belum tahu bagaimana cara menempatkan kode program JavaScript yang ideal. Pada umumnya, kode program JavaScript dapat diletakan disemua tempat, misalnya di dalam tag […]
• Membuat Pernyataan pada Javascript (if … else)
  Membuat Pernyataan pada Javascript – Saat menulis program, mungkin ada situasi ketika kita perlu mengadopsi satu dari serangkaian jalur yang diberikan. Dalam kasus seperti itu, kita perlu menggunakan pernyataan kondisional yang memungkinkan program kita untuk membuat keputusan yang benar dan melakukan tindakan yang benar. JavaScript mendukung pernyataan kondisional yang digunakan untuk melakukan tindakan berbeda berdasarkan kondisi […]
• Membuat Variabel pada Javascript
  Membuat Variabel pada Javascript. – Variable adalah temporal data yang disimpan dalam sebuah memory komputer. Oleh karenanya, ketika kita menentukkan nama sebuah variable dan menyimpan nilai (data) dalam variabel tersebut, kita pun bisa merubah datanya dengan data lain sesuai keinginan dalam waktu yang berbeda. Apa itu Variabel? variable adalah sebuah nama yang digunakan untuk menyimpan data […]
• Menampilkan Tanggal pada Javascript
  Menampilkan Tanggal pada Javascript – Tanggal dan waktu adalah bagian dari kehidupan kita sehari-hari dan karenanya menonjol dalam pemrograman komputer. Dalam JavaScript, kalian mungkin diminta atau harus membuat situs web dengan kalender, jadwal kereta, atau interface untuk mengatur janji. Aplikasi ini perlu menunjukkan waktu yang relevan berdasarkan zona waktu pengguna saat ini, atau melakukan perhitungan di sekitar […]
• Mendeteksi Browser Menggunakan Javascript
  Mendeteksi Browser Menggunakan Javascript – Penting untuk memahami perbedaan antara browser yang berbeda, hal ini untuk menangani masalah masing-masing dengan cara yang diharapkan. Jadi penting untuk mengetahui browser mana yang menjalankan halaman web pengguna yang membuka website kita. Untuk mendapatkan informasi tentang browser pengguna yang sedang membuka halaman web kita bisa menggunakan objek navigator built-in. Setelah […]
• Mengenal dan Membuat Event pada Javascript
  Membuat Event pada Javascript – Event pada Javascript adalah bagian dari elemen HTML berisi serangkaian event yang dapat memicu JavaScript. Pada artikel sebelumnya kita telah membahas tentang Cara Membuat Function pada Javascript. Kali ini kita akan berkenalan dan membuat event pada Javascript. Mengenal Event pada Javascript Singkatnya, event adalah jembatan untuk berinteraksi antara halaman web dengan […]
• Mengenal Looping pada Javascript
  Mengenal Looping pada Javascript – Saat menulis program, kita mungkin mengalami situasi di mana kita perlu melakukan tindakan berulang kali. Dalam situasi seperti itu, kita perlu menulis pernyataan loop untuk mengurangi jumlah baris. JavaScript mendukung semua pengulangan yang diperlukan untuk mengurangi tekanan pemrograman. Mengenal Looping pada Javascript Setiap bahasa pemrograman pasti memiliki fungsi ini. Tanpa fungsi […]
• Minifikasi, Memperkecil Ukuran File Code
  Minifikasi – Situs web dibuat menggunakan banyak file yang sebagian besar adalah HTML, CSS, dan JS. File-file ini mengandung banyak kode yang dihasilkan secara otomatis atau ditulis oleh pengembang. Ini membuat mereka punya ukuran. Kode yang ditulis dalam file-file ini dapat dibaca oleh manusia karena mereka perlu ‘diberdayakan’. Namun, hal yang sama tidak berlaku untuk […]
• Operator Aritmatika Pada Javascript
  Operator Aritmatika Pada Javascript – Operasi aritmatika tentu sangat kita perlukan saat hendak membuat aplikasi yang menggunakan logika untuk melakukan penghitungan. Tentunya operasi penghitungan sangat penting untuk menghitung dalam jumlah kecil maupun besar. Operator Aritmatika Pada Javascript Sebelum ke pembahasan yang lebih lanjut, baiknya kita pahami operator yang tersedia pada Javascript. Berikut adalah operator yang […]
• Tipe Data pada Javascript
  Tipe Data pada Javascript –  Sesuai judul, kali ini kita akan membahas tentang Tipe Data pada Javascript. Pada artikel kali ini akan dijelaskan tentang apa saja tipe data pada Javascript, bagaimana penggunaanya dan contoh penggunaannya. Setelah sebelumnya kita membahas Operator Aritmatika pada Javascript, kali ini kita akan membuat contoh – contoh sederhana tentang tipe data. […]
• Validasi Ekstensi File Menggunakan JavaScript
  Validasi Ekstensi File Menggunakan Javascript – Validasi tipe file sebelum mengunggah ke server adalah hal yang wajib dilakukan dalam aplikasi web. Hal ini membantu memastikan bahwa pengguna memilih jenis file yang benar untuk diunggah. Validasi sisi klien lebih user-friendly daripada sisi server. Dengan menggunakan JavaScript, kita dapat dengan mudah memeriksa ekstensi file yang dipilih oleh pengguna. […]

Jekyll

• Membuat Blog di GitHub Menggunakan Jekyll
  Membuat Blog di GitHub Menggunakan Jekyll – Jekyll adalah generator situs web yang dirancang untuk membuat blog statis untuk di-hosting di Halaman GitHub. Tom Preston-Werner menciptakan Jekyll untuk memungkinkan orang untuk blog menggunakan situs HTML statis sederhana, dengan semua konten yang di-host dan dikendalikan oleh versi di GitHub. Tujuannya adalah untuk menghilangkan kerumitan platform blog dengan membuat […]

Referensi

• .dev Google Domain : Domain untuk para Developer
  .dev Domain: Domain untuk Developer – Google secara resmi meluncurkan Top Level Domain dev (TLD) menjadi ketersediaan umum mulai hari ini (28 Februari). Seperti namanya, TLD ini merupakan domain yang diklaim Google cocok untuk pengembang aplikasi (developer) dan para pelaku industri teknologi. Peminat TLD dot-dev bisa mendaftarkan nama-nama domain website dengan akhiran TLD .dev, seperti […]
• 10 Text Editor Terbaik Yang Bikin Kamu Semangat Ngoding !
    10 Text Editor Terbaik Yang Bikin Kamu Semangat Ngoding ! – Kamu seorang programmer ? Ada saat nya kamu kesulitan ketika ngoding sebuah project di Notepad biasa yaa 😁. Apa sih Text Editor itu ? Text Editor adalah sebuah software yang di gunakan para programmer untuk membuat atau menulis suatu program. Biasanya Text Editor […]
• Apa itu CMS WordPress? | Belajar WordPress
  Apa itu CMS WordPress? – WordPress adalah media paling populer untuk membuat website, entah itu blog probadi, situs edukasi (sekolah, dll), perusahaan sampai situs penjualan. WordPress muncul pertama kali pada tahun 2003 hasil kerja keras Matt Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan […]
• Apa itu CSS Prefix -moz- , -webkit- .. ?
  Apa itu CSS Prefix -moz- , -webkit- .. ? – Pernahkah kalian mencoba melihat kode HTML-CSS pada berbagai browser dan Anda menemukan bahwa pratinjau tidak sama? Kenapa itu bisa terjadi? Nah, HTML – CSS kalian tidak akan ditafsirkan oleh Google Chrome dengan cara yang sama seperti Opera, Mozilla Firefox, Internet Explorer atau browser lainnya. Dan di […]
• BugHunter ID – Komunitas Bug Hunter Indonesia
  BugHunter ID – Komunitas Bug Bounty Indonesia – Apakah kalian seorang peretas atau peretas topi putih yang mencari pekerjaan sampingan? Berburu bounty bug mungkin menjadi pertunjukan yang sempurna untuk kalian. Apa itu Bug Bounty? Program bounty bug, juga disebut Vulnerability Rewards Program (VRP), adalah inisiatif crowdsourcing yang memberi imbalan kepada individu untuk menemukan dan melaporkan […]
• Cara Membuat GitHub Pages
  Cara Membuat GitHub Pages. – GitHub kini menjelma layaknya sosial media bagi para programmer di seluruh dunia untuk berbagi ide, kode dan project. Ada banyak sekali project open-souce besar yang lahir dari hasil kolaborasi para developer diatas platform GitHub ini. Dengan makin dekatnya github dengan lingkungan developer maka kita sebagai developer juga mesti lebih bisa […]
• Cara Mengetahui Responsive Template Website
  Cara Mengetahui Responsive Template Website. – Bagaimana Cara Cek Responsive Template Blog atau Website? Responsive Web Design (RWD), adalah pendekatan desain web yang bertujuan untuk menampilkan layar yang optimal, mudah dibaca dan penggunaan navigasi yang minimal baik itu untuk resize, panning, scrolling, dan tampilan yang baik di berbagai perangkat (dari ponsel ke monitor desktop komputer). Memahami konsep […]
• Cara Mengganti Tema phpMyAdmin
  Cara Mengganti Tema phpMyAdmin. – phpMyAdmin adalah sebuah software gratis berbasis scripting language PHP yang bertujuan untuk memudahkan kita mengelola database MySQL. Tanpa phpMyAdmin, Anda perlu menggunakan terminal untuk mengelola database anda. Sementara, dengan phpMyAdmin Anda tidak perlu susah lagi mengelola database MySQL Anda karena phpMyAdmin memiliki user interface grafis. Sejarah phpMyAdmin phpMyAdmin pertama kali […]
• Cara Menggunakan asciinema untuk Merekam Terminal
  Cara Menggunakan asciinema untuk Merekam Terminal. – Apa itu asciinema? asciinema adalah tool open source untuk merekam sesi di dalam terminal lalu membagikannya di website. asciinema bertujuan untuk menjadi tempat untuk setiap pengguna command-line yang ingin berbagi keterampilan mereka dengan orang lain. Atau dengan kata lain, ini adalah tempat untuk memamerkan geekiness kalian. Sejarah asciinema asciinema dimulai oleh Marcin Kulik (@sickill) […]
• Cara Menggunakan Bootstrap Beserta Pengertiannya
  Pengertian dan Cara Menggunakan Bootstrap – Bootstrap adalah framework yang digunakan untuk mempermudah dan mempercepat pembuatan halaman website. Mengapa bisa mempercepat dan mempermudah? Karena Bootstrap menyediakan CSS dan Javascript yang sangat mudah dikembangkan. Pada artikel mendatang, kita akan belajar lebih dalam tentang Bootstrap. Namun, sebelum kita mulai, tentu saja kita harus mengetahui apa itu Bootstrap dan […]
• Cara Menggunakan Font Awesome
  Cara Menggunakan Font Awesome. – Dalam artikel kali ini kita akan berkenalan, memasang dan Menggunakan Font Awesome. Menurut situs resmi Font Awesome, saat ini sudah ada lebih dari 100,000,000 website yang memakai Font Awesome dalam website mereka. Font Awesome menyediakan banyak sekali ikon – ikon menarik untuk memperindah website kita. Baca juga: Membuat Halaman Login Menggunakan HTML dan CSS. Keuntungan […]
• Cara Menggunakan NOW Sebagai Hosting
  Cara Menggunakan NOW Sebagai Hosting – Salah satu cara paling sederhana untuk deploy aplikasi web adalah melalui platform Now yang dibuat oleh Zeit. Now membuat langkah distribusi aplikasi sangat sederhana dan cepat. Kalian dapat menganggapnya sebagai “cloud”, karena kalian tidak benar-benar tahu di mana aplikasi kalian akan ditempatkan, tetapi kalian tahu bahwa kalian akan memiliki […]
• CodePen | Tempat Bermain Frontend Developer
  CodePen | Tempat Bermain Frontend Developer – CodePen adalah situs web yang memungkinkan kita untuk menulis kode frontend. Maksudnya adalah, kita dapat menulis HTML, CSS, dan Javascript langsung di browser. Situs yang memiliki alamat di codepen.io ini juga bisa dibilang komunitas. Sebagian besar ciptaan di CodePen bersifat publik dan open source. Kita bisa berinteraksi dengan orang lain, […]
• Filter Gambar Menggunakan CSS
  Filter Gambar Menggunakan CSS – Filter CSS adalah salah satu keunggulan CSS yang dapat digunakan penulis untuk memberi berbagai efek visual (seperti filter Photoshop tetapi untuk browser). Properti filter CSS menyediakan akses ke efek seperti blur atau color shifting warna pada elemen sebelum elemen ditampilkan. Filter biasanya digunakan untuk menyesuaikan rendering gambar, latar belakang, atau border. […]
• Framework Javascript Terbaik di 2018
  Framework Javascript Terbaik – Javascript framework adalah komponen – komponen siap pakai yang dibuat sedemikian rupa untuk memenuhi kebutuhan pengembangan web development yang kuat dari segi pondasi, fungsi dll. Framework adalah sebuah software untuk memudahkan para programer untuk membuat sebuah aplikasi web yang di dalam nya ada berbagai fungsi diantaranya plugin, dan konsep untuk membentuk suatu […]
• Google Web Designer, Software Pembuat Website dari Google
  Google Web Designer – Google tentu saja merek yang kuat yang tidak memerlukan perkenalan apa pun. Kali ini kita akan membahas salah satu produk dari Google, yaitu Google Web Designer. Dan jika kalian adalah salah satu pengguna software ini yang percaya Google Web Designer adalah alat perancang web potensial, maka kalian perlu membaca ini. Tidak […]
• Hacktoberfest 2018 | Merayakan Tahun Kelima!
  HacktoberFest 2018 | Merayakan Tahun Kelima! – Hacktoberfest adalah acara global yang diadakan oleh Github dan Digitalocean. Hacktoberfest kembali dan tahun ini merayakan tahun kelimanya! Bagi kalian yang baru untuk Hacktoberfest, acara ini adalah festival selama sebulan mendukung dan berkontribusi terhadap open-source. Tahun lalu, ada 30.000+ orang dari lebih dari 100 negara (tepatnya 119) mengirimkan hampir […]
• Kenapa Kita Tidak Boleh Menggunakan Nulled Script?
  Nulled Script atau Nulled Theme adalah script yang sudah dimodifikasi sedemikian rupa sehingga dapat bekerja tanpa lisensi dan bisa dibilang web yang bekerja dengan script bajakan. Pernah menemukan tema atau plugin nulled? “Nulled” berarti mereka tersedia untuk diunduh secara gratis tetapi tidak secara hukum. Apakah berbahaya? Jika kalian memiliki situs web yang didasarkan pada Content Management […]
• Membuat Partikel Menggunakan ParticleJS
  Membuat Partikel Menggunakan ParticleJS – Particles.js adalah Library Javascript yang ringan untuk membuat partikel. Library Particles.js ini open-source dan kita dapat membuat halaman atau bagian arahan yang tampak cantik di situs web kita. Particles.js dibuat oleh Vincent Garreau dan sudah dibuat agar sangat mudah untuk menerapkan nya pada proyek web kita. Dalam artikel ini, saya akan membahas […]
• Mengetahui Perbedaan ID dan Class pada CSS
  Mengetahui Perbedaan ID dan Class pada CSS – Dalam HTML, ada yang namanya selector. Ada yang sudah default, yaitu bawaan dari pembuat & pengembangnya. Namun kalian juga bisa membuat selector sendiri. Ada dua jenis selector pada HTML, yaitu  ID dan Class. Pada tulisan kali ini kita akan memahami perbedaan ID dan Class pada CSS. Baca juga: Mengapa Belajar Python? […]
• Minifikasi, Memperkecil Ukuran File Code
  Minifikasi – Situs web dibuat menggunakan banyak file yang sebagian besar adalah HTML, CSS, dan JS. File-file ini mengandung banyak kode yang dihasilkan secara otomatis atau ditulis oleh pengembang. Ini membuat mereka punya ukuran. Kode yang ditulis dalam file-file ini dapat dibaca oleh manusia karena mereka perlu ‘diberdayakan’. Namun, hal yang sama tidak berlaku untuk […]
• Open Graph: Custom Thumbnail pada Sosial Media
  Open Graph: Custom Thumbnail pada Sosial Media. – Open Graph adalah teknologi yang memungkinkan integrasi antara Facebook dan data penggunanya dan situs web. Teknolog ini pertama kali diperkenalkan oleh Facebook pada tahun 2010 lalu. Kalian tentu pernah membagikan tautan di Facebook. Namun seringkali ada gambar yang benar-benar berbeda dari yang kalian kira? Mengetahui sedikit tentang tag […]
• Perbedaan Antara CSS, LESS, & SASS
  Perbedaan Antara CSS, LESS, & SASS – Menulis stylesheet untuk situs web adalah seni. Dengan semua cara berbeda kita bisa memanipulasi elemen HTML, penting untuk menjaga kode sebersih mungkin untuk menghindari masalah gaya aneh itu. Di situlah LESS dan SASS masuk. CSS, LESS dan SASS Penting untuk mengetahui perbedaan mendasar antara CSS dan LESS dan […]
• Perbedaan HREF dan SRC
  Perbedaan HREF dan SRC – Atribut memberikan informasi tambahan tentang isi elemen. Mereka muncul pada tag pembuka dan terdiri dari dua bagian: Name (nama) dan Value (nilai), dipisahkan oleh tanda sama dengan (=). Value (Nilai) adalah informasi yang ditentukan untuk atribut Atribut SRC dan HREF digunakan untuk menyertakan beberapa entitas eksternal seperti gambar, file CSS, file HTML, halaman web […]
• Plugin Syntax Highlighter Terbaik pada WordPress | Belajar WordPress
  Plugin Syntax Highlighter Terbaik pada WordPress | Belajar WordPress. – Ada kalanya kita butuh menyisipkan kode kedalam artikel WordPress karena memang pembahasan nya diperlukan kode tersebut. Plugin ini biasanya dipakai di blog yang membahas tentang tutorial pemrograman dan website – website lain. Disini akan saya bahas beberapa plugin Syntax Highlighter terbaik untuk digunakan pada WordPress. Apa […]
• Seberapa Penting Frontend dalam Sebuah Website
  Seberapa Penting Frontend dalam Sebuah Website. – Pasti diantara kita atau mungkin semuanya tau istilah frontend dan backend. Pembagian ini membuat developer web menjadi lebih terspesialisasi. Yang berarti developer web tidak harus melakukan keseluruhan proses membangun web lagi, tetapi fokus pada bagian tertentu saja. Apa perbedaanya? Baca juga: Menggunakan Font Awesome Frontend Bagi yg belum tau, […]
• Typed.js, Efek Mengetik pada Javascript
  TypedJS, Efek Mengetik pada Javascript – Kadang kita perlu mempercantik atau memperindah tampilan website kita. Tentunya ada banyak cara untuk melakukan hal tersebut. Menambahkan efek partikel, misalnya. Sebagai tambahan cara untuk merombak tampilan website, pada artikel ini kita akan belajar Membuat Efek Mengetik pada Javascript menggunakan Typed.js Apa itu Typed.js? Dikutip dari halaman resmi nya, Typed.js adalah […]

Template

• Cara Mengetahui Responsive Template Website
  Cara Mengetahui Responsive Template Website. – Bagaimana Cara Cek Responsive Template Blog atau Website? Responsive Web Design (RWD), adalah pendekatan desain web yang bertujuan untuk menampilkan layar yang optimal, mudah dibaca dan penggunaan navigasi yang minimal baik itu untuk resize, panning, scrolling, dan tampilan yang baik di berbagai perangkat (dari ponsel ke monitor desktop komputer). Memahami konsep […]
• Hangover – Free Responsive HTML Template
  Hangover – Free Responsive HTML Template. – Template Website merupakan salah satu bahan dokumen atau file yang sangat di butuhkan dalam hal pembuatan website. Pada dasarnya, seorang webmaster perlu mengetahui pengertian template website itu sendiri sebelum membangun sebuah website. Hangover – Free Responsive HTML Template Template kali ini saya buat sangat sederhana sehingga enak dipandang dan dengan desain […]
• REBEL – Free Fast Responsive HTML Template
  Free Fast Responsive HTML Template. Template Website merupakan salah satu bahan dokumen atau file yang sangat di butuhkan dalam hal pembuatan website. Pada dasarnya, seorang webmaster perlu mengetahui pengertian template website itu sendiri sebelum membangun sebuah website. Baca juga: Seberapa Penting Frontend dalam Sebuah Website Kali ini saya mencoba membuat template sederhana yang bisa digunakan untuk komunitas sampai […]

Wordpress

• Apa itu CMS WordPress? | Belajar WordPress
  Apa itu CMS WordPress? – WordPress adalah media paling populer untuk membuat website, entah itu blog probadi, situs edukasi (sekolah, dll), perusahaan sampai situs penjualan. WordPress muncul pertama kali pada tahun 2003 hasil kerja keras Matt Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan […]
• Cara Mengganti Logo Login WordPress | Belajar WordPress
  Cara Mengganti Logo Login WordPress. – Sebagai CMS paling populer saat ini, salah satu kelebihan WordPress adalah gampang dikustomisasi. Kita juga bisa mengganti logo login pada halaman login WordPress. Baca Juga: Cara Membuat Halaman Login Menggunakan HTML dan CSS. Kenapa Logo Default Harus Diganti? Sebenarnya tidak harus diganti juga, namun dengan mengganti logo tersebut bisa memberikan […]
• Install atau Update WordPress Tanpa FTP | Belajar WordPress
  Install atau Update WordPress Tanpa FTP | Belajar WordPress. – Jumpa lagi, masih dalam tema WordPress. Pernahkah saat kalian meng-install atau update tema atau plugin melalui dashboard admin lalu mendapat error? Kalian diminta untuk mengkonfigurasi FTP terlebih dauhulu? Bagaimana solusinya? Dalam beberapa kasus, kita tidak dapat memperbarui atau meng-upgrade tema WordPress atau pluginnya untuk versi […]
• Kenapa Kita Tidak Boleh Menggunakan Nulled Script?
  Nulled Script atau Nulled Theme adalah script yang sudah dimodifikasi sedemikian rupa sehingga dapat bekerja tanpa lisensi dan bisa dibilang web yang bekerja dengan script bajakan. Pernah menemukan tema atau plugin nulled? “Nulled” berarti mereka tersedia untuk diunduh secara gratis tetapi tidak secara hukum. Apakah berbahaya? Jika kalian memiliki situs web yang didasarkan pada Content Management […]
• Mematikan Notifikasi Update Themes pada WordPress
  Mematikan Notifikasi Update Themes pada WordPress. – Sebagai CMS paling populer saat ini, salah satu fitur yang paling terkenal adalah Notifikasi Update kepada admin. Wordpress sangat sering melakukan update, baik inti, theme dan plugin WordPress, update ini terjadi memang lebih sering daripada ketika Anda menggunakan CMS lainnya. Namun bagi saya, notifikasi untuk update themes cukup menggangu […]
• Mengganti Logo WordPress (Dashboard) | Belajar WordPress
  Mengganti Logo WordPress di Dashboard Admin – Kalian mungkin ingin menampilkan logo kalian sendiri pada halamandashboard admin WordPress kalian daripada menampilkan logo bawaan WordPress. Atau kalian developer website menggunakan WordPress dan ingin melakukan branding terhadapat logo usaha atau perusahaan kalian. Hal tersebut dapat dilakukan dengan menggunakan plugin atau  menambahkan beberapa kode pada file fungsi di tema […]
• Mengganti Nama Tema WordPress | Belajar WordPress
  Mengganti Nama Tema WordPress – Mengganti nama tema WordPress jauh lebih sederhana daripada yang kalian pikirkan. Tetapi dapat menyebabkan komplikasi juga terutama bagi mereka yang tidak begitu mahir dengan file pengeditan di WordPress. Pada artikel kali ini, saya akan menunjukkan cara terbaik untuk mengubah nama tema tanpa komplikasi. Sangat banyak tema yang diluncurkan setiap hari di berbagai toko […]
• Meningkatkan Ukuran Maximum File Upload pada WordPress
  Meningkatkan Ukuran Maximum File Upload pada WordPress – Salah satu masalah saat upload file di WordPress adalah error “WordPress – Galat, Berkas terunggah melebihi pedoman upload_max_filesize dalam php.ini“. Penyebabnya sederhana, oleh penyedia hosting website kalian PHP telah dibatasi akan menerima upload file maksimalnya berapa MB. Permasalahan ini muncul ketika kita upload file melampaui batas maksimum ketentuan […]
• Plugin Syntax Highlighter Terbaik pada WordPress | Belajar WordPress
  Plugin Syntax Highlighter Terbaik pada WordPress | Belajar WordPress. – Ada kalanya kita butuh menyisipkan kode kedalam artikel WordPress karena memang pembahasan nya diperlukan kode tersebut. Plugin ini biasanya dipakai di blog yang membahas tentang tutorial pemrograman dan website – website lain. Disini akan saya bahas beberapa plugin Syntax Highlighter terbaik untuk digunakan pada WordPress. Apa […]