Entries by Trustme

Apa yang harus Desainer Ketahui tentang Bootstrap 4

Sejak Agustus 2011, ketika Bootstrap pertama kali diluncurkan, telah mendapatkan popularitas dalam desain web dan dunia development. Secara keseluruhan style sheet CSS-driven dengan poweful, mobile pertama, responsif, framework front-end dengan banyak fitur baru yang ditambahkan termasuk tuan rumah plugin JavaScript, tool dan icon yang berjalan seiring dengan bentuk dan beberapa komponen lainnya, cukup aman dan […]

Membuat Mega Menu dengan CSS

Hay guys! Dalam tutorial kali ini kita akan membahas tentang cara membuat mega menu dengan CSS murni. Mega menu biasanya digunakan pada website perusahaan/e-commerce, tapi menjadi lebih populer karena mega menu merupakan cara yang bagus untuk menampilkan/ mengatur konten. Mari kita mulai dengan markup HTML… Markup HTML Buatlah unordered list dengan class “nav” (<ul>), kemudian […]

Cara Membuat Icon Media Sosial di CSS3

Pada hampir setiap website, blog, majalah atau bisnis yang Anda temui di internet, memiliki beberapa konten atau tombol media sosial. Apakah itu share sosial, link profil atau “like”, “follow”, dll. Dan meskipun diluar sana pun ada tool atau plugin yang instan tapi alangkah lebih baik kita belajar dari yang dasar terlebih dahulu dengan buatan sendiri. […]

Cara Menggunakan Warna Pastel dalam Desain Web

Penggunaan warna-warna pastel dalam desain web lebih dari trend baru, yang merupakan teknik desainer yang telah digunakan selama bertahun-tahun untuk membuat dampak visual. Ketika Anda mendengar “pastel” pink pucat, biru, dan kuning mungkin muncul dalam pikiran, tetapi ada jauh lebih banyak untuk jenis palet warna. Pastel tidak harus memiliki bayi yang baru lahir untuk merasakannya. […]

Tool dan Service Web Desain Responsif

Web desain responsif adalah pendekatan besar yang memungkinkan pengguna untuk merasakan dan mengalami keindahan merancang resolusi tinggi, bahkan dalam aplikasi pocket mereka seperti smartphone dan tablet komputer. Melihat kembali beberapa tahun lalu dan Anda bisa menilai perubahan-perubahan yang terjadi di sayap mendesain web. Para desainer terikat untuk membuat versi yang kompatibel tidak hanya untuk dekstop […]

Membuat Efek Hover Link dengan CSS

Salah satu bagian penting dari sebuah situs web adalah link teks. Dengan mengklik sebuah tag anchor Anda dapat pergi ke mana pun dari situs yang menunjuk ke halaman tertentu. Link khusus berisi efek hover sederhana seperti penggunaan perubahan warna sederhana ketika mouse ditunjukan atau diklik. Tapi ada cara untuk membuat efek ini lebih baik dan […]

Mengefektifkan Tipografi di Web

Desain web responsif bukan hanya tentang kolom, grid, gambar dan icon. Semua itu tidak akan terlihat bagus jika tanpa teks pada kontennya. Bill Gates pernah berkata “Content is King”.

Membuat Drop Down Menu dengan Search Box di CSS dan HTML

Dalam tutorial ini, kita akan membuat menu flat style dengan kotak pencarian atau search box dan menu dropdown dari Square UI. HTML Navigasi terdiri dari list unordered (.nav) yang mengandung berbagai jenis unsur didalamnya : List items(LIs) yang berisi link yang normal tidak memiliki id/class #setting berisi link berbasis gambar #search berisi kolom pencarian bersama […]

5 Tips Photoshop untuk Mempermudah Kinerja Anda

Akhir-akhir ini kami sudah banyak berpikir tentang bagaimana bekerja lebih lancar di Photoshop. Dalam proses tersebut, kami menemukan lima hal yang benar-benar membantu kami dari waktu ke waktu untuk bekerja lebh cepat dan efisien dengan Photoshop.

Tutorial CSS Bootstrap 4 (Part2)

Pada artikel yang lalu, kita telah membahas tentang CSS Bootstrap 4(part1). Dalam artikel ini kita akan melanjutkan pembahasan kemarin tentang CSS dan pilihan JavaScript yang penting untuk setiap website berbasis Bootstrap.