CSS Snippets

Properti CSS untuk Membuat Hyperlink Lebih Menarik

Leave a Comment / CSS, CSS Snippets, CSS Tutorials, Web Accessibility /

Hyperlink tidak selalu mendapatkan perhatian yang layak dari desainer web. Tentu, kami mungkin melakukan beberapa penyesuaian. Namun, kami tidak selalu melakukan upaya ekstra untuk menjadikannya menonjol. Mungkin itu karena pilihan gaya dulu terbatas. Warna tautan dan garis bawah adalah pilihan utama. Status arahkan kursor dan fokus tampaknya merupakan tempat terjadinya sebagian besar kreativitas. Penyempurnaan lainnya […]

Properti CSS untuk Membuat Hyperlink Lebih Menarik Read More »

Seni Poster Indah Dibuat dengan CSS & JavaScript

Leave a Comment / CSS, CSS Layouts, CSS Snippets, JavaScript, JavaScript Snippets, Poster Design /

Poster merupakan salah satu bentuk seni yang paling umum. Anda mungkin memiliki beberapa poster di dinding saat masih kecil. Poster menggambarkan berbagai macam orang, tempat, dan peristiwa. Mereka juga menjadi inspirasi bagi para desainer web. Penggunaan warna dan tipografi mereka merupakan bagian dari cara kita melihat dunia. Kita dapat melihat dampaknya di seluruh web. Terlebih

Seni Poster Indah Dibuat dengan CSS & JavaScript Read More »

8 Cuplikan CSS & JavaScript untuk Membuat Bilah Kemajuan Animasi

Leave a Comment / CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Antarmuka pengguna (UI) yang mengukur kemajuan sangatlah membantu. Antarmuka ini menawarkan konfirmasi visual saat menyelesaikan berbagai tugas, sehingga pengguna tidak perlu menebak-nebak seberapa jauh mereka telah menyelesaikan suatu proses. Kita melihat UI ini di perangkat kita. Siapa pun yang melakukan pembaruan di komputer atau ponsel mereka pasti sudah familier dengan UI ini. Jadi, mudah untuk

8 Cuplikan CSS & JavaScript untuk Membuat Bilah Kemajuan Animasi Read More »

8 Cuplikan CSS & JavaScript untuk Efek Pengungkapan yang Luar Biasa

Leave a Comment / CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Tidak semua yang ada di website harus ditampilkan secara lugas. Terkadang, menyembunyikan suatu elemen adalah hal yang bijaksana. Kami kemudian dapat mengungkapkannya secara otomatis atau melalui interaction pengguna. Itulah yang membuat efek pengungkapan begitu menarik. Mereka dapat memiliki tujuan ganda. Yang pertama adalah menjaga tata letak kita tetap bagus dan rapi. Yang kedua adalah menambahkan

8 Cuplikan CSS & JavaScript untuk Efek Pengungkapan yang Luar Biasa Read More »

8 Cuplikan CSS untuk Membuat Tata Letak Layar Terpisah

Leave a Comment / CSS, CSS Layout Snippets, CSS Layouts, CSS Snippets, UI Components /

UI layar terpisah telah menjadi cara populer untuk menampilkan konten. Kami sering menganggapnya digunakan di area di mana kami ingin pengguna memilih di antara dua opsi. Namun kami juga melihat penggunaan kreatif lainnya dari teknik ini. Misalnya, layar terpisah juga dapat digunakan dengan efek yang luar biasa sebagai tata letak halaman penuh atau bahkan sebagai

8 Cuplikan CSS untuk Membuat Tata Letak Layar Terpisah Read More »

8 Cuplikan CSS untuk Membuat Layout Bento Grid

Leave a Comment / CSS, CSS Flexbox, CSS Grid, CSS Layout Snippets, CSS Layouts, CSS Snippets, Web Design /

Lain hari, tren desain lain! Tata letak kotak bento menjadi topik kali ini. Mereka berani dan cantik. Selain itu, mereka memuaskan mereka yang membutuhkan simetri. Jadi, apa sebenarnya tata letak Bento itu? Anggap saja sebagai teka-teki. Wadah dengan ukuran berbeda dipadukan untuk menciptakan tampilan yang mulus. Terinspirasi menurut budaya Jepang, hal ini bermunculan di seluruh

8 Cuplikan CSS untuk Membuat Layout Bento Grid Read More »

Contoh Penggunaan Bentuk SVG dalam Desain Web

Leave a Comment / Animation, CSS, CSS Snippets, SVG /

Scalable Vector Graphics (SVG) menghasilkan elemen desain yang serbaguna. Mereka bisa rumit atau sederhana. Anda dapat menggabungkannya dengan animasi dan efek khusus. Dan mereka pada dasarnya responsif. Tidak mengherankan jika desainer web telah menggunakan format ini. SVG menambahkan tingkat fleksibilitas baru dibandingkan gambar berbasis piksel. Mereka sangat cocok untuk desain modern. Plus, dukungan peramban bersifat

Contoh Penggunaan Bentuk SVG dalam Desain Web Read More »

8 Cuplikan CSS & JavaScript untuk Membuat Gradien Kompleks

Leave a Comment / CSS, CSS Snippets, JavaScript, JavaScript Snippets /

Gradien adalah pokok sebenarnya dari desain web. Kecantikan mereka terletak pada keserbagunaannya. Gunakan mereka untuk membuat pernyataan yang besar dan berani. Atau gunakan sebagai aksen untuk menciptakan suasana hati. Kemungkinannya tidak pernah sebesar ini. CSS dan JavaScript modern memungkinkan kita melakukan lebih dari sekadar meniru desain cetak. Kita dapat menggunakannya untuk menambahkan gerakan dan interaktivitas

8 Cuplikan CSS & JavaScript untuk Membuat Gradien Kompleks Read More »

8 Cuplikan CSS & JavaScript untuk Membuat UI Notifikasi

Leave a Comment / CSS, CSS Snippets, JavaScript, JavaScript Snippets, UX Patterns /

Notifikasi website sudah menjadi hal yang lumrah. Kami melihatnya di eCommerce, komunitas keanggotaan, dan media sosial. Mereka sulit untuk melarikan diri. Dan mereka juga penting bagi pengguna. Notifikasi memberikan detail mengenai pesanan, pesan, dan informasi akun lainnya. Oleh karena itu, menarik untuk melihat bagaimana UI notifikasi berkembang. Desainer menggunakan kreativitas mereka dan menambahkan kepribadian. Mereka

8 Cuplikan CSS & JavaScript untuk Membuat UI Notifikasi Read More »

8 Cuplikan CSS & JavaScript yang Menampilkan Tekstur Kayu

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Tekstur kayu sempurna untuk mencapai tampilan yang bersahaja. Dan seperti rekan alami mereka, ada banyak variasi untuk dipilih. Pertimbangkan rangkaian warna dan pola butiran yang hampir tak ada habisnya. Mereka memberi kami banyak ruang untuk penyesuaian. Selain itu, kita bahkan dapat melampaui apa yang kita lihat di alam. Tapi kayu lebih dari sekedar pemain latar

8 Cuplikan CSS & JavaScript yang Menampilkan Tekstur Kayu Read More »

Scroll to Top