Sumber Baharu untuk Pereka dan Pemaju Web (Mei 2017)

A pengumpulan sumber web yang berguna adalah sesuatu yang amat dikehendaki oleh pemaju web dalam toolkitnya. Oleh itu, sebagai seorang pemaju sendiri, saya berusaha untuk membentangkan anda sumber terbaik dan sumber web pembangunan yang paling terkini setiap bulan.

Koleksi bulan ini termasuk a aplikasi percuma yang menarik untuk screencasting, beberapa rangka kerja berdasarkan bahasa Bahan Reka bentuk, beberapa perpustakaan untuk Ujian prestasi, CLI, dan a beberapa sumber berguna lain kami. Jadi, mari kita periksa mereka satu demi satu dalam perkara berikut.

Klik untuk Sumber Lebih Banyak

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

Kap

Kap adalah a rakaman skrin kecil yang kemas untuk MacOS. Ia adalah aplikasi sumber terbuka, dibina dengan teknologi web. Satu perkara yang saya suka dalam aplikasi ini ialah ia menawarkan menukar video keluar dari kotak. Kap adalah alternatif hebat untuk merakam aplikasi anda atau demo live website.

Sizzy

Sizzy adalah a alat pembangunan untuk menguji laman web responsif anda dalam pelbagai saiz paparan pada satu skrin. Ia adalah aplikasi super berguna berbanding dengan Emulator mudah alih terbina dalam Chrome. Sizzy juga datang sebagai Sambungan Chrome.

Muse UI

A Perpustakaan UI berdasarkan prinsip Reka Bentuk Bahan dan dibina di atas Vue.js 2.0, Muse UI dibungkus dengan Compenents Design Material seperti Appbar, Card, dan Dialog. Ia hebat rangka kerja untuk membina dan menjalankan UI dengan cepat.

Advanced WP-CLI

Saya peminat besar WP-CLI dan menggunakannya hampir setiap hari dalam kerja saya sebagai pemaju WordPress. Namun, baru-baru ini saya mendapati bahawa WP-CLI membenarkan anda buat perancah UnitTest PHP untuk tema! Ini adalah senarai penggunaan lanjutan WP-CLI dari Penyelenggara WP-CLI, Daniel Bachhuber, diri sendiri.

Lunacy

Lunacy adalah a penampil fail Sketch tunggal untuk Windows. Ia berfungsi dengan baik dengan lakaran lakaran yang mengandungi teks, imej raster, bahkan kecerunan, dan bayang-bayang. Ia tidak memerlukan sambungan ke internet, Oleh itu, pemaju boleh bekerja pada fail Sketch dari mana saja. Dan ia adalah percuma.

K6

Perkara penting dalam hampir setiap aspek aplikasi web. Tetapi bagaimana anda mengukur kelajuan laman web anda? Baiklah, jawapannya ialah K6. Ia menyerupai trafik ke laman web anda dan memuatkan laman web pada tempoh tertentu seolah-olah ia adalah trafik yang sebenar. Ringkasnya, K6 ialah UnitTest untuk Prestasi.

Perkhidmatan Checker

Senarai aplikasi web yang hebat untuk semak banyak perkara seperti DNS, Beban, Kelajuan, SEO, Keselamatan, dan SSL. Banyak alat-alat ini adalah percuma, bagaimanapun, terdapat beberapa perkhidmatan premium yang disenaraikan di dalamnya itu menawarkan ciri-ciri canggih untuk pengguna.

SVGito

Adakah alat web kecil untuk mengoptimumkan SVG yang telah dihasilkan daripada apl Lakaran. Tampalkan kod SVG anda ke laman web dan ia akan mengembalikan kod yang dioptimumkan dengan segera.

Launchaco

Mencari nama hebat untuk permulaan anda adalah sukar, dan mendapatkan pengendali nama pengguna yang ada di media sosial adalah lebih sukar. Launchaco adalah alat yang berguna membolehkan anda mencari nama domain, nama pengguna untuk media sosial yang berbeza seperti Twitter, Facebook, Instagram dll, dan membantu anda menjana logotype bagus perniagaan anda.

Gila

A koleksi animasi unik yang dilakukan dengan CSS. Tolong jangan jalankan animasi, jika hati dan minda anda tidak cukup kuat untuk melihatnya.

Lembaran Cheat CSS Grid

Pembelajaran Grid CSS boleh menjadi agak menakutkan ketika datang ke beberapa sifat baru, unit pengukur baru, dan juga hampir paradigma baru yang lengkap untuk membina susun atur web. Alat ini, seperti namanya, adalah untuk membantu anda dapatkan kaki anda dari tanah dengan CSS Grid.

Kotak kerja

Kotak kerja adalah a inisiatif baru dari Google untuk membina Aplikasi Web Progresif (PWA). Ia sama dengan Yeoman atau Buat React App dengan cara yang anda boleh mendapatkan semuanya dan siap dalam satu baris perintah.

Mavo

Mavo adalah projek sumber terbuka baru dari Lea Verou. Ia adalah perpustakaan yang bertukar menjadi markup HTML dan beberapa atribut tersuai ke dalam aplikasi web berfungsi. Mavo lebih mudah diikuti berbanding dengan perpustakaan lain seperti Backbone, Vue.js atau React seperti yang membolehkan pengguna kurang bijak teknologi untuk membina aplikasi web dengan cepat dan mudah.

UI Bahan

Simlar ke Muse UI, ia adalah a Rangka kerja UI berdasarkan bahasa Reka Bentuk Meterial. Bagaimanapun, ini dibina menggunakan React. Ia kini terpulang kepada keutamaan anda; jika anda bersama pasukan Vue.js atau pasukan React.

Imej Malas

Imej Lazy adalah a elemen HTML tersuai untuk memuatkan imej atas permintaan. Unsur ini menyediakan tambahan .aktif objek dalam Objek Elemen yang anda boleh gunakan untuk mencetuskan imej untuk dimuatkan dalam sebarang peristiwa atau interaksi pengguna seperti yang anda perlukan.

Mac CLI

Ini alat bagus untuk mengurus MacOS anda melalui Terminal. Cukup taip kemas kini mac untuk mengemas kini MacOS. Atau, taipkan penyampaian mac yang akan menyediakan Mac anda (meminimumkan semua aplikasi, penyemak imbas dekat, menghantar fail dari desktop dan muat turun ke sampah dan tidak menetapkan mod gangguan) sebelum memberi persembahan. Betapa sejuknya itu!

Menjaga Anda Awake

KeepingYouAwake adalah utiliti bar menu untuk MacOS ke mengelakkan Mac anda dari memasuki mod tidur untuk tempoh yang ditetapkan atau selagi ia diaktifkan. Anda boleh memasang aplikasi ini menggunakan Homebrew.

JSON Feed

Akhirnya! Ini adalah spesifikasi standard untuk menghantar suapan kandungan dalam JSON format. Telah ada pluginhre WordPress> dibina untuk pelaksanaannya. Ini sepatutnya menjadikan kehidupan pemaju web lebih mudah. Mari kita cuma mengucapkan selamat tinggal kepada XML.

Karbon

Pendek kata, Carbon adalah Moment.js PHP. Ia adalah perpustakaan PHP untuk menjana dan memanipulasi rentetan tarikh dan masa.

SpeedRacer

Satu lagi alat Ujian Unit Prestasi. Sementara K6 akan melakukan penguji beban dengan menghantar Pengguna Virutal untuk mensimulasikan lawatan dan trafik, SpeedRacer akan menilai prestasi rendering halaman pada penyemak imbas. SpeedRacer boleh menjadi teman baik untuk K6.