Sumber Baharu untuk Pereka dan Pemaju Web (Mac 2017)

Dengan CLI (Barisan Barisan Perintah) kami dapat menyelaraskan dan mengautomasikan aliran kerja pembangunan web. Dan itulah sebabnya dalam ansuran ini, kami telah memasukkan beberapa CLI yang hebat yang boleh anda pasang pada komputer tempatan anda atau menjalankan beberapa perkara di pelayan. Selain itu, kami juga menyertakan beberapa Alat PHP, penyemak imbas tambahan, dan perpustakaan JavaScript. Mari kita periksa mereka.

Klik untuk Sumber Lebih Banyak

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

Guetzli

Pengekod baru dari Google itu membolehkan imej memampatkan sehingga 35% dari saiz awal sambil mengekalkan kualiti. Ia adalah satu kejayaan yang diberikan oleh pengekod sumber terbuka yang sama, seperti JPEGOptim dan jpegtran, dihadkan kepada hanya 20% pada avarage. Saya dapat melihat bahawa terdapat beberapa aplikasi dan plugin untuk platform CMS yang mengintegrasikan Guetzli untuk mengoptimumkan fail JPEG.

Roadmap Pemaju

Seperti namanya, Roadmap Pemaju adalah infographic perjalanan sebagai Pembangun Web. Terdapat tiga kursus Front-end, Back-end, dan DevOps. Lampiran ini adalah seperti, dengan baik, peta; dan adalah rujukan yang bagus untuk dilihat di mana kita sedang berada di sana, apa yang mungkin kita rindukan, dan di mana kita akan seterusnya.

Netlify CMS

SmashingMagazine baru-baru ini telah membuat bergerak berani ke parit WordPress dan cuba sesuatu yang baru sepenuhnya dengan CMS baru yang dipanggil Netlify CMS. Ia adalah CMS baru yang dibina di atas React.js dan boleh bersepadu dengan mana-mana penjana tapak statik seperti Jekyll, Hugo, dan MiddleMan.

BadSSL

Ianya adalah laman web untuk memeriksa konfigurasi SSL anda. BadSSL adalah alat yang berguna untuk melakukan penyahpepijat dan ralat terhadap SSL yang dipasang di laman web anda.

Alix

Alix adalah a Pelanjutan Chrome yang membolehkan anda mengaudit kebolehaksesan laman web anda. Setelah dipasang dan didayakan, plugin akan menambah kotak tindanan ke atas beberapa elemen pada halaman yang memberi amaran atau kesilapan.

AR.js

AR.js adalah Perpustakaan JavaScript tidak seperti yang lain. Perpustakaan ini membolehkan kami membuat Reality Dipertingkat menggunakan teknologi Web, dan mengejutkan berjalan dengan pantas pada telefon bimbit.

Trace React

Ianya adalah berikan komponen dari Unsplash untuk mencipta carta Line yang indah untuk menunjukkan trend. Komponen ini boleh dikonfigurasikan; anda boleh menetapkan ketebalan garis, warna, kecerunan, dan kelancaran keluk. Anda hanya boleh menggunakan GUI untuk dengan mudah menjana kod komponen.

Gitee

A aplikasi macOS untuk memantau aktiviti Github anda terus dari desktop anda, Gitee menambah item baru pada bar status yang menunjukkan bilangan bintang, pengikut, dan pemberitahuan. Di samping itu, anda juga boleh melihat carta dorongan anda dan komited di repositori serta repositori trending pada bulan dan minggu semasa. Ia adalah Github pada Desktop secara ringkas.

Goops

Goops adalah a CLI berguna yang akan menganalisis direktori projek anda dan tentukan direktori dan fail untuk menambah dalam .gitignore. CLI boleh dipasang melalui NPM. Setelah dipasang, taipkan goops dan dilakukan.

Debug CSS

DebugCSS adalah a Utiliti drop-in CSS yang membolehkan anda menganalisa dan mengesahkan output CSS anda pada penyemak imbas. Ia berfungsi agak serupa dengan Alix, apabila anda memuatkan lembaran gaya debugCSS atau menggunakan bookmarklet itu menyoroti unsur-unsur di halaman yang menimbulkan kesilapan atau amaran.

EagleJS

EagleJS adalah a Perpustakaan JavaScript untuk membuat pembentangan sama seperti RevealJS. EagleJS berbeza dalam beberapa cara; ia dibina menggunakan Vue.js, rangka JavaScript MVC, dan menggunakan Pug sebagai sistem templat untuk membina slaid.

BootstrapTour

A Perpustakaan JavaScript untuk membina panduan pop timbul menggunakan komponen Bootstrap. Panduan pop timbul biasanya muncul untuk pengguna baru untuk berjalan mereka melalui antara muka aplikasi, ciri baru, dan untuk menunjukkan petua. Ia adalah perpustakaan yang sempurna jika tapak anda dibina dengan Bootstrap juga.

Bata

Bata adalah perpustakaan JavaScript yang direka untuk membina UI aplikasi web. Anda akan menemui beberapa perkara biasa seperti Kalendar, Menu, dan Borang antara komponen yang dibundel, Ia juga dilengkapi dengan a "penyimpanan-indeks" komponen untuk membolehkan anda menyimpan data pada sisi pelanggan menggunakan IndexedDB.

OctoTree

OctoTree adalah utiliti yang baik yang membolehkan melayari kod sumber dan fail pada Github dengan struktur Pokok seperti dalam IDE atau editor kod. Ia datang sebagai tambahan untuk Chrome, Safari, Firefox, dan Opera, dan boleh didapati di repositori rasmi mereka. Octotree menyokong repositori Private and Enterprise Github.

Pemberitahuan Github

Satu lagi sambungan Github berguna untuk Chrome. Setelah dipasang, anda akan dapat menerima pemberitahuan walaupun anda tidak berada pada halaman Github. Plugin hebat jika anda mahu kekal dalam gelung dengan repositori anda.

Deployer

Deployer adalah alat untuk menggunakan laman PHP anda. Ia berfungsi dengan sejumlah kerangka dan platform yang popular termasuk WordPress, Drupal, Magento, Laravel, dan CodeIgniter. Dengan alat ini, anda boleh menyusun resipi anda sendiri, sekeping perintah untuk dijalankan semasa penggunaan. Ia datang dengan Kembalikan ciri yang membolehkan anda kembali ke versi sebelumnya dalam kes kegagalan.

PHPStan

A CLI yang mengimbas fail PHP untuk mencari kesilapan tanpa menjalankan runtime. Ini bermakna anda tidak memerlukan persekitaran PHP penuh untuk menyebarkan fail PHP pada projek anda.

NGINX Boilerplate

Satu koleksi konfigurasi Nginx biasa yang termasuk had Caching Backend, sambungan dan permintaan, dan beberapa amalan terbaik lain untuk meningkatkan laman web anda untuk mempercepatkan dan menyesuaikannya untuk tergesa-gesa lalu lintas.

Berbuih

Bubbly adalah barisan perintah yang hebat yang boleh anda pasang pada server anda untuk menjana, mengurus, dan memperbaharui sijil dengan Let's Encrypt. Doping SSL kini semakin mudah.

Grid Wafel

Namun, satu lagi kerangka grid CSS yang dibina dengan Flexbox yang saya rasa anda harus melihat.