Sumberdaya Segar untuk Desainer dan Pengembang Web (Juni 2016)

Kami memperluas daftar untuk edisi pertengahan tahun. Angsuran ini menampilkan beberapa CLI (dan di sini adalah posting kami tentang mengapa Anda harus belajar baris perintah), beberapa aplikasi desktop untuk bekerja dan bersenang-senang, dan beberapa perpustakaan CSS dan JavaScript. Juga termasuk bahan bacaan, referensi dan panduan tentang praktik terbaik yang harus Anda periksa, bookmark, dan mungkin membaca satu hari.

Saya tidak akan merusak sisa daftar jadi pergilah. Untuk sumber daya segar lainnya, klik di sini.

Klik untuk Lebih Banyak Sumber Daya

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

CertBot

CertBot menyediakan cara yang lebih praktis untuk menyebarkan sertifikat dari Let's Encrypt. Ini memberikan satu set baris perintah dengan dukungan untuk berbagai konfigurasi server seperti Apache, NGINX, dan Plesk. Omong-omong, Let's Encrypt adalah upaya bersama untuk membuat Web lebih aman dengan memberikan Sertifikat SSL gratis. Saat ini digunakan di lebih dari 3 juta situs web.

Mononoki

Mononoki adalah font yang dirancang khusus untuk menampilkan kode. Mononoki tersedia sebagai font desktop yang dapat diinstal (.ttf) dan font web (.eot, dan .woff). Ini adalah alternatif segar untuk klasik monotip seperti Monako, Menlo dan Kurir.

BideoJS

Menampilkan video putar otomatis satu halaman penuh di beranda tampaknya menjadi tren yang meningkat. BideoJS adalah pustaka JavaScript yang memungkinkan Anda melakukan hal itu dengan lebih sedikit rintangan. Ringan, responsif, dan dapat dikonfigurasi sesuai dengan kebutuhan Anda.

Pencucian CSS

Pencucian CSS adalah kumpulan referensi, artikel, dan statistik untuk CSS. Informasi yang masuk akal seperti ini dapat membantu Anda membuat keputusan yang terinformasi dengan baik tentang metodologi, alat, dan kerangka kerja CSS mana yang ingin Anda adopsi dalam proyek Anda.

Mailgen

Mailgen adalah modul Node untuk menghasilkan email HTML responsif yang bagus dan simpel. Sejumlah opsi disediakan, memungkinkan Anda untuk menyesuaikan hampir setiap area email. Anda dapat mengatur email “tema”, header email, dan “Panggilan untuk bertindak” tombol. Itu juga dapat diintegrasikan ke desktop atau aplikasi web berbasis Node Anda.

Deco

Deco adalah IDE untuk membangun aplikasi seluler menggunakan inisiatif Facebook React Native. Pikirkan Deco seperti XCode atau Visual Studio tempat Anda dapat membuat aplikasi dengan UI yang ramah pengguna menggunakan drag-and-drop, slider, dan color pickers.

IE8 Linter

Internet Explorer 8 (IE8) adalah browser antik yang tidak mendukung teknologi Web modern seperti Animasi CSS3, Transforms, Transisi, dan sebagian besar elemen HTML5 tanpa polyfill. Prinsip KERING adalah alat yang dapat kita gunakan untuk memindai situs web untuk kompatibilitas IE8. Ini memberikan laporan dan solusi.

Yg berhubung dgn kambing jantan

Yg berhubung dgn kambing jantan adalah aplikasi desktop Facebook Messenger yang tidak resmi. Itu dibangun di atas Node.js dan Electron yang memungkinkannya menjadi aplikasi lintas platform; ini tersedia di OS X, Windows, dan Linux. In juga hadir dalam dua warna, Dark dan Light.

Foton Kit

Foton Kit adalah kerangka kerja untuk memulai aplikasi baru dengan Electron. Sama seperti Bootstrap, Foundation dan sejenisnya, Photon dilengkapi dengan sejumlah Komponen yang memungkinkan Anda untuk membangun elemen UI umum dalam aplikasi seperti tombol, bilah alat, dan bilah sisi.

App Yeoman

App Yeoman adalah aplikasi desktop yang menghasilkan boilerplate proyek, kerangka kerja, dan perancah dari Yeoman. Ini adalah alternatif yang baik bagi mereka yang tidak nyaman bekerja melalui Terminal dan baris perintah.

SQLectron

SQLectron adalah klien desktop SQL yang memungkinkan Anda melihat dan melakukan beberapa operasi SQL dengan lebih mudah. Ini mendukung MySQL, PostgreSQL, dan Microsoft SQL Server. SQLectron tersedia untuk OS X, Windows dan Linux.

SCSS keluarga

FamilySCSS adalah kumpulan mixin yang membuat pemilihan elemen dengan : nth-child lebih intuitif. Mixin bersifat deklaratif. Misalnya, Anda bisa menulis @sertakan dulu (3) untuk memilih tiga elemen anak pertama dan menulis Sertakan antara (2, 4) untuk memilih elemen anak ke-2 sampai ke-4.

EasyEngine

EasyEngine adalah kumpulan dari baris perintah yang memungkinkan Anda untuk mengonfigurasi WordPress Anda dengan alat dan modul seperti Redis, plugin Caching, dan PageSpeed. Itu membuat pengaturan server WordPress untuk kecepatan sangat mudah.

Phinx

Phinx adalah modul PHP untuk manajemen dan migrasi basis data. Muncul dengan Kelas dan Baris Perintah yang memungkinkan Anda untuk menjalankan hampir semua operasi database seperti Menulis, Mengunduh dan Mengunggah. Phinx Docs adalah referensi yang banyak akal untuk membantu Anda memulai.

RichCSS

RichCSS adalah kerangka kerja CSS yang menyediakan struktur waras. Kerangka kerja dengan rapi mengatur folder, direktori dan kelas dengan cara pro-KERING yang memungkinkannya untuk digunakan kembali. Di atas tombol, daftar, dan formulir, RichCSS juga dilengkapi dengan CLI sendiri yang dapat Anda gunakan untuk memulai proyek Rich baru seperti Bower, Git, dan NPM.

Frend

Frend adalah kumpulan komponen web umum. Koleksi saat ini terdiri dari Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, dengan beberapa lagi yang akan datang dalam rilis berikutnya. Frend bisa menjadi alternatif yang bagus untuk jQuery UI.

FLA

Ini adalah kerangka kerja komprehensif untuk membangun tata letak grid responsif dengan Flexbox.

PHP Cara yang Benar

PHP adalah bahasa pemrograman yang mudah dipelajari, tetapi Anda juga dapat dengan mudah salah dengan kode dan ini pada akhirnya dapat membahayakan keamanan dan kinerja situs web Anda. PHP dengan Cara yang Benar adalah referensi luas untuk mempelajari praktik terbaik dalam PHP.

Starability

Starability adalah perpustakaan CSS untuk membangun sistem peringkat bintang dengan umpan balik animasi mewah. Peringkat bintang dibangun dengan mempertimbangkan aksesibilitas; Anda dapat menavigasi dan menetapkan bintang melalui keyboard.

TungguAnimate

TungguAnimate adalah alat web yang berguna untuk menghitung a “jeda” pengaturan waktu dalam animasi CSS tunggal @keyframe. Itu “jeda”, ketika dilakukan dengan benar, dapat membuat animasi lebih menarik - berikut adalah beberapa contohnya.