Cuplikan CSS

8 Cuplikan UI Accordion Luar Biasa Dibangun dengan CSS & JavaScript

Leave a Comment / CSS, JavaScript /

UI akordeon telah lama menjadi favorit para desainer web. Ini berguna untuk menyimpan sejumlah besar konten dalam ruang terbatas. Plus, itu menambahkan jenis interaktivitas yang disukai klien di perangkat seluler dan desktop. Akordeon juga berkembang cukup banyak. Berkat kemajuan dalam CSS dan JavaScript, sekarang dimungkinkan untuk melampaui UI standar yang biasa kita lihat. Segala sesuatu […]

8 Cuplikan UI Accordion Luar Biasa Dibangun dengan CSS & JavaScript Read More »

8 CSS & JavaScript Cuplikan untuk Membangun Menu Mega

Leave a Comment / CSS, JavaScript /

Ketika datang ke navigasi situs web, aturan praktis yang lama adalah konten tidak boleh lebih dari satu atau dua klik. Ini semua tentang memastikan pengguna dapat menemukan apa yang mereka butuhkan tanpa harus melewati rintangan. Tetapi semakin banyak konten yang Anda miliki, semakin sulit mengatur navigasi. Menu drop-down yang panjang atau yang memiliki beberapa level

8 CSS & JavaScript Cuplikan untuk Membangun Menu Mega Read More »

8 CSS & JavaScript Cuplikan untuk Membuat Efek Noise yang Luar Biasa

Leave a Comment / CSS, JavaScript /

Efek kebisingan sangat serbaguna. Mereka dapat membantu membentuk tampilan yang retro atau futuristik. Dan mereka juga menawarkan cara mudah untuk menambahkan kepribadian ke elemen desain apa pun. Item seperti teks, gambar, dan latar belakang semua dapat ditingkatkan dengan efek kasar dan terkadang glitchy ini. Jadi, tidak mengherankan jika desainer web menghasilkan beberapa karya kreatif liar

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

8 CSS & JavaScript Cuplikan untuk Beralih antara Mode Gelap atau Terang

Leave a Comment / CSS, JavaScript /

Desainer web semakin menambahkan beberapa mode kontras ke proyek mereka. Ini memberi pengguna kemampuan untuk melihat situs web dalam skema warna pilihan mereka. Dalam praktiknya, ini cenderung menghasilkan penawaran mode gelap dan terang. Tapi itu bukan hanya untuk tujuan kosmetik. Kontras memainkan peran besar dalam aksesibilitas. Misalnya, beberapa pengguna tunanetra akan lebih mudah membaca skema

8 CSS & JavaScript Cuplikan untuk Beralih antara Mode Gelap atau Terang Read More »

8 Cuplikan CSS untuk Styling Kotak Centang & Tombol Radio HTML

Leave a Comment / CSS, UI Design /

Elemen bentuk HTML seperti kotak centang dan tombol radio adalah pokok dari web. Tetapi selama bertahun-tahun, desainer web tidak melakukan banyak hal untuk menyempurnakannya. Itu telah berubah sedikit dalam beberapa waktu terakhir. Berkat kekuatan CSS (dan kadang-kadang sedikit JavaScript), elemen-elemen ini digunakan untuk beberapa penggunaan kreatif yang serius. Dalam beberapa kasus, mereka didandani hingga tidak

8 Cuplikan CSS untuk Styling Kotak Centang & Tombol Radio HTML Read More »

8 CSS dan JavaScript Cuplikan yang Merayakan Synthwave

Leave a Comment / CSS, JavaScript /

Tren desain web tidak selalu mengacu pada apa yang baru. Ambil popularitas gelombang sintetis estetis. Ini mengingatkan kembali ke awal 1980-an – tahun sebelum world wide web bahkan ditemukan. Ini mencolok dan tidak praktis. Namun sulit untuk menyangkal pesona dan perasaan nostalgia yang ditimbulkannya. Bagi saya, itu memunculkan gambaran tentang Wakil Miamirambut besar, dan suara

8 CSS dan JavaScript Cuplikan yang Merayakan Synthwave Read More »

8 Cuplikan CSS yang Mendemonstrasikan Kekuatan Efek Bayangan

Leave a Comment / CSS /

Di mana jadinya desainer web tanpa CSS? Belum lama berselang, sesuatu yang sederhana seperti drop shadow membutuhkan penggunaan grafis. Sekarang, ini soal menulis satu atau dua baris kode. Itu bagus untuk menambahkan beberapa efek dasar ke teks dan wadah Anda. Tapi itu juga mungkin untuk pergi di atas dan di luar. Dengan CSS, Anda dapat

8 Cuplikan CSS yang Mendemonstrasikan Kekuatan Efek Bayangan Read More »

8 Fitur 3D Menyenangkan yang Dapat Anda Buat Ulang dengan CSS & JavaScript

Leave a Comment / CSS, JavaScript /

Menambahkan fitur 3D ke situs web Anda tidak pernah semudah ini. Berkat kemajuan dalam CSS dan JavaScript, sekarang ada metode dan kerangka kerja bawaan untuk melakukannya. Terlebih lagi, alat canggih ini membuka pintu bagi kreativitas yang serius. Dan sementara animasi 3D digunakan secara luas, dimensi ketiga dapat digunakan dengan cara lain. Wadah konten seperti UI

8 Fitur 3D Menyenangkan yang Dapat Anda Buat Ulang dengan CSS & JavaScript Read More »

8 Cuplikan CSS & JavaScript yang Meningkatkan Menu Hamburger

Leave a Comment / CSS, JavaScript /

Menu hamburger telah menjadi identik dengan aplikasi seluler dan situs web. Ini menyembunyikan item navigasi dengan rapi sampai pengguna membutuhkannya. Mereka bagus untuk menghemat ruang saat layar real estat terbatas. Dan kami juga melihat mereka lebih banyak digunakan di perangkat desktop. Ini masuk akal untuk menu dan skenario yang besar dan rumit di mana konten

8 Cuplikan CSS & JavaScript yang Meningkatkan Menu Hamburger Read More »

8 Latar Belakang Animasi Luar Biasa Dibangun dengan CSS & JavaScript

Leave a Comment / CSS, JavaScript /

Dalam desain web, animasi sering digunakan sebagai cara untuk menarik perhatian. Gerakan memaksa pengguna untuk fokus pada elemen tertentu – seperti tombol atau gambar. Tetapi animasi juga dapat digunakan dengan cara yang lebih halus. Latar belakang animasi, misalnya, sering mengabaikan lonceng dan peluit yang terlihat dalam konten situs. Sebaliknya, mereka digunakan untuk menciptakan suasana hati

8 Latar Belakang Animasi Luar Biasa Dibangun dengan CSS & JavaScript Read More »

Scroll to Top