CSS Snippets – desainae.com

8 Cuplikan CSS & JavaScript untuk Membuat Gradien Kompleks

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 / By Desainae

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 / By Desainae

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 »

8 Cara Mendandani Kutipan dengan CSS & JavaScript

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

Kutipan adalah salah satu elemen desain web yang paling serbaguna. Mereka praktis dapat melompat dari halaman. Dan Anda juga dapat menggunakannya untuk membuat pemisahan dalam bagian teks yang panjang. Untuk gaya, ada banyak sekali kemungkinan. Kita dapat menggunakan kekuatan CSS dan JavaScript untuk membuat UI kutipan agar sesuai dengan estetika yang kita inginkan. Segala sesuatu …

8 Cara Mendandani Kutipan dengan CSS & JavaScript Read More »

8 Cuplikan CSS & JavaScript untuk Menganimasikan Kata

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, CSS Typography, JavaScript, JavaScript Snippets / By Desainae

Ada banyak cara untuk membuat teks menonjol. Ini bisa sesederhana menempatkannya di judul HTML. Anda mungkin menerapkan warna atau gaya pemformatan dasar lainnya. Tapi itu hanya menggores permukaan dari apa yang mungkin. Teknik CSS dan JavaScript modern mampu melakukan lebih banyak lagi. Setiap huruf dapat menari di layar dalam animasi yang sangat berurutan. Efek khusus …

8 Cuplikan CSS & JavaScript untuk Menganimasikan Kata Read More »

8 Cuplikan Kode untuk Membuat Pola Luar Biasa dengan CSS

Leave a Comment / Blog, CSS, CSS Snippets, JavaScript Snippets, Seamless Patterns / By Desainae

Pola adalah salah satu aset desain yang paling fleksibel. Mereka bisa menjadi bintang pertunjukan atau cocok dengan latar belakang. Dengan demikian, mereka juga dapat berkisar dari minimal hingga kompleks. Dan pola tidak lagi terbatas pada grafik. CSS menawarkan cara yang sangat ampuh untuk mendesainnya. Ada beberapa keuntungan membangun pola melalui CSS. Performa adalah faktor besar, …

8 Cuplikan Kode untuk Membuat Pola Luar Biasa dengan CSS Read More »

8 Cuplikan CSS & JavaScript untuk Membuat Efek Bokeh yang Indah

Leave a Comment / Blog, Bokeh Effect, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets / By Desainae

Bokeh telah lama menjadi gaya fotografi yang terkenal. Dalam istilah sederhana, ini menampilkan fokus utama pada subjek dan latar belakang yang diburamkan dengan lembut. Tekniknya indah dan cara yang pasti untuk menarik perhatian pengguna. Namun bagaimana jika Anda ingin menerapkan estetika Bokeh tanpa fotografi? Ada beberapa metode unik untuk melakukannya. Desainer web menggunakan CSS dan …

8 Cuplikan CSS & JavaScript untuk Membuat Efek Bokeh yang Indah Read More »

Cuplikan Kode Terinspirasi oleh Star Wars

Leave a Comment / Blog, CSS, CSS Snippets, JavaScript, JavaScript Snippets, Star Wars, UI Components / By Desainae

Mungkin tidak ada franchise film yang memiliki lebih banyak penggemar daripada Star Wars. Selama lebih dari 40 tahun, setiap episode baru menghasilkan antisipasi yang luar biasa – belum lagi keuntungan besar. Baik film maupun daftar panjang karakter yang tak terlupakan juga menjadi inspirasi besar bagi budaya populer. Desain web tidak terkecuali, karena sepertinya begitu orang …

Cuplikan Kode Terinspirasi oleh Star Wars Read More »

8 Cuplikan CSS & JavaScript untuk Membuat Ulang Judul Ikonik

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, CSS Typography, JavaScript, JavaScript Snippets / By Desainae

Urutan judul bisa menjadi ikonik. Adegan-adegan akrab dari film, televisi, dan video game ini sering terukir dalam ingatan kita. Mereka juga berfungsi sebagai semacam penanda budaya, membantu kita mendefinisikan sebuah era. Misalnya, Star Wars mulai mendefinisikan akhir 1970-an dan awal 1980-an. Belakangan ini, judul Stranger Things telah memalsukan ciri khasnya sendiri. Jadi, tidak heran jika …

8 Cuplikan CSS & JavaScript untuk Membuat Ulang Judul Ikonik Read More »

Cuplikan Kode yang Menunjukkan Efek Menolak dalam Desain Web

Leave a Comment / Animation, Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets, UI Components, Web Design Inspiration / By Desainae

Hari ini, kami ingin menyoroti efek penolakan – tren unik dalam desain web yang menjijikkan sekaligus menarik. Dengan mendorong elemen ke berbagai arah atau meniupnya mendorong pengguna untuk berinteraction dengan halaman dan menjelajahi detailnya. Terlepas dari perilakunya yang tampaknya tidak menyenangkan, ini adalah fitur yang sangat menarik yang dapat membuat pengalaman pengguna lebih menarik. Kami …

Cuplikan Kode yang Menunjukkan Efek Menolak dalam Desain Web Read More »