Laman » Reka Bentuk Web » Sumber Baharu untuk Pereka dan Pemaju Web (Jun 2018)

    Sumber Baharu untuk Pereka dan Pemaju Web (Jun 2018)

    Dalam ansuran sumber-sumber segar ini, kami mempunyai pelbagai sumber campuran dalam senarai. Selain beberapa alat berasaskan kod seperti perpustakaan dan kerangka kerja JavaScript yang baru, kami turut memasukkan beberapa berguna Aplikasi GUI bahawa saya pasti kedua-dua pemaju dan pereka akan menghargai.

    Mari periksa senarai secara terperinci dan beritahu saya yang mana satu kegemaran anda di bahagian komen di bawah.

    Unik

    Alat untuk mencari fon yang unik yang mungkin jarang dilihat di tempat lain, Unik berguna untuk membuat logo atau hanya untuk mencari gabungan fon unik yang sesuai untuk dokumen anda dengan mudah dengan hanya beberapa klik. Sebaik sahaja anda memilih pilihan anda, anda boleh muat turun dan namakan fon anda sendiri. Itu sangat keren!

    Duotones

    Aplikasi web mudah yang akan putar mana-mana foto ke dalam duoton; foto monokromatik yang terdiri daripada dua warna yang berbeza. Anda boleh memuat naik foto anda sendiri atau memilih foto yang disediakan alat untuk mengedit dan memuat turun hasilnya. Yang baik alat untuk mencipta imej latar belakang yang menarik di laman web anda.

    MDX

    MDX adalah satu spesifikasi yang menggabungkan Markdown dan JSX. Ini membolehkan anda melakukan beberapa perkara gila yang tidak pernah dilakukan sebelum ini, seperti mengimport fail Markdown, gunakan fail Markdown sebagai komponen tersendiri untuk dimasukkan ke dalam fail lain, dan gunakan komponen React di dalamnya.

    FontDrop

    Yang berguna alat untuk memaparkan maklumat terperinci mengenai font. Cukup lepas fon, ia akan menunjukkan nama, gaya, versi, maklumat hak cipta, glyphs, bahasa yang disokong, dan lain-lain antara perkara lain.

    Perpustakaan Pengujian DOM

    Pustaka JavaScript untuk menguji DOM (Model Objek Dokumen). Anda boleh menggunakannya tulis unit ujian untuk komponen UI web anda, memastikan bahawa UI berfungsi sebagai pengguna sebenar menggunakannya. Ini juga membantu anda mengekalkan kefungsian UI UI semasa refactoring kod.

    Pembuangan

    Komponen React yang mudah untuk keluarkan atau keluarkan output kanan dalam penyemak imbas dan bukan pada konsol pelayar dengan console.log. Alat ini telah dicipta oleh Wes Bos, salah seorang pensyarah paling popular dalam React.

    Etcher

    Aplikasi berguna untuk imej OS berkelip ke cakera flash bootable. Proses ini agak sukar untuk diikuti. Dengan Etcher, ia semudah 1-2-3. Alat ini menyokong hampir semua OS utama termasuk Windows, Linux, dan macOS.

    Ni

    Cara alternatif yang lebih baik untuk memasang pakej NPM, Ni boleh memasang dependencies yang hilang dari package.json fail, menunjukkan kebergantungan yang tidak digunakan, dan antara muka yang lebih baik secara keseluruhan.

    Cuttlebelle

    Penjana tapak statik untuk React.js., Cuttlebelle menyediakan keterlihatan yang lebih besar dengan cara yang anda boleh meluaskan susun atur halaman dengan komponen berasaskan React. Sekiranya anda sudah biasa dengan React.js, anda boleh dengan mudah membuat susun atur baru dan menggunakannya dalam mana-mana fail Kemaskini mungkin.

    ImgBlur

    Satu komponen JavaScript yang mudah untuk memuatkan imej dengan cara yang moden, ImgBlur dilengkapi dengan a CLI untuk menghasilkan imej kabur dari imej asal. Imej kabur mempunyai saiz kecil yang akan dimuatkan terlebih dahulu sebelum memuat asalnya. Lihat demo untuk melihat komponen ini dalam tindakan.

    Dinero.js

    Pustaka JavaScript untuk membuat, mengira dan memformat wang, Dinero.s. menyokong semua mata wang luar negara daripada-kotak. Anda boleh menggunakan perpustakaan dalam persekitaran Node.js, memuatkannya dalam pelayar, dengan CommonJS atau EcmaScript 6.

    WiredJS

    WiredJS dibina dengan asli “Komponen Web”. Ia adalah perpustakaan UI yang unik dengan rupa yang samar. Apa yang keren dari perpustakaan ini adalah bahawa unsur-unsur strok ditarik secara rawak, bermakna tiada dua elemen akan sama. Perpustakaan yang sempurna untuk membuat wireframe atau mockups.

    Vuido

    Vuido adalah rangka kerja aplikasi desktop yang ringan dengan Vue.js. Anda boleh menggunakan API Vue.js dan banyak add-onnya seperti Vuex, sebagai contoh, kepada membina aplikasi desktop untuk Windows, Linux, dan macOS. Ia adalah alternatif yang hebat untuk Electron.

    Hibrid

    Pustaka JavaScript untuk membuat elemen HTML tersuai menggunakan Component Web asli dengan API yang lebih mesra. Perpustakaan menyediakan API yang lebih mudah seperti yang ada di Vue.js atau React.js.

    Saber.js

    A penjana tapak statik yang dibina untuk Vue.js. Saber.js tidak datang dengan barangan mewah seperti dalam Nuxt.js. Pilihan dan konfigurasi adalah minimum yang menjadikannya alternatif yang hebat jika anda hanya ingin mempunyai laman web statik yang mudah dijaga.

    Angin

    Pembaca RSS dan Podcast moden, Angin boleh didapati untuk Windows, macOSv dan Linux. Aplikasi ini kelihatan cantik dan moden dengan kotak bayang-bayang, sudut bulat, kecerunan, dan apa yang tidak. Ini bagus aplikasi untuk mengurus langganan tapak anda untuk mengikuti perkembangan industri yang pantas ini.

    Santai

    Penukar yang akan menjadikan HTML atau Pug menjadi PDF. Anda boleh mencipta susun atur kompleks menggunakan HTML, CSS, JavaScript dan gunakan Markdown untuk menulis kandungan utama. Di samping itu, anda juga boleh menggunakan perpustakaan JavaScript, seperti Chart.js untuk menambah gambar rajah dan MathJax untuk menambah format Matematik.

    Penyesuaian Gaya Font

    Alat untuk memilih dua Font Google dan font asli yang dipasang di komputer dengan rupa yang serupa. Ini adalah alat yang berguna untuk pemaju web untuk mengurangkan FOUC hodoh (denyar kandungan yang tidak dicerap) ketika Font Google belum dimuat sepenuhnya.

    PWA WP

    Inisiatif untuk membawa PWA (Aplikasi Web Progresif) ke Teras WordPress. Pada masa penulisan ini, projek ini berada di peringkat awal. Ini adalah projek yang menarik untuk diikuti terutama jika anda bekerja terutamanya dalam ekosistem WordPress.

    Blueprint.js

    Pustaka UI berasaskan Reaktak, Blueprint.js termasuk sekumpulan tetap seperti butang dan tab, dan komponen UI lain yang biasanya diperlukan untuk membina aplikasi web Omnibar yang moden; a kotak carian terapung seperti app Spotlight atau Alfred dalam macOS.