Sumberdaya Segar untuk Desainer dan Pengembang Web (Maret 2017)

Dengan CLI (Command Line Interface) kami dapat melakukannya merampingkan dan mengotomatiskan alur kerja pengembangan web. Dan itulah mengapa dalam angsuran ini kami telah menyertakan cukup banyak CLI yang mengagumkan yang dapat Anda instal di komputer lokal Anda atau untuk menjalankan beberapa hal di server. Selain itu, kami juga menyertakan beberapa Alat PHP, add-on browser, dan perpustakaan JavaScript. Mari kita periksa.

Klik untuk Lebih Banyak Sumber Daya

Temukan seluruh koleksi sumber daya kami yang direkomendasikan dan alat desain dan pengembangan web terbaik yang tersedia.

Guetzli

Encoder baru dari Google itu memungkinkan untuk memampatkan gambar hingga 35% dari ukuran awal sambil mempertahankan kualitas. Ini adalah terobosan yang cukup karena encoders open source yang serupa, seperti JPEGOptim dan jpegtran, dibatasi hanya 20% jika rata-rata. Saya dapat melihat bahwa akan ada sejumlah aplikasi dan plugin untuk platform CMS yang mengintegrasikan Guetzli untuk mengoptimalkan file JPEG.

Roadmap Pengembang

Seperti namanya, Roadmap Pengembang adalah infografis perjalanan menjadi Pengembang Web. Ada tiga program Front-end, Back-end, dan DevOps. Peta jalan ini seperti, well, peta; dan merupakan referensi yang bagus untuk dilihat di mana kita berada saat ini, apa yang mungkin kita lewatkan, dan ke mana kita pergi selanjutnya.

Netlifikasi CMS

SmashingMagazine baru-baru ini membuat langkah berani ke parit WordPress dan coba sesuatu yang sama sekali baru dengan CMS baru yang disebut Netlify CMS. Ini adalah CMS baru yang dibangun di atas React.js dan bisa terintegrasi dengan generator situs statis seperti Jekyll, Hugo, dan MiddleMan.

BadSSL

Itu adalah situs web untuk memeriksa konfigurasi SSL Anda. BadSSL adalah alat praktis untuk melakukan debugging dan kesalahan atas SSL yang diinstal di situs Anda.

Alix

Alix adalah a Ekstensi Chrome yang memungkinkan Anda untuk mengaudit aksesibilitas situs web Anda. Setelah diinstal dan diaktifkan, plugin akan menambahkan kotak overlay ke sejumlah elemen pada halaman yang menimbulkan peringatan atau kesalahan.

AR.js

AR.js adalah Perpustakaan JavaScript tidak seperti yang lain. Perpustakaan ini memungkinkan kami untuk membuat Augmented Reality menggunakan teknologi Web, dan secara mengejutkan berjalan sangat cepat pada ponsel.

Bereaksi Trend

Itu adalah bereaksi komponen dari Unsplash untuk membuat bagan Garis indah biasanya untuk menunjukkan tren. Komponen dapat dikonfigurasi; Anda dapat mengatur ketebalan garis, warna, gradien, dan kelancaran kurva. Anda cukup menggunakan GUI untuk dengan mudah menghasilkan kode komponen.

Gitee

SEBUAH aplikasi macOS untuk memantau aktivitas Github Anda langsung dari desktop Anda, Gitee menambahkan item baru pada bilah status yang menunjukkan jumlah bintang, pengikut, dan notifikasi. Selain itu, Anda juga bisa melihat grafik dari dorongan Anda dan melakukan pada repositori serta trending repositori pada bulan dan minggu ini. Singkatnya, ini adalah Github di Desktop.

Goops

Goops adalah a CLI berguna yang akan menganalisis direktori proyek Anda dan tentukan direktori dan file yang akan ditambahkan .gitignore. CLI dapat diinstal melalui NPM. Setelah diinstal, ketikkan goops dan dilakukan.

Debug CSS

DebugCSS adalah a Utilitas drop-in CSS yang memungkinkan Anda untuk menganalisis dan memvalidasi output CSS Anda di browser. Ini bekerja sangat mirip dengan Alix, ketika Anda memuat stylesheet debugCSS atau menggunakan bookmarklet, itu menyoroti elemen-elemen pada halaman yang menimbulkan kesalahan atau peringatan.

EagleJS

EagleJS adalah a Pustaka JavaScript untuk membuat presentasi mirip dengan RevealJS. EagleJS berbeda dalam beberapa hal; itu dibangun menggunakan Vue.js, kerangka kerja JavaScript MVC, dan menggunakan Pug sebagai sistem templating untuk membangun slide.

BootstrapTour

SEBUAH Pustaka JavaScript untuk membuat panduan pop-up menggunakan komponen Bootstrap. Panduan popup biasanya muncul untuk pengguna baru untuk memandu mereka melalui antarmuka aplikasi, fitur baru, dan untuk menunjukkan tips. Ini adalah perpustakaan yang sempurna jika situs Anda dibangun dengan Bootstrap juga.

Bata

Bata adalah perpustakaan JavaScript yang dirancang untuk membangun UI aplikasi web. Anda akan menemukan beberapa yang umum seperti Kalender, Menu, dan Formulir di antara komponen yang dibundel, Ia juga dilengkapi dengan a "storage-indexeddb" komponen untuk memungkinkan Anda menyimpan data di sisi klien menggunakan IndexedDB.

OctoTree

OctoTree adalah utilitas bagus yang memungkinkan untuk menelusuri kode sumber dan file di Github dengan struktur Tree seperti pada IDE atau editor kode. Muncul sebagai tambahan untuk Chrome, Safari, Firefox, dan Opera, dan tersedia di repositori resmi add-on mereka. Octotree mendukung repositori Private dan Enterprise Github.

Pemberitahuan Github

Ekstensi Github lain yang bermanfaat untuk Chrome. Setelah diinstal Anda akan dapat menerima notifikasi bahkan jika Anda saat ini tidak ada di halaman Github. Plugin yang bagus jika Anda ingin tetap terhubung dengan repositori Anda.

Deployer

Deployer adalah alat untuk menyebarkan situs PHP Anda. Ia bekerja dengan sejumlah kerangka dan platform populer termasuk WordPress, Drupal, Magento, Laravel, dan CodeIgniter. Dengan alat ini, Anda dapat membuat resep sendiri, sepotong perintah untuk dijalankan selama penyebaran. Itu datang dengan Kembalikan fitur yang memungkinkan Anda untuk kembali ke versi sebelumnya jika terjadi kegagalan.

PHPStan

CLI yang akan memindai file PHP untuk menemukan kesalahan tanpa menjalankan runtime. Ini berarti bahwa Anda tidak memerlukan lingkungan PHP bertumpuk penuh untuk men-debug file PHP pada proyek Anda.

NGINX Boilerplate

Kumpulan konfigurasi Nginx umum yang mencakup Caching Backend, batas koneksi dan permintaan, dan beberapa praktik terbaik lainnya untuk meningkatkan kecepatan situs Anda dan menyempurnakannya untuk lalu lintas yang cepat.

Ceria

Bubbly adalah baris perintah hebat yang dapat Anda instal di server Anda untuk menghasilkan, mengelola, dan memperbarui sertifikat dengan Let's Encrypt. Doplying SSL sekarang menjadi jauh lebih mudah.

Waffle Grid

Namun, kerangka kerja kotak CSS lain yang dibuat dengan Flexbox yang saya pikir harus Anda perhatikan.