Web

Merancang Sistem UI Modular Melalui Pengembangan Berbasis Panduan Gaya

Menggunakan panduan gaya untuk mendorong pengembangan adalah praktik yang mendapatkan banyak daya tarik dalam pengembangan front-end — dan untuk alasan yang bagus. **Pengembang akan memulai dalam panduan gaya** dengan menambahkan kode baru atau memperbarui kode yang sudah ada, sehingga berkontribusi pada sistem UI modular yang nantinya terintegrasi dalam aplikasi. Tetapi untuk mengimplementasikan sistem UI modular, kita harus mendekati desain dengan cara modular. Desain modular mendorong kita untuk berpikir dan mendesain UI dan UX dalam pola. Misalnya, alih-alih mendesain serangkaian halaman atau tampilan untuk memungkinkan pengguna menyelesaikan tugas, kita akan memulai proses desain dengan memahami bagaimana sistem UI terstruktur dan bagaimana komponennya dapat digunakan untuk membuat alur pengguna.

Baca lebih lajut

Desain Peta: Mendesain Ulang Peta Metro Ekaterinburg

Jaringan kereta bawah tanah metropolitan yang besar mungkin juga merupakan perangkat teleportasi: Orang-orang tidak peduli bagaimana hal itu membawa mereka dari A ke B, hanya saja memang demikian. Di London, Paris, dan Moskow, peta metro tidak menunjukkan geografi permukaan, karena tidak banyak ruang kosong di kertas itu. Merancang peta metro kota adalah tugas yang cukup menantang, bahkan ketika hanya ada satu jalur. Tahun lalu, rekan saya Pasha Omelekhin dan saya sangat senang bekerja pada desain ulang peta metro untuk Ekaterinburg, Rusia. Kami bersenang-senang (dia mendesain, saya mengarahkan). Pada artikel ini, kita akan membahas proses desain kita. Ini akan dirinci, jadi, tergantung pada minat Anda, ini mungkin sangat membosankan atau sangat mengasyikkan. Namun, kami telah meninggalkan begitu banyak. Kami harap ini membantu jika Anda harus mengerjakan proyek serupa.

Baca lebih lajut

Kerangka Kerja Untuk Produk Brainstorming

Brainstorming terkenal karena tidak terstruktur dan seringkali tidak dapat ditindaklanjuti. Orang-orang masuk ke ruangan dengan beberapa Post-it dan papan tulis dan mengharapkan ide-ide hebat terjadi. Masalahnya adalah, bahkan jika ada ide-ide hebat di dalam ruangan, seringkali tidak ada cara yang jelas untuk memutuskan ide apa yang harus diambil tindakan. Sekitar setahun yang lalu, saya dan rekan saya Michael (mitra pendiri di AJ&Smart) sedang duduk di kelas master yang dijalankan oleh Adrian Howard yang fantastis tentang masalah prioritas fitur dalam pengembangan tangkas. Lebih khusus lagi, kami bertanya bagaimana kami bisa memutuskan fitur mana yang akan datang berikutnya dan kapan harus dirilis.

Baca lebih lajut

Cara Meluncurkan Fitur Baru Tanpa Menyakiti Pengguna Setia

_“Jadilah gesit; rilis lebih awal; rilis sering.”_ Kami tahu latihannya. Tetapi apakah secara strategis bijaksana untuk terus meluncurkan fitur secara sering? Terutama setelah produk yang Anda bangun mencapai ukuran tertentu, Anda mungkin tidak ingin mengambil risiko integritas aplikasi Anda dengan setiap rilis minor baru.

Baca lebih lajut

Daftar Bacaan Pengembangan Web #141: jQuery 3, Chillout.js, Dan Bagaimana Teknologi Membentuk Masyarakat

Ada minggu-minggu di mana saya tidak menemukan artikel untuk bagian "Melampaui" dari Daftar Bacaan Pengembangan Web sama sekali. Lalu ada minggu-minggu seperti ini, di mana dua karya brilian muncul yang mengungkapkan banyak hal tentang **bagaimana kita hidup bersama dengan teknologi baru** dan bagaimana hal ini membentuk masyarakat kita. Seiring dengan banyak artikel teknologi yang bagus, cara yang bagus untuk meninggalkan Anda selama dua minggu ke depan. Harap dicatat bahwa saya akan pergi berlibur minggu depan, jadi tidak akan ada ringkasan Jumat depan.

Baca lebih lajut

Temukan Teman, Tingkatkan Kreativitas Anda, Dan Wujudkan Impian Digital Anda

Apakah Anda bergairah tentang sesuatu? Apakah Anda memiliki proyek rahasia? Bukan sesuatu yang akan mengubah dunia (walaupun siapa tahu?), tapi pasti akan _mengubah Anda_? Apakah Anda memiliki teman yang melengkapi keterampilan Anda? Adakah yang baru-baru ini meminta bantuan Anda untuk proyek mereka? Apakah Anda hanya memiliki mimpi digital, atau ada juga rencana untuk mewujudkannya? Setiap profesional memiliki kesamaan. Itu namanya zona nyaman. Tanda pertama Anda berada di dalamnya adalah ketika Anda tidak melihat tantangan di cakrawala. Anda tahu cukup banyak semua yang Anda butuhkan untuk berkinerja baik, dan jika sesuatu yang asing menghampiri Anda, itu dapat diselesaikan dengan cukup cepat. Perlu beberapa saat untuk menyadari bahwa Anda telah berhenti bergerak, dan mengerjakan proyek lepas sepertinya satu-satunya cara untuk membuat otak Anda tetap sibuk.

Baca lebih lajut

Melihat Tumpukan Server WordPress Modern

**Catatan Editor**: _Hari ini menandai hari spesial untuk WordPress. Mendukung banyak situs web (dan ya, Smashing Magazine adalah salah satunya), ia merayakan ulang tahunnya yang ke-13 hari ini. Selamat ulang tahun, WordPress sayang! Masih banyak lagi!_ Apakah Anda ingat kapan Anda bisa menjalankan situs WordPress "cepat" hanya dengan server Apache dan PHP? Ya, itu adalah hari-hari! Hal-hal yang jauh lebih rumit saat itu. Sekarang, semuanya harus dimuat secepat kilat! Pengunjung tidak memiliki harapan yang sama tentang waktu pemuatan seperti dulu. Situs web yang lambat dapat memiliki implikasi serius bagi Anda atau klien Anda.

Baca lebih lajut

Showdown Kinerja Efek Gambar Web

Karena browser terus meningkatkan kemampuan rendering grafisnya, kemampuan untuk benar-benar mendesain di dalamnya menjadi lebih nyata. Beberapa baris kode sekarang dapat memiliki dampak visual yang cepat dan dramatis, dan **memungkinkan konsistensi tanpa banyak usaha**. Dan seperti kebanyakan hal dalam pengembangan web, seringkali ada banyak cara untuk mencapai efek yang sama. Dalam posting ini, kita akan melihat salah satu efek gambar paling populer, skala abu-abu, dan menilai kemudahan implementasi dan implikasi kinerja kanvas HTML, SVG, filter CSS, dan mode campuran CSS. _Mana yang akan menang?_

Baca lebih lajut

6 Langkah Mudah Untuk Desain Ikon yang Lebih Baik

Setiap set ikon yang dikirimkan ke Iconfinder ditinjau dan dievaluasi untuk potensi daya tarik bagi pengguna situs web kami dan untuk nilai komersial potensial sebagai ikon premium. Saat meninjau kumpulan ikon yang dikirimkan ke situs web, kami bertanggung jawab kepada desainer kami dan pelanggan kami untuk memastikan semua ikon premium di situs web memiliki kualitas setinggi mungkin.

Baca lebih lajut

Pembuatan Prototipe Konten-Pertama

Konten adalah komoditas inti ekonomi digital. Ini adalah emas yang kami rancang menjadi pengalaman mewah, berlian yang kami bungkus dalam program loyalitas dan peningkatan penjualan. Namun, sebagai desainer, kita sering memasangnya setelah fakta. Kami membuat prototipe interaksi dan desain visual kami sampai habis, tetapi menerima bahwa "kata-kata nyata" hanya dapat dijatuhkan nanti. Ada cara yang lebih baik. Semakin banyak, barang digital yang kami buat beroperasi dalam sistem konten, fungsionalitas, kode, dan maksud yang dinamis. Produk dan layanan kami melayang dan tumpah ke situs web mitra, umpan media sosial, dan berbagai agregator elektronik, semuanya berusaha membentuk perilaku dan pemahaman pengunjung. **Sistem dibangun di atas sistem**, dan, dalam waktu singkat, kami telah menyusun sebuah raksasa yang luasnya membuat pikiran tercengang.

Baca lebih lajut