15 Panduan Pengembangan Teratas untuk Desainer dan Pengembang

Pengembang dan desainer memiliki beberapa kesamaan, keduanya harus bekerja satu sama lain setidaknya sesekali, terutama mereka yang sangat fokus pada pengembangan aplikasi dan web front-end. Baik itu mempelajari cara menggunakan tipografi dalam desain aplikasi Anda, atau menentukan jenis perangkat tempat kita harus membangun situs web, keduanya dapat saling belajar dalam beberapa cara.

Desainer web sering kali harus menggunakan teknologi seperti HTML5 dan CSS3 untuk menyempurnakan desain mereka, sementara pengembang ingin menjelajahi lebih banyak tentang Pengalaman Pengguna dan Antarmuka Pengguna untuk memastikan perangkat lunak yang mereka buat sesuai dengan persyaratan standar dari kedua standar. Dan bagaimana dengan browsernya? Baik desainer dan pengembang sangat terlibat dengan browser, dan membantu mendapatkan beberapa panduan dan wawasan di area itu juga.

Sumber daya panduan pengembangan berikut akan mencakup dasar-dasar bahasa skrip paling populer, serta menjelaskan beberapa alat yang mungkin menjadi favorit baru Anda karena betapa nyamannya menggunakannya.

Standar Web Sherpa

Web adalah konsep yang besar, sangat banyak sehingga terkadang sulit untuk benar-benar menemukan konten yang bagus tentang cara bekerja dengan web dari perspektif pengembang dan/atau desainer. Sumber daya Sherpa Standar Web adalah daftar artikel dan panduan yang membahas tentang CSS, Desain, Konten, JavaScript, Kinerja Web, Aspek bisnis dalam membangun web, dan kiat tentang cara menyempurnakan alur kerja Anda di antara banyak topik dan kategori lainnya. Jika Anda membutuhkan praktik terbaik sebagai orang terdepan, ini adalah tempat untuk mendapatkannya.

Mitos UX

UX Myths menyanggah kepercayaan yang salah tentang pengalaman pengguna, dan memberi pembaca kesempatan untuk mendapatkan perspektif baru dan berwawasan tentang bagaimana Anda harus mendekati UX di aplikasi, situs web, dan perangkat lunak Anda. Setiap poin dijelaskan secara menyeluruh dan diberikan sejumlah contoh untuk menunjukkan kemungkinan sebaliknya.

Panduan Saku Typo

Panduan saku untuk tipografi ini adalah pendamping yang sempurna bagi para desainer yang ingin mempelajari seluk beluk teknis tipografi. Panduan khusus ini mencakup dasar-dasar tanda hubung, apostrof, tipografi, font, dan lainnya.

Status Jenis Web

Tipografi selalu berkembang, tetapi browser tidak. Ini berarti bahwa terkadang kita perlu menjelajahi kemampuan setiap fitur pada setiap browser secara terpisah, dan sumber daya ini membuatnya sangat mudah. Cukup pilih jenis fitur yang ingin Anda gunakan dan jelajahi kemampuannya di berbagai browser.

QuirksMode

QuirksMode adalah panduan luar biasa menuju informasi kompatibilitas browser di Internet. Meskipun Anda tidak mendapatkan banyak informasi dalam bentuk konten tertulis, ada banyak fakta yang dapat berguna untuk dipelajari dalam hal pengembangan untuk web. Tabel kompatibilitas memungkinkan siapa pun menjelajahi kemampuan browser teknologi seperti JavaScript, CSS, dan HTML.

Etika Photoshop

Photoshop tanpa diragukan lagi adalah alat desain grafis paling populer di kalangan desainer, dan bahkan jika Anda telah menggunakan Photoshop selama beberapa tahun terakhir, selalu ada sesuatu yang baru untuk dipelajari dan dijelajahi. Panduan Etiket Photoshop adalah panduan enam bab yang membahas tentang beberapa aspek praktik terbaik Photoshop, termasuk area seperti lapisan, efek, dan kualitas desain. Semua bab berukuran cukup, jadi Anda tidak akan terjebak berjam-jam mempelajari sesuatu yang baru.

Perangkat Saya

Kesulitan mengetahui ukuran resolusi layar perangkat Anda? Platform kecil ini akan memberi tahu Anda dengan tepat semua detail yang perlu Anda ketahui tentang ukuran perangkat Anda, dan jenis fitur yang dapat dijalankan oleh browser Anda. Bagus untuk pengembang yang terus bergerak.

Ukuran Layar

Ukuran Layar mengambil pendekatan yang berbeda dan sebagai gantinya mengeluarkan data keras tentang ukuran layar yang berbeda, sistem operasinya, serta rasio aspek uniknya. Anda dapat melihat informasi yang sama untuk tablet dan komputer dengan mengklik masing-masing ikon di sudut kanan. Sangat cocok untuk desainer web dan pengembang web.

Metrik Perangkat

Metrik Perangkat dari Google mirip dengan dua situs di atas, tetapi menambahkan sedikit lebih banyak perangkat ke daftar, dan juga menguraikan beberapa informasi pengembangan penting untuk setiap perangkat. Jika Anda mengetahui jenis perangkat yang Anda gunakan untuk membuat aplikasi dan situs web, mengetahui informasi ini bisa menjadi sangat penting.

Rahasia Alat Pengembang

Setiap browser saat ini hadir dengan fitur yang disebut alat pengembang. Ini adalah panel konsol terpisah untuk browser yang memungkinkan siapa saja menjelajahi setiap situs web dari perspektif pengembang. Anda dapat menggunakan konsol JavaScript untuk mengeksekusi kode sisi klien khusus, Anda dapat memeriksa elemen struktur situs web, dan Anda dapat melakukan hal-hal seperti memantau jaringan dan aktivitas file. Setiap alat pengembang peramban berbeda, dan sumber ini adalah daftar artikel dan tutorial khusus tentang cara memanfaatkan alat pengembang peramban favorit Anda secara maksimal.

Pedoman CSS

CSS adalah pelapis web. Tanpa CSS web itu telanjang, sama seperti kita manusia tanpa pakaian. Dan karena ada begitu banyak CSS di sekitar kita, penting untuk memahami dasar-dasar yang sangat praktis dan peraturan standar yang memastikan CSS yang kita buat di web dioptimalkan dan sesuai dengan standar terbaru.

Panduan gaya khusus ini tidak dimaksudkan sebagai panduan gaya, melainkan wawasan tentang cara kerja CSS standar dan apa yang dapat dilakukan oleh pengembang dan desainer secara berbeda untuk memastikan bahwa CSS yang mereka hasilkan akan memiliki kualitas setinggi mungkin, membuatnya lebih mudah untuk diproduksi di skala besar, serta memelihara.

Lembar Cheat CSS

CSS adalah bahasa scripting yang besar, dan terus berkembang setiap tahun. Terkadang, dalam banyak hal, kita bisa melupakan sintaks bahasa yang sangat mendasar, di mana situs seperti lembar contekan CSS ini benar-benar dapat menjadi berguna, dan Anda hanya perlu menandainya sekali untuk dapat kembali ke sana kapan saja. Sangat direkomendasikan untuk pemula.

Peretasan Peramban

Pengembang web front-end menghabiskan banyak waktu di browser, bereksperimen, mengeksekusi kode, mengutak-atik dan banyak lagi, dan karena setiap pengembang telah berkembang selama bertahun-tahun, mereka telah meninggalkan beberapa cuplikan dan trik menarik yang dapat digunakan siapa saja untuk memudahkan alur kerja pengembangan mereka. Pelajari tentang peretasan untuk kueri media, peretasan pemilih, dan bahkan beberapa peretasan JavaScript keren untuk semua browser favorit Anda. Anda juga dapat membagikan tip dan trik Anda sendiri menggunakan permintaan tarik GitHub.

Diet Peramban

Tren saat ini dalam pengembangan web banyak tentang kinerja; bagaimana mengoptimalkan kinerja terbaik tanpa kehilangan kualitas. Dan inilah yang dimaksud dengan panduan Diet Browser — cara mengoptimalkan web. Ini adalah daftar tip berwawasan dan laporan pengalaman yang mendokumentasikan berbagai fitur JavaScript, HTML, dan CSS yang dapat diubah, atau dihapus sama sekali tanpa harus membuat kompromi apa pun.

&Apa;

amp-what adalah referensi cepat dan interaktif dari 30.000+ entitas karakter HTML dan karakter Unicode umum, 8859-1 karakter, tanda kutip, tanda baca, karakter beraksen, simbol, simbol matematika, dan huruf Yunani, ikon, dan markup-signifikan & karakter internasionalisasi. Cara kerjanya adalah Anda mengklik tombol Muat di bagian atas situs web, lalu gunakan fungsi pencarian untuk menemukan jenis karakter yang ingin Anda gunakan untuk proyek Anda atau di mana pun Anda berencana menggunakannya. Sumber daya yang begitu luas sehingga Anda dapat menghabiskan berjam-jam bermain dengan ikon dan karakter unik yang dapat membumbui aplikasi dan desain Anda.