Laman » Reka Bentuk Web » Sumber Sumber Daya untuk Pereka dan Pemaju Web (Ogos 2018)

    Sumber Sumber Daya untuk Pereka dan Pemaju Web (Ogos 2018)

    Nampaknya komuniti pembangunan lebih aktif sejak kebelakangan ini kerana terdapat banyak alat baru yang dikeluarkan dalam beberapa bulan terakhir. Dalam pusingan siri ini, saya akan menyerlahkan beberapa alat yang perlu disebut.

    Antara senarai alat, terdapat a Perpustakaan JavaScript untuk menghasilkan data dummy, alat untuk berkongsi fail dalam rangkaian tempatan, dan satu yang akan membolehkan anda merakam sesi Terminal menjadi animasi SVG. Bunyi sejuk? Mari semak senarai penuh di bawah.

    Pushbar.js

    Ia adalah perpustakaan JavaScript untuk membuat laci gelongsor. Biasanya laci gelongsor digunakan untuk memaparkan navigasi menu laman, tetapi anda boleh menggunakan perpustakaan ini untuk memaparkan apa yang sesuai untuk laman web anda. Pushbar.js adalah bebas disesuaikan dan bebas bergantung, tiada jQuery diperlukan.

    CLI Carbon Now

    Carbon CLI adalah pakej Node.js ke menjana petikan kod cantik melalui antara muka baris perintah. Alat ini diilhamkan oleh carbon.now.sh di mana anda boleh melakukan perkara yang sama melalui GUI yang bagus pada penyemak imbas.

    Faker.js

    Pustaka JavaScript kepada buat data dummy. Ia menyokong menjana sebahagian besar data seperti nama, alamat pos, nama syarikat, nombor telefon, tarikh, dan banyak lagi. Semua data ini boleh sangat berguna menguji aplikasi web anda.

    TermToSVG

    TermToSVG ​​adalah a Perakam terminal Linux yang menjadikan sesi arahan anda menjadi animasi SVG. Ia adalah alat yang berguna untuk pemaju untuk menulis tutorial.

    Pengurus Sandaran Pangkalan Data

    Ia adalah pustaka PHP, dan seperti namanya, ia menyediakan satu set fungsi kepada mengendalikan pangkalan data dan pemulihan. Perpustakaan menyokong pelbagai perkhidmatan untuk menghantar atau menarik sandaran daripada, termasuk Dropbox, Amazon S3, FTP dan SFTP, dan Cloud Rackloud.

    Reaksikan Bit

    Satu koleksi humongous teknik React.js, petua dan kiat, React Bits merangkumi corak reka bentuk yang sama, gaya, dan tip prestasi. Ini adalah benar sumber yang hebat untuk meningkatkan kemahiran React.js anda.

    Bahasa DSS

    DSS bermaksud Deterministic StyleSheets, alat pengarang CSS baru. Bagaimanakah ia berfungsi dan bagaimanakah ia boleh digunakan pada hari ke hari saya? Saya jujur ​​tidak tahu sejauh ini. Tetapi ia kelihatan sejuk dan ia baru jadi ia berada dalam senarai. Terima kasih!

    PurgeCSS

    PurgeCSS adalah pakej NPM yang membenarkan mengoptimumkan output CSS di dalam aplikasi web anda dengan mengeluarkannya yang tidak digunakan. Alat ini mempunyai pelbagai alat sokongan terbina dalam yang dilindungi termasuk Gulp, Grunt, Grunt, Webpack, dan PostCSS, sehingga anda boleh mengintegrasikannya ke dalam projek anda segera.

    RFS

    RFS bermaksud Ukuran Font Responsif dan merupakan projek yang menarik untuk menangani salah satu perkara paling sukar di web, iaitu, untuk membuat saiz fon responsif, dengan cara yang saiz akan mengikuti dengan baik dengan saiz viewport peranti. RFS boleh didapati sebagai NPM

    SimpleBar

    Pustaka JavaScript untuk membuat bar tatal tersuai, SimpleBar membolehkan anda menyusun tatal ke sepadan dengan gaya laman web anda menggunakan CSS seperti mana-mana elemen HTML yang lain di laman web ini. Disebabkan oleh sekatan platform dan penyemak imbas, penggayaan bar skrol penyemak imbas digunakan untuk menjadi rumit tetapi SimpleBar telah benar-benar menjadikannya mudah.

    Larastan

    Larastan adalah pembungkus dari PHPStan untuk Laravel. PHPStan adalah alat yang membolehkan anda menyemak kod anda untuk kemungkinan kesalahan tanpa perlu menulis satu ujian unit. Ia memeriksa banyak hal termasuk kewujudan kaedah dan fungsi yang dipanggil, jenis yang diberikan kepada sifat, bilangan dan jenis yang diberikan kepada pembina Kelas, dan mengesahkan phpDocs.

    PWMetrics

    PWMetrics adalah alat yang mengumpulkan metrik Progresif Web Apps melalui antara muka baris arahan yang dibangunkan oleh Paul Irish. Alat ini dikuasakan oleh Lighthouse dan boleh didapati sebagai pakej NPM. Ia menyediakan banyak pilihan mengkonfigurasi metrik, prestasi ujian, dan jangkaan anda ingin mencapai ujian.

    Pax

    Pax adalah pengarang JavaScript untuk menyusun modul JavaScript ke dalam fail yang boleh digunakan untuk penyemak imbas. Pax menjanjikan kelajuan. Ia berkompilasi lebih cepat daripada beberapa pembawa alternatif. Ia menyokong sepenuhnya ES6 import dan eksport sintaks dan syseks CommonJS import. Tidak seperti pax ditulis dengan Rust dan boleh didapati melalui registri bungkusan Rust yang dipanggil Cargo.

    SustyWP

    SustyWP ialah Tema WordPress bertujuan untuk tujuan yang lebih baik; untuk mengurangkan jejak karbon dengan mengurangkan saiznya kepada yang terkecil yang mungkin. Ia hanya berat 7-6kb apabila dimuatkan pada penyemak imbas. Ia cepat dan ringan, dan sebagai balasannya, ia menggunakan kurang sumber (contohnya elektrik) untuk memuat tapak tersebut. Lihat tema backstory dalam jawatan ini oleh Jack Lenox.

    Perpustakaan Doodle

    A koleksi lukisan doodle, Perpustakaan Doodle mempunyai banyak lukisan dalam koleksi dan mereka dikumpulkan ke dalam beberapa kategori Wajah, Tempat, Haiwan, dan lain-lain. Lukisan boleh didapati dalam format SVG dan diedarkan di bawah Sumbangan Umum Kreatif 4.0

    Tilt.js

    Plugin jQuery untuk buat yang mewah kecondongan kesan sama dengan imej kecil pratonton yang kita lihat di Apple TV. Ia tidak memerlukan CSS tambahan. Mereka juga menyediakan beberapa contoh pelaksanaan di halaman ini supaya menggunakannya agak mudah. Pastikan anda semak kesan Glare; ia sangat keren.

    Jurugambar

    Fileroom adalah aplikasi web untuk perkongsian fail peer-to-peer dalam rangkaian yang sama. Anda boleh berkongsi fail dengan rakan sekerja anda hanya dengan drag-n-drop tanpa mengira OS. Ia berfungsi dalam Windows, macOS, Linux.

    Coolhue

    Satu koleksi warna kecerunan terpilih, Coolhue membolehkan anda merebut swatch palet warna untuk aplikasi Photoshop dan Sketsa atau memasangnya ke dalam projek anda menggunakan bower atau npm. Ini akan menjimatkan masa anda untuk mengambil warna untuk laman web anda yang akan datang.

    Reef

    Perpustakaan JavaScript yang mudah untuk membuat UI, Reef tidak mempunyai semua loceng dan wisel dari perpustakaan yang lebih besar seperti React.js atau Vue.js. Tetapi jika semua yang anda perlukan adalah membuat UI, hanya input data dan Reef template boleh menjadi alternatif yang hebat. Ia berat hanya 2Kb

    Evergreen

    Satu koleksi komponen UI dari Segment.io. Komponen ini agak berbeza; selain daripada beberapa komponen biasa seperti Buttons, Icons, Input Text, terdapat beberapa yang saya rasa unik untuk Evergreen seperti Pemanggang, Lembaran Side, dan Dialog Sudut.