Kolektif #887 – Beragampengetahuan

dengan mitra

Olá, teman-teman front-end! 👋

Ini hari Kamis dan kami memiliki beberapa permata untuk dibagikan!

Pertama, Harry Roberts memikirkan kembali bagaimana kinerja jaringan diukur menggunakan CrRRUX, sebuah metrik baru yang dirancang untuk memberikan wawasan dunia nyata sekaligus menjaga perbandingan tetap sederhana dan bermakna. Sementara itu, Geoff Graham mengeksplorasi nuansa teks alternatif, menyoroti kapan diperlukan dan kapan tidak.

Jen Simmons memperkenalkan properti CSS baru yang sangat menarik: background-clip: border-area. Pertimbangkan dengan mudah tombol pengisian gradien dan batas berbasis gambar.

Terakhir, Daniel Destefanis telah membuat alat/plugin Figma yang hebat untuk membuat gradien mesh yang indah dari foto!

Ingin lebih banyak inspirasi? Jelajahi konten terbaru kami tanda tangan jaringan 👉

Memperkenalkan Windsurf Editor, IDE proksi pertama. Semua fitur yang Anda kenal dan sukai disertakan dalam ekstensi Codeium, ditambah fitur baru seperti Cascade, yang bertindak sebagai agen AI kolaboratif, menggabungkan fitur terbaik dari sistem co-pilot dan agen. Proses bekerja dengan AI ini menciptakan perubahan bertahap dalam kemampuan AI yang menghasilkan momen yang benar-benar ajaib.

ini Kelas Master Pembingkaian Utama 2.0 by adalah kursus pilihan pertama Anda untuk menguasai Framer Ryan Hayward. Ini mengajarkan Anda segalanya mulai dari membuat situs web responsif dan menggunakan animasi hingga fitur-fitur canggih seperti CMS dan e-commerce. Selain itu, Anda akan belajar bagaimana mengubah keterampilan Anda menjadi pendapatan dengan bekerja sama dengan klien atau menjual template. Tonton cuplikan kursus di sini.

Berlaku hingga 5 Desember 2024

Mengambil inspirasi dari desain UI game di Forza Horizon 3 dan Forza Motorsport 7, panduan mendetail ini mengeksplorasi penggunaan CSS dan JavaScript untuk menciptakan kembali efek kaca buram untuk web.

Artikel dari Bramus ini membahas cara menggunakan MutationObserver untuk secara otomatis memicu transisi tampilan dalam aplikasi web, menyederhanakan proses penggunaan animasi untuk mengelola perubahan DOM tanpa harus menyematkan logika JavaScript tambahan.

Harry Roberts memperkenalkan CrRRUX (Chrome Relative Rank User Experience), sebuah metrik baru untuk membandingkan kinerja web pesaing yang berfokus pada kehidupan web inti dan pengalaman pengguna nyata sambil menyeimbangkan kesederhanaan, objektivitas, dan kontinuitas.

Josh W. Comeau berbagi kerangka kerja yang bijaksana untuk mengevaluasi dukungan browser untuk fitur CSS, menyeimbangkan pengalaman fallback, penggunaan browser audiens, dan potensi kerugian yang disebabkan oleh kurangnya dukungan.

🖼️Teks alternatif: tidak selalu diperlukan

Artikel Geoff Graham membahas kapan teks alternatif diperlukan, cara menghindari redundansi, dan tips untuk membuat gambar mudah diakses dan memiliki tujuan.

Abbey Bamford merinci rebranding pendekatan mobilitas SomeOne, yang mengintegrasikan aksesibilitas dan estetika untuk menciptakan sistem desain yang inklusif dan menarik yang berpusat pada kegunaan dan representasi.

Jen Simmons memperkenalkan properti CSS baru background-clip: border-areayang memungkinkan desainer untuk menerapkan gradien atau gambar langsung ke batas, memungkinkan efek kreatif seperti tombol berisi gradien, batas berbasis gambar, dan lingkaran kemajuan melingkar.

Ana Boyer menjelaskan bagaimana Figma membangun Pattern Library (FPL) untuk UI3, sistem desain baru yang diciptakan bersama oleh desainer dan insinyur.

Tempat untuk menjelajahi kode sumber shader Three.js, termasuk fitur seperti meshphong, meshlambert, dan banyak lagi.

Grup Komunitas CSS-Next memperkenalkan logo CSS resmi dan modern yang dirancang untuk mewakili keseluruhan bahasa, bukan versi tertentu, dan memberikan pedoman penggunaan, variasi, dan prinsip desain berbasis komunitas yang dapat diakses.

Daniel Destefanis telah meluncurkan Photo Gradient, plug-in Figma gratis (juga berbasis web) yang memungkinkan Anda membuat gradien kisi dari foto dengan mudah.

Alat perbandingan teks yang menyoroti perbedaan dalam teks biasa, kode, atau file dengan pemrosesan sisi klien yang aman. Mendukung JSON, YAML, HTML, CSS, dll., dan memiliki mode perbandingan kata atau karakter. Tarik dan letakkan atau buka file secara langsung.

(Dari blog kami) Lihatlah di balik layar transformasi situs web baru Waaark Nod Coding Bootcamp dan pelajari bagaimana kami mengubah situs web yang hambar menjadi pengalaman yang tak terlupakan.

(Dari blog kami) Oguzhan Tufenk menunjukkan cara membuat kode pembentukan kembali medan secara real-time dengan interaksi pengguna menggunakan React Three Fiber.

File API Pinata memungkinkan pengembang untuk mengintegrasikan pengunggahan dan pengambilan file hanya dalam hitungan menit. Tidak ada pengaturan yang rumit, tidak ada kerumitan konfigurasi – hanya manajemen file yang cepat dan terukur.

Writer adalah platform AI generatif full-stack untuk perusahaan. Bangun dan terapkan aplikasi AI dengan cepat dan mudah menggunakan Writer AI Studio, serangkaian alat pengembang yang terintegrasi penuh dengan LLM kami, RAG berbasis grafik, AI Guardrails, dan banyak lagi.

Gunakan Writer Framework untuk membangun aplikasi Python AI dengan pembuatan UI drag-and-drop, gunakan API dan SDK kami untuk mengintegrasikan AI ke dalam basis kode Anda yang ada, atau berikan alat tanpa kode yang intuitif kepada pengguna bisnis.

…Ada lebih banyak ponsel di dunia dibandingkan toilet siram? Laporan Perserikatan Bangsa-Bangsa menunjukkan bahwa meskipun 6 miliar orang memiliki telepon seluler, hanya 4,5 miliar yang memiliki akses terhadap sanitasi yang memadai. Hal yang sangat kontras menyoroti bagaimana inovasi sektor swasta telah mendorong adopsi teknologi seluler secara global, sementara infrastruktur kesehatan – yang seringkali bergantung pada pendanaan publik – masih tertinggal.