Sumber Daya Segar untuk Pereka dan Pembangun Web (Ogos 2016)

Dalam artikel ini, kami mempunyai senarai kerangka dan alat yang ada ditujukan ke arah pembangunan web. Menariknya, saya telah menemui beberapa alat dan rangka kerja yang datang dari korporat raksasa seperti Microsoft dan Alibaba.

Ini adalah petanda yang baik, kerana lebih banyak syarikat kini menyumbang kepada sumber terbuka dan membantu membentuk Web yang lebih baik. Mari lihat apa yang ada untuk penyusunan bulan ini.

Klik untuk Sumber Lebih Banyak

Cari koleksi kami sumber yang disyorkan dan reka bentuk dan alat pembangunan web terbaik yang tersedia.

CuteStrap

Rangka kerja UI dibina di atas Sass. Ia datang dengan semua antara muka web yang paling biasa seperti bentuk, navigasi dan butang, yang sepatutnya mencukupi dalam banyak kes. Jika anda mencari rangka kerja yang popular seperti Bootstrap dan Yayasan yang luar biasa, Cutestrap mungkin alternatif yang hebat untuk anda.

Ujian HTML5

Ujian HTML5 adalah alat dalam talian yang akan menguji sejauh mana pelayar menyokong spesifikasi HTML5 terkini. Ini alat yang berguna untuk mereka yang terlibat dalam debugging dan pengujian aplikasi web moden.

Kalori Penyemak Imbas

Kalori Penyemak Imbas adalah pelanjutan Chrome yang mengukur berat halaman web. Ia mengimbas fail dimuatkan dan sumbangan mereka kepada jumlah berat halaman. Alat kecil yang hebat untuk membantu anda mengoptimumkan prestasi laman web anda.

Weex

Weex adalah rangka kerja dari Alibaba untuk membina aplikasi mudah alih dengan hanya HTML, CSS dan JavaScript. Ia dilengkapi dengan Modul, komponen UI, DevTools sendiri dan CLI yang direka untuk persekitaran mudah alih dan mempercepat pembangunan.

Rangka Kerja Web Microsoft (MWF)

Rangka kerja dari Microsoft, komponen UI dalam MWF dibina berdasarkan bahasa reka bentuk Microsoft Modern: rata, bersih, dan minimalis. Rangka kerja ini, selain daripada komponen UI, juga memberi arahan penggunaan Warna, Typography dan Animasi. Saya fikir Bahan Reka Bentuk Lite akhirnya bertemu pesaing yang sama.

Vital

Vital adalah rangka kerja dengan antara muka minimum yang sangat menyenangkan. Ia ringan, tidak mempunyai JavaScript, dan native Rogue - sintaksis berdasarkan Ruby.

Fontea

Fontea adalah lanjutan Photoshop percuma untuk mengurus dan mengaplikasikan beratus-ratus Google Font. Anda boleh mencari font dari dalam Photoshop, pratonton, dan menggunakan font terus ke reka bentuk anda - memperkemas aliran kerja anda.

Gerimis

Ini adalah alat yang membolehkan anda membina corak UI atau panduan gaya untuk laman web anda. Ia akan menghasilkan perkara seperti warna, gaya asas atau susun atur untuk komponen serta coretan kod. Penjana panduan gaya seperti Gerimis akan membolehkan anda tetap konsisten dengan gaya laman web anda.

InterCooler

InterCoolerJS adalah pustaka JavaScript yang membuat penggunaan AJAX di laman web anda semudah menambah sifat HTML. Ia dilengkapi dengan panduan yang luas dan banyak contoh untuk membantu anda memulakan menggunakan alat ini.

Picla

Picla adalah plugin jQuery untuk menunjukkan label imej yang diambil dari imej alt atribut. Ia menyediakan beberapa pilihan untuk membolehkan anda menambah gaya dan gerakan tersuai kepada label. Picla boleh dipasang sebagai pergantungan laman web anda dengan Bower.

IziModal

Berikut adalah plugin jQuery untuk dipaparkan modal pop up. IziModal mempunyai banyak pilihan untuk pemperibadian. Anda boleh, sebagai contoh, menyesuaikan animasi, kandungan teks, warna. Ia ringan, responsif dan retina-siap.

MegaBoilerplate

MegaBoilerplate adalah penjana untuk membuat susunan pembangunan dengan cepat. Pergi ke laman web dan pilih alat dan pustaka yang mana (Node.js, HTML5, JavaScript Vanilla, dan Electron) yang akan anda gunakan sebagai tapak web anda. Ia akan menyusun dan mengkonfigurasi semua perkara yang anda perlukan dalam pakej zip, sedia untuk dimuat turun.

Howler

Pustaka JavaScript untuk memaparkan pemain audio moden menggunakan API Audio Web, Howler berfungsi dalam pelayar setakat IE9, dan menyokong banyak codec audio seperti MP3, WEBM, WAV. Banyak ciri, modular, dan berfungsi tanpa perpustakaan luaran.

SuperEmbed

SuperEmbed adalah perpustakaan JavaScript kecil yang menjadikan objek terbenam responsif, sambil mengekalkan nisbah asal. Ia menyokong pelbagai sumber termasuk Youtube, Flickr, Vine, VideoPress dan DailyMotion. Lihat demo itu.

CleaveJS

Hentikan adalah pustaka JavaScript yang nilai format secara automatik dalam input. Contohnya, boleh menambah pemisah seribu dalam input mata wang, menambah ruang dalam input nombor Kad Kredit, atau tambah / dalam input tarikh. Gunakan perpustakaan ini untuk memberi pengalaman pengguna yang lebih baik.

Flipping Typical

FlippingTypical membolehkan anda melihat semua fon yang dipasang pada sistem anda. Saya dapati aplikasi ini lebih mudah daripada menggunakan FontBook aplikasi dalam macOS. Saya menaip teks rawak dan melihat mana fon pada sistem saya kelihatan terbaik.

LightTable

IDE baru yang saya fikir patut diterokai. Ia bermula sebagai projek KickStarter, disokong oleh Matt Mullenweg (pengasas WordPress), dan akhirnya menjadi sumber terbuka. Anda boleh menonton video ini untuk mendapatkan idea tentang bagaimana IDE ini sejuk.

Pemampat

Pemampat adalah aplikasi web yang memampatkan fail imej ke saiz terkecil tanpa kehilangan kualiti visual. Ia menyokong JPG, GIF, PNG, dan SVG juga. Aplikasi ini adalah percuma.

Imbas Halaman Microsoft

Ini adalah alat berguna dari Microsoft untuk menganalisis laman web anda untuk isu-isu seperti keserasian dan kebolehaksesan pelayar. Alat ini akan menyenaraikan laporan yang memberitahu anda jika apa-apa yang tidak betul mengenai laman web anda dan bagaimana anda boleh meneruskan untuk menangani isu tersebut. Mencubanya!

Lumpuhkan Blogging

Plugin ini, seperti namanya, akan membuang ciri blog seperti Posts, Comments and Feeds. Ia adalah plugin yang sesuai untuk anda jika anda tidak memerlukan ciri blog di WordPress.