Sumber Daya Segar untuk Pereka dan Pengembang Web (Jun 2016)

Kami memperluaskan senarai untuk edisi pertengahan tahun. Ansuran ini mempunyai beberapa CLI (dan di sini adalah siaran kami tentang mengapa anda perlu belajar baris arahan), beberapa aplikasi desktop untuk kerja dan keseronokan, dan beberapa perpustakaan CSS dan JavaScript. Termasuk juga bahan bacaan, rujukan dan panduan mengenai amalan terbaik yang perlu anda periksa, penanda buku, dan mungkin membaca satu hari.

Saya tidak akan merosakkan seluruh senarai itu supaya anda pergi. Untuk sumber yang lebih segar, klik di sini.

Klik untuk Sumber Lebih Banyak

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

CertBot

CertBot menyediakan cara yang lebih berguna untuk menggunakan sijil dari Let's Encrypt. Ia menyediakan satu set baris arahan dengan sokongan untuk banyak konfigurasi pelayan seperti Apache, NGINX, dan Plesk. Bercakap di mana, Let's Encrypt adalah usaha komunal untuk menjadikan Web lebih selamat dengan menyediakan Sijil SSL percuma. Ia kini digunakan di lebih daripada 3 juta laman web.

Mononoki

Mononoki adalah fon yang direka khusus untuk memaparkan kod. Mononoki boleh didapati sebagai font desktop yang boleh dipasang (.ttf) dan fon web (.eot, dan .woff). Ia adalah alternatif yang segar kepada klasik monotype seperti Monaco, Menlo dan Kurier.

BideoJS

Menunjukkan video autoplay penuh halaman di halaman utama nampaknya trend yang semakin meningkat. BideoJS adalah perpustakaan JavaScript yang membolehkan anda melakukan perkara yang sama dengan halangan yang lebih sedikit. Ia ringan, responsif dan boleh dikonfigurasikan untuk memenuhi keperluan anda.

CSS Purge

CSS Purge adalah koleksi rujukan, artikel, dan statistik untuk CSS. Maklumat bijak seperti ini dapat membantu anda membuat keputusan yang tepat mengenai metodologi, alat dan kerangka CSS yang anda ingin pakai dalam projek anda.

Mailgen

Mailgen adalah modul Node untuk menjana e-mel HTML yang mudah diterima dan mudah. Sejumlah pilihan disediakan, membolehkan anda menyesuaikan hampir setiap kawasan e-mel. Anda boleh menetapkan e-mel “tema”, pengepala e-mel, dan “Panggilan untuk tindakan” butang. Ia juga boleh diintegrasikan ke desktop atau aplikasi web berasaskan Node anda.

Deco

Deco adalah IDE untuk membina aplikasi mudah alih menggunakan inisiatif Facebook React Native. Fikirkan Deco seperti XCode atau Visual Studio di mana anda boleh membina aplikasi dengan UI mesra pengguna menggunakan drag-and-drop, slider, dan pickers warna.

IE8 Linter

Internet Explorer 8 (IE8) adalah pelayar antik yang tidak menyokong teknologi Web moden seperti Animasi CSS3, Transformasi, Peralihan, dan kebanyakan elemen HTML5 tanpa polyfill. Prinsip KERING adalah alat yang boleh kita gunakan untuk mengimbas laman web untuk keserasian IE8. Ia menyediakan laporan dan penyelesaian.

Caprine

Caprine adalah apl desktop Facebook Messenger tidak rasmi. Ia dibina di atas Node.js dan Electron yang membolehkannya menjadi aplikasi silang platform; ia boleh didapati di OS X, Windows, dan Linux. Dalam juga terdapat dua warna, Gelap dan Cahaya.

Kit Photon

Kit Photon adalah rangka kerja untuk memulakan aplikasi baru dengan Electron. Sama seperti Bootstrap, Yayasan dan sejenisnya, Photon dilengkapi dengan beberapa Komponen yang membolehkan anda membina elemen UI biasa dalam aplikasi seperti butang, bar alat dan bar sisi.

Yeoman App

Yeoman App adalah aplikasi desktop yang menghasilkan projek boilerplates, rangka kerja, dan perancah dari Yeoman. Ia adalah alternatif yang baik untuk mereka yang tidak selesa bekerja melalui Terminal dan baris arahan.

SQLectron

SQLectron adalah klien desktop SQL yang membolehkan anda melihat dan melaksanakan beberapa operasi SQL dengan lebih mudah. Ia menyokong MySQL, PostgreSQL, dan Microsoft SQL Server. SQLectron boleh didapati untuk OS X, Windows dan Linux.

SCSS Keluarga

FamilySCSS adalah koleksi campuran yang membuat elemen memilih dengan : nth-child lebih intuitif. Mixins adalah deklaratif. Sebagai contoh, anda boleh menulis @include first (3) untuk memilih elemen tiga anak pertama dan tulis @include antara (2, 4) untuk memilih elemen ke-2 ke-4 kanak-kanak.

EasyEngine

EasyEngine adalah kumpulan baris arahan yang membolehkan anda mengkonfigurasi WordPress anda dengan alat dan modul seperti Redis, Caching plugin, dan PageSpeed. Ia menjadikan pelayan WordPress berfungsi untuk mempercepatkan angin.

Phinx

Phinx adalah modul PHP untuk pengurusan pangkalan data dan penghijrahan. Ia datang dengan Kelas dan Barisan Perintah yang membolehkan anda menjalankan hampir semua operasi pangkalan data seperti Menulis, Mengunduh dan Mengunggah. Phinx Docs adalah rujukan yang berguna untuk membantu anda memulakan.

RichCSS

RichCSS adalah rangka kerja CSS yang menyediakan struktur yang waras. Rangka kerja ini dengan rapi menganjurkan folder, direktori dan kelas dengan cara pro-DRY yang membolehkannya dapat diguna semula. Di samping butang, senarai dan bentuk, RichCSS juga dilengkapi dengan CLI sendiri yang boleh anda gunakan untuk memulakan projek Kaya seperti Bower, Git, dan NPM.

Frend

Frend adalah koleksi komponen web biasa. Pengumpulan yang kini terdiri daripada Akordion, Dialog Modal, Offcanvas, Tooltip, Tab, dengan beberapa lagi untuk datang dalam pembebasan seterusnya. Frend boleh menjadi alternatif yang baik kepada jQuery UI.

FLA

Ini adalah rangka kerja menyeluruh untuk membina susun atur grid responsif dengan Flexbox.

PHP Cara Yang Benar

PHP adalah bahasa pengaturcaraan yang mudah dipelajari, tetapi anda juga boleh dengan mudah pergi salah dengan kod dan ini mungkin akan berkompromi dengan keselamatan dan prestasi laman web anda. PHP dengan cara yang betul adalah rujukan yang luas untuk mempelajari amalan terbaik dalam PHP.

Starability

Starability adalah pustaka CSS untuk membina sistem penarafan bintang dengan maklum balas animasi yang mewah. Penarafan bintang dibina dengan kemudahan dalam minda; anda boleh menavigasi dan menetapkan bintang melalui papan kekunci.

WaitAnimate

WaitAnimate adalah alat web yang berguna untuk mengira a “jeda” masa dalam animasi CSS tunggal @keyframe. The “jeda”, apabila dilakukan dengan betul, boleh menjadikan animasi lebih menarik - berikut adalah beberapa contoh.