Web
Saya Berkontribusi Pada Editor Sumber Terbuka, Anda Juga Bisa
Beberapa bulan yang lalu, [postingan Jason Grigsby tentang pelengkapan otomatis dalam formulir](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) beredar luas. Saya menyukai gagasan yang memungkinkan pengguna untuk mengisi rincian kartu kredit mereka dengan mengambil gambar kartu mereka. Yang tidak saya sukai adalah mempelajari [semua nilai yang mungkin untuk isi otomatis dengan hati](https://html.spec.whatwg.org/multipage/forms.html#autofill). Aku mulai malas di hari tuaku. Akhir-akhir ini, saya dimanjakan dengan penggunaan editor yang melakukan pelengkapan otomatis cerdas untuk saya, sesuatu yang di masa lalu hanya ditawarkan oleh IDE kompleks yang sangat besar. Membuka editor pilihan saya, saya membuat elemen `input` dan menambahkan atribut `autocomplete`, hanya untuk menemukan bahwa penyelesaian kode memberi saya status `on` atau `off`. Mengecewakan.
Baca lebih lajutEtiket Photoshop Untuk Desain Web Responsif
Sudah hampir lima tahun sejak [Photoshop Etiquette](https://photoshopetiquette.com/) diluncurkan, yang secara resmi menjadikannya peninggalan di web. Banyak yang bisa terjadi di web dalam beberapa tahun, dan lima yang terakhir ini telah menggambarkan hal itu lebih baik daripada kebanyakan.
Baca lebih lajutCara Menjalankan Kritik Desain UI
Kritik itu mudah. Sepertinya setiap orang memiliki pendapat, tetapi, seperti yang ditunjukkan oleh penulis Harlan Ellison, "Anda tidak berhak atas pendapat Anda. Anda berhak atas pendapat Anda yang terinformasi." Namun, untuk mendapatkan informasi, membutuhkan eksplorasi. Kritik desain adalah bagian penting dari setiap eksplorasi produk. Kritik desain — di mana pembuat mendiskusikan dan menjelaskan kreasi dengan anggota tim dan/atau klien lainnya — bukan tentang mendesak perancang atau mendorong mereka untuk membenarkan setiap keputusan yang mereka buat. Itu hanya kritik. **Kritik desain yang baik dimaksudkan untuk mengeksplorasi desain**, menemukan di mana ia bekerja dan di mana ia dapat ditingkatkan. Jika dilakukan dengan baik, kritik desain memungkinkan semua orang di tim merasa seolah-olah mereka telah didengar dan memungkinkan klien untuk memberikan umpan balik yang berharga.
Baca lebih lajutPanduan Pemula Untuk Aplikasi Web Progresif
PWA memanfaatkan teknologi terbaru untuk menggabungkan yang terbaik dari web dan aplikasi seluler. Artikel ini membahas kemajuan terkini di browser dan peluang yang kami miliki, sebagai pengembang, untuk membangun generasi baru aplikasi web.
Baca lebih lajutPengalaman Desain Penting: Interaksi Mikro Animasi Dalam Aplikasi Seluler
Dariel Fitzkee, pesulap terkenal, pernah berkata, "Keajaiban ada dalam detail dan kinerjanya." Desain interaksi memang seperti itu. Desainer senang mendapatkan gambaran besar dengan benar, tetapi jika detailnya tidak ditangani dengan benar, solusinya akan gagal. **Keajaiban ada dalam detail**. Itulah mengapa interaksi mikro yang dirancang dengan baik membuat pengalaman terasa dibuat-buat. Untuk mendapatkan pemahaman yang lebih baik tentang bagaimana desain Anda mendapat manfaat dari interaksi mikro, ini akan membantu untuk membuat sketsa ide aplikasi Anda. Adobe memperkenalkan desain baru dan aplikasi wireframing yang disebut Experience Design (atau Adobe XD) yang memungkinkan Anda mendesain wireframe dan membuatnya interaktif. Anda dapat mengunduh dan menguji Adobe XD secara gratis.
Baca lebih lajutPengembang "Memiliki" Kode, Jadi Bukankah Desainer "Memiliki" Pengalaman?
Kita semua pernah ke sana. Anda menghabiskan waktu berbulan-bulan untuk mengumpulkan persyaratan bisnis, mengerjakan perjalanan pengguna yang kompleks, membuat elemen antarmuka presisi, dan mengujinya pada sampel pengguna yang representatif, hanya untuk melihat produk akhir yang memiliki sedikit kemiripan dengan pengalaman yang diinginkan.
Baca lebih lajutDesain Memori Pengguna: Cara Mendesain Untuk Pengalaman Yang Bertahan
Dua grafik yang digambarkan di bawah ini mengubah cara saya berpikir tentang berpikir. Direproduksi dari studi psikologi klasik tahun 1996, cerita di balik bagan ini adalah ilustrasi yang jelas bahwa cara kita manusia merasakan saat kita mengalami dunia bisa sangat berbeda dari apa yang kita rasakan ketika kita memikirkan kembali pengalaman itu nanti.
Baca lebih lajutKalender Wallpaper Desktop: Agustus 2016
[Sejak delapan tahun](https://www.smashingmagazine.com/tag/wallpapers/), tantangan wallpaper desktop bulanan kami adalah favorit Smashing yang tidak akan mungkin terjadi tanpa upaya tak kenal lelah dari desainer dan seniman berbakat dari seluruh dunia . Dalam upaya untuk memenuhi **wallpaper yang sedikit lebih khas daripada kerumunan biasanya**, kami menantang Anda, komunitas desain, untuk membuat jus kreatif Anda mengalir dan menghasilkan beberapa desain yang menarik dan menginspirasi setiap bulan lagi. Dan, yah, kali ini tidak berbeda.
Baca lebih lajutDaftar Bacaan Pengembangan Web #147: Panduan Keamanan, Komponen UI yang Dapat Diakses, dan Desain Konten-Pertama
Saat bekerja dalam tim, penting untuk mematuhi aturan. Tantangan umum adalah membangun semua proyek Anda dengan perangkat yang serupa atau sama dan **pedoman pengkodean**. Baru kemarin saya membahas bagaimana kita dapat mem-porting sebuah proyek yang melampaui basis kode awalnya selama bertahun-tahun ke kode sumber baru berbasis React.js. Keputusan untuk ini tidak mudah, karena kami telah menginvestasikan cukup banyak pekerjaan dan uang ke dalam proyek ini, dan perpindahan ke React akan membutuhkan waktu yang cukup lama juga. Tetapi karena peralihan tersebut masuk akal dari sudut pandang teknis dan tim sudah menggunakan React untuk tiga proyek lainnya, kami menyimpulkan bahwa ini akan menjadi langkah yang baik untuk dilakukan. Ini akan memungkinkan lebih banyak pengembang tim untuk berkontribusi pada proyek, untuk meninjau kode dan mengurangi pergeseran teknologi di perusahaan. Terkadang, inilah saatnya untuk mengevaluasi kembali proyek Anda dan melanjutkan.
Baca lebih lajut