Sumberdaya Segar untuk Desainer dan Pengembang Web (April 2015)
Bagaimana (pengingat bersahabat) Anda pada Hari April Mop tahun ini? Nah, untuk kita semua yang tidak suka iseng, inilah cicilan terbaru sumber daya segar untuk perancang dan pengembang web.
Untuk bulan April kami memiliki sejumlah aplikasi hebat untuk meningkatkan produktivitas, perpustakaan yang meningkatkan pengalaman pengguna dengan datalist besar, ekstensi Photoshop yang memberi Anda widget cuaca, dan alat web praktis yang menyimpan cache web font.
Penguasa CSS
Ada sejumlah pengukuran unit di CSS; beberapa diperbaiki sementara yang lain relatif seperti em
, rem
dan ch
. Penguasa CSS adalah alat di mana Anda dapat membandingkan skala unit secara visual.
ResponsiveJP
ResponsiveJP fitur sejumlah situs web responsif dari Jepang, terutama sebagai referensi bagi perancang web yang merasa sulit untuk bekerja responsif ketika datang ke konten tipografi non-Latin. Ini membantu Anda untuk memperluas perspektif Anda dan melihat ke dalam tren desain web timur juga.
Google Fonts Alternate
Banyak layanan Google diblokir di Cina, termasuk Google Font - hampir pasti bahwa Google Font tidak akan ditampilkan dengan benar di Cina. Jika Anda ingin menayangkan koleksi Google Font di daratan Cina, arahkan font stylesheet ke sumber alternatif Menggunakan, sebagai contoh:
// Lembar gaya Google Font. // Tautan alternatif
Semoga beruntung dan berkah Tuhan!
Ikon Muir
Ikon Muir adalah kumpulan ikon yang dirancang agar sesuai dengan OS X Yosemite. Dinamai setelah John Muir, seorang naturalis dan aktivis yang membantu melestarikan Yosemite asli, ya, taman nasional di A.S. Pada saat penulisan ini, sudah ada 3 volume set ikon ini dirilis. Masing-masing terdiri dari ikon aplikasi populer seperti Adobe Creative Suites, Twitter, Sketch, Skype dan SublimeText.
- Volume Muir I
- Muir Volume II
- Muir Volume III
CouleursApp
CouleursApp adalah aplikasi kecil yang memungkinkan Anda untuk mengambil warna di mana saja di layar Anda. Ini meningkatkan aplikasi pemilih warna Mac bawaan. Ini mendukung sejumlah format warna termasuk Hex dan UIColor of Swift.
Kesesuaian: OS X 10.10 atau lebih tinggi
Cuaca
Cuaca adalah ekstensi Photoshop itu menambahkan widget cuaca ke ruang kerja Photoshop Anda. Ini adalah alat yang berguna untuk membantu Anda memutuskan apakah sudah waktunya untuk meninggalkan meja Anda dan pergi keluar untuk menikmati cuaca yang menyenangkan.
Kesesuaian: Photoshop CC
Lengkap
Terjemahan awal adalah pustaka JavaScript yang meniru HTML5 elemen. Anda dapat menambahkan daftar saran di dalam elemen input yang akan muncul saat pengguna mengetik. Ini merupakan pendekatan praktis untuk meningkatkan pengalaman pengguna, terutama ketika berhadapan dengan datalist besar.
Kesesuaian: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
Noizio
Noizio adalah aplikasi dengan koleksi suara-suara alami: suara angin, lautan dan badai. Ini dapat membantu Anda lebih fokus pada pekerjaan Anda dengan menyediakan lingkungan yang tenang yang memungkinkan Anda untuk melepaskan diri dari keramaian dan hiruk pikuk suasana kerja yang bertekanan. Setidaknya, itu berlaku untuk saya.
Kesesuaian: OS X 10.8 atau lebih tinggi
Fokus Fokus
Ini satu untuk mereka yang merasa sulit untuk fokus. HocusFocus adalah aplikasi yang secara cerdik menyembunyikan jendela dan ruang kerja di desktop OS X Anda untuk jangka waktu tertentu, hanya menyisakan jendela yang paling sering Anda gunakan. Itu membuat Anda lebih efisien, membersihkan kekacauan dari desktop Anda dan membantu Anda fokus pada pekerjaan Anda.
Kesesuaian: OS X 10.10 atau lebih tinggi
PixelCounter
PixelCounter menghitung piksel dalam gambar Anda. Cukup seret dan lepas gambar atau seluruh direktori proyek Anda ke dalam aplikasi, dan itu akan menghitung dan menambahkan semua piksel dalam JPEG, PNG, WebP, GIF, dan bahkan gambar SVG Anda. Sekarang, jika kita hanya bisa memulai tren di mana kami menagih klien dengan piksel ... hmm.
Kesesuaian: OSX 10.8 atau lebih tinggi, Windows 7 atau lebih tinggi, dan Linux (Segera Hadir)
Blurbs UI
UIBlurbs menghasilkan profil pengguna fiktif dan merupakan aplikasi web yang sempurna untuk digunakan bersama dengan UIFaces dan UINames untuk membangun prototipe desain.
localFont
localFont adalah aplikasi web yang meningkatkan kinerja font web. Saat Anda menyeret dan melepas font (.woff
, atau .ttf
), itu akan menyandikan dan menanamkan font dalam CSS. Ini juga menghasilkan beberapa baris JavaScript yang akan men-cache font di localStorage pengguna (baca tutorial kami sebelumnya tentang menggunakan Cookie & HTML5 localStorage).