CSS
Bentuk CSS yang lebih baik menggunakan bentuk () – Bagian 2: Informasi lebih lanjut tentang busur – Beragampengetahuan
Siapkan bagian kedua? Kami masih menjelajah shape() Fungsi, lebih tepatnya, perintah busur. Saya harap Anda meluangkan waktu untuk mencerna bagian pertama karena kami akan langsung membuat lebih banyak bentuk! Ingatkan kami, shape() Saya hanya mendukung fitur di Chrome 137+ dan Safari 18.4+ ketika saya menulisnya pada Mei 2025. Bentuk departemen Bentuk klasik lainnya juga dapat […]
Figma’s New Grid – Anda harus memahami kisi CSS sebagai desainer | Christine Vallaure | Mei 2025 – Beragampengetahuan
Sebagai orang yang sangat percaya pada perancang yang memahami CSS, saya akan mengatakan ini: Jika Anda ingin menguasai jala baru Figma, Anda perlu tahu bagaimana css jala bekerja. Jala Figma meniru mesh CSS, tapi itu bukan pasangan yang sempurna, tidak apa -apa. Itulah mengapa pemahaman sangat penting Di mana ara berakhir, browser mengambil alih angkat […]
Bentuk CSS yang lebih baik menggunakan bentuk () – Bagian 1: Garis dan busur – Beragampengetahuan
Membuat bentuk CSS klasik dan salah satu latihan favorit saya. Memang, saya memiliki salah satu koleksi terbesar bentuk CSS, di mana Anda dapat dengan mudah menyalin kode untuk bentuk apa pun. Saya juga menulis panduan luas tentang cara membuatnya: Panduan modern untuk membuat bentuk CSS. Meskipun saya membahas lebih detail tentang sebagian besar teknik dan […]
Cara menambahkan dimensi tambahan ke topeng CSS – Beragampengetahuan
Terlepas dari kerangka kunci dan acara yang digerakkan oleh gulungan, animasi CSS masih relatif mendasar. Seperti yang saya tulis di Bagian 1, mereka mengingatkan saya pada serial animasi Hanna-Barbera 1960-an, yang saya tumbuh di TV. Pertunjukan seperti pengecut dan Muttley Pesawat mereka,,,,, Scooby,,,,, Bahaya Penelope Pitstop,,,,, Game yang anehtentu saja, ada beruang yogi. Mike suka […]
Mekanika orbital (atau bagaimana saya mengoptimalkan animasi kerangka kunci CSS) – Beragampengetahuan
Saya baru -baru ini memperbarui portofolio saya di Johnrhea.com. (Saya orang Anda jika Anda ingin menambahkan CSS atau insinyur front-end dengan keterampilan mendongeng dan animasi ke tim Anda.) Saya suka tampilan serangkaian planet yang saya buat untuk proyek pribadi lain dan memutuskan untuk menggunakannya kembali di situs web baru saya. Sebagian dari ini juga merupakan […]
Bagaimana Kartun Klasik Menginspirasi CSS Modern – Beragampengetahuan
Produsen browser tidak butuh waktu lama untuk menambahkan fungsionalitas gerak ke CSS. Sederhana :hover Level semu adalah yang pertama, lalu transitionAntara kedua negara. Maka kemampuan untuk mengubah keadaan muncul @keyframes Dan, baru-baru ini, bingkai kunci terkait dengan animasi gulir dari posisi gulir. Bahkan dengan fitur -fitur tambahan ini, Animasi CSS masih relatif mendasar. Mereka mengingatkan […]
Perintah CSS Shape () | beragampengetahuan – Beragampengetahuan
CSS shape() Fitur baru -baru ini didukung di browser Chrome dan Webkit. Ini adalah cara untuk menggambar bentuk yang kompleks, clip-path milik. Selama bertahun -tahun, kami memiliki kemampuan untuk menggambar bentuk dasar – pikirkan circle,,,,, ellipse()Dan polygon() – tetapi tidak ada cara “mudah” untuk menggambar bentuk yang lebih kompleks. Yah, itu tidak benar. Memang, tidak […]
Kiat CSS yang hilang cohost.org – Beragampengetahuan
Jika Anda belum pernah mendengar tentang cohost.org, Anda akan dimaafkan. Situs media sosial seperti Tumblr yang disesuaikan, dan datang lagi. Halaman pendaratan Peach and Maroon Cohost dirilis pada Juni 2022 pada Juni 2022 dan berjanji akan “dirilis, tetapi lebih baik”. Hanya dua tahun kemudian, pada bulan September 2024, situs ini mengumumkan penutupannya, dengan penciptanya mengutip […]
5 best open source tools for cross-browser CSS testing – Beragampengetahuan
Why is CSS so inconsistent across browsers? Picture this: You spend hours trying to perfect your website’s layout and ensure every element is pixel-perfect. It looks flawless in Chrome. But when you open it in Safari, the spacing is off. Then, in Firefox, a key animation doesn’t work at all. Frustrating right? Different browsers don’t […]
Jadi, Anda ingin menyerah pada prosesor CSS Pre dan Post … – Beragampengetahuan
Pernah ada waktu ketika CSS lokal tidak memiliki banyak fitur dasar yang memungkinkan pengembang untuk menghasilkan cara untuk membuat CSS lebih mudah ditulis. Metode -metode ini dapat dibagi menjadi dua kelompok: Preprocessor Postprocessor Preprocessor mencakup alat -alat seperti Sass, Lins dan Stylus. Seperti yang disarankan dengan nama kategori, alat -alat ini memungkinkan Anda untuk menulis […]