Sumberdaya Segar untuk Desainer dan Pengembang Web (Juli 2016)

Angsuran ini hadir dengan beragam sumber daya lagi. Kami memiliki sumber untuk menginspirasi desain halaman arahan Anda berikutnya, dua cara bagi coders untuk meredupkan efek layar yang menyilaukan, sebuah plugin untuk membuat tata letak web dengan drag and drop, sebuah plugin jQuery untuk meningkatkan pemilih tanggal Anda, dan banyak JavaScript JavaScript perpustakaan untuk membantu pengembang.

Juga termasuk sumber daya pada HTTP2, terminologi tipografi, membangun situs yang siap aksesibilitas, dan mesin pencari untuk sintaksis bahasa pemrograman. Mari kita periksa.

Klik untuk Lebih Banyak Sumber Daya

Temukan seluruh koleksi sumber daya kami yang direkomendasikan dan alat desain dan pengembangan web terbaik yang tersedia.

Folio Pendaratan

Folio arahan adalah tempat sentral di mana Anda dapat menemukan contoh desain halaman arahan. Ada ratusan contoh di situs ini, dan Anda dapat menentukan pilihan daftar berdasarkan kategorinya. Ini pasti bookmark yang layak untuk desainer web.

Kueri Elemen

JavaScript yang memungkinkan Anda melakukan Permintaan Elemen. Kueri elemen dilambangkan dengan @elemen dan tidak seperti, @media, @elemen menyadari banyak kondisi di luar “tinggi” dan “lebar”. Anda dapat, misalnya, menerapkan gaya berdasarkan jumlah karakter yang terkandung dalam elemen.

HTTP2

HTTP2 adalah spesifikasi terbaru HTTP dengan perubahan signifikan. Ini menjanjikan kinerja yang lebih baik dan transfer data yang efisien. Di sumber daya ini, Anda dapat menemukan perubahan ini (dengan sangat rinci), pengaruhnya terhadap keamanan, kecepatan, dan pengalaman pengguna.

Elemen

Elemen adalah plugin WordPress yang memungkinkan Anda membangun tata letak web dengan drag-n-drop. Dengan Elementor, Anda dapat membangun tata letak yang lebih menarik. Ini responsif, sepenuhnya dapat disesuaikan dan ramah pengguna.

TimeDropper

Plugin ini dilengkapi dengan beberapa animasi yang membuat memilih tanggal di web lebih menarik. Selain itu, opsi tersedia untuk mengubah tampilan UI. Ini adalah plugin jQuery untuk pemilih tanggal yang lebih menarik.

SyntaxDB

Mesin pencari untuk mencari sintaksis bahasa pemrograman. Saat ini mendukung sejumlah bahasa, termasuk Java, C, Ruby, JavaScript dan Python. Ini bisa menjadi mesin pencari utama bagi pengembang seiring dengan pertumbuhan basis data dan bahasa.

Github Dark UI

Github Dark UI adalah tema warna yang lebih gelap untuk Github.com. Ini bisa menjadi skema warna alternatif yang baik, jika Anda bekerja di bawah lingkungan yang redup atau harus menatap layar untuk waktu yang lama..

Microlight

Alih-alih menyorot kode dengan warna berbeda, seperti yang Anda lihat di bawah, Microlight membuat kode “cahaya”. Pustaka JavaScript yang menyoroti kode - secara harfiah.

BarbaJS

BarbaJS adalah perpustakaan JavaScript yang memungkinkan transisi halaman yang lancar melalui JavaScript History API / pushState. Plugin ini dilengkapi dengan Metode, Acara Kustom, dan beberapa API untuk memberikan pengalaman yang lebih halus untuk halaman di situs web Anda. Berikut ini beberapa contohnya.

TypeTerms

Pernah bertanya-tanya apa bedanya “jarak huruf” dan “kerning” aku s? TypeTerms adalah presentasi interaktif di mana Anda dapat mempelajari terminologi tipografi yang membingungkan ini.

ButterBean

ButterBean adalah plugin baru dan canggih untuk membangun Meta Box di WordPress. Ini dikembangkan mengikuti arsitektur WordPress Customizer API modern. Itu membuat membangun admin WordPress WordPress khusus ini lebih elegan.

Pemeriksaan Tema Anak

Plugin WordPress untuk memeriksa Tema Anak Anda dengan tema induk; itu akan memeriksa apakah file Tema Anak bergantung pada diperbarui.

CloudFlare UI

CloudFlare UI adalah kumpulan komponen UI yang dibangun di atas React. Mengingat popularitas React sedang meningkat, mungkin ada sejumlah kerangka kerja UI yang serupa di luar sana.

Lerna

Harus mengelola beberapa paket dan repositori dalam proyek besar tidak dapat dihindari. Alat ini memungkinkan Anda untuk menangani situasi khusus ini dan pada akhirnya merampingkan alur kerja Anda.

Tenang

Tenang adalah pustaka JavaScript untuk membantu mengurangi penggunaan CPU. Ini menyediakan satu set fungsi yang dapat digunakan sebagai pengganti fungsi JavaScript asli. Itu dapat digunakan di situs web biasa atau tidak ada aplikasi berbasis Node.js.

Tipografi GEL

Tipografi GEL adalah panduan gaya tipografi BBC. Sumber daya dan inspirasi hebat tentang bagaimana Anda dapat menstandarisasi gaya tipografi Anda.

Pola PIKIRAN

PIKIRAN Pola adalah panduan praktis untuk membangun situs web e-Commerce yang dapat diakses. Ini memberikan panduan dalam hal membangun HTML, menggunakan label ARIA, dan menyusun gaya CSS yang ramah pengguna untuk pengguna penyandang cacat.

Kekhususan CSS

Kumpulan ilustrasi yang menjelaskan cara kerja Kekhususan CSS.

CSS Dig

Ekstensi Chrome yang membantu Anda mengoptimalkan CSS. Ini akan memo halaman Anda dan memberikan laporan, daftar properti yang digunakan seperti warna.

Stash Templat

Kumpulan templat pilihan tangan di mana Anda dapat menemukan berbagai jenis templat termasuk templat HTML5, WordPress, Ghost, Bootstrap, dan e-Commerce.