Sumberdaya Segar untuk Desainer dan Pengembang Web (Desember 2015)

Adegan Pengembangan Web telah mengalami kemajuan dengan kecepatan cahaya tahun ini. CSS3 telah diadopsi dengan baik dan kami kurang bergantung pada polyfill karena browser terbaru sangat bagus dalam mendukung standar web terbaru. Microsoft Edge diperkenalkan, Google merilis dua sumber terbuka untuk Web: Material Design Lite dan Polymer 2.0.

Jadi mari kita akhiri tahun ini dengan beberapa alat praktis untuk sesama pengembang web. Kami memiliki beberapa perpustakaan JavaScript serta alat untuk bekerja lebih efektif dengan jQuery. Untuk menemukan lebih banyak, lihat sumber daya lengkap untuk seri pengembang web.

Klik untuk Lebih Banyak Sumber Daya

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

Notie.js

Notie.js adalah peringatan JavaScript, pemberitahuan, dan kotak dialog yang lebih bagus. Alih-alih menggunakan waspada() fungsi yang menunjukkan kusam dan sedikit mengejutkan kotak peringatan, Anda dapat menggantinya dengan notie () fungsi dari perpustakaan untuk menampilkan lansiran yang dapat bergaya. Cocokkan gaya lansiran dengan desain keseluruhan situs Anda dengan mudah dengan Notie.js.

Github Corner

Baru-baru ini saya menyadari bahwa sudut Github, yang biasanya kita lihat di beranda proyek open-source, sudah berusia 7 tahun. Saatnya untuk facelift. Github Corner adalah inisiatif untuk tampilan yang lebih modern dan segar untuk pita Github. Ini menggunakan bitmap grafik SVG yang memungkinkannya untuk tetap tajam di layar resolusi tinggi.

Tema Manis (Kendur)

Slack telah menjadi aplikasi obrolan paling populer di bisnis kecil, pemula, dan dengan pengembang. Bandingkan dengan aplikasi lain seperti Skype dan Google Hangouts, Slack dapat dikustomisasi dalam berbagai cara termasuk temanya - tampilan dan nuansa antarmuka aplikasi. Berikut adalah kumpulan tema Slack yang siap dipasang .

jQuery Config

jQuery adalah modular, artinya kita dapat menghapus modul yang tidak diinginkan sehingga ukurannya lebih ringan. Tutorial kami sebelumnya, Cara Menghapus Modul yang Tidak Perlu di jQuery, menunjukkan cara melakukannya dengan Homebrew, NPM, tetapi dilakukan melalui Terminal. Jika tidak ingin menggunakan cara itu, Anda dapat menggunakan jQuery Config. Itu melakukan hal yang sama dengan hanya klik.

SummerNote

SummerNote adalah perpustakaan JavaScript untuk membuat editor WYSIWYG. SummerNote dikembangkan di atas proyek sumber terbuka terkemuka: jQuery, Bootstrap dan Font Awesome. Menyebarkan SummerNote semudah menyebarkan pustaka JQuery lainnya, dan pustaka alternatif yang sempurna untuk TinyMCE, terutama jika web Anda menggunakan Bootstrap sebagai fondasinya juga.

BackstopJS

BackstopJS adalah alat yang hebat untuk menguji respons situs web yang merupakan proses yang membosankan. Singkatnya, perpustakaan ini membuat tugas menguji situs pada berbagai ukuran layar jauh lebih mulus dengan otomatisasi. Alat ini akan menangkap tangkapan layar situs web dan menjelaskan halaman mana yang melewati dan gagal dalam pengujian berdasarkan parameter dan ukuran layar yang ditentukan. Ini seperti alat Unit Test untuk menyebarkan situs web responsif.

SuitCSS

SuitCSS adalah boilerplate, terdiri dari Pra-prosesor CSS-nya sendiri yang mendukung sintaksis CSS masa depan seperti Properti Kustom dan Kueri Media Kustom, beberapa kelas utilitas berdasarkan metodologi BEM untuk meluruskan, ukuran, dan elemen posisi, dan banyak modul CSS untuk memulai dengan mengembangkan situs web yang dibangun dengan baik.

Mengikat

Mengikat adalah aplikasi OS X asli yang memungkinkan Anda membangun antarmuka dan tata letak web menggunakan GridStyleSheet, algoritme tata letak yang dikembangkan oleh TheGrid. GSS memungkinkan Anda untuk mengatur situs web secara efektif. Misalnya, bertentangan dengan CSS, GSS memungkinkan perataan vertikal wadah elemennya dengan satu baris kode.

AntiModerate

AntiModerate adalah pustaka JavaScript yang memuat gambar dengan lebih cerdas. Dengan perpustakaan ini, bahkan di bawah koneksi Internet yang lambat Anda dapat memuat gambar berukuran lebih kecil terlebih dahulu sementara gambar yang lebih besar masih memuat di latar belakang. Setelah terisi penuh, gambar yang lebih besar akan berada di tengah panggung. Teknik ini dapat menimbulkan kecepatan pemuatan yang lebih cepat untuk halaman web Anda.

jQuery Tips Yang Harus Anda Ketahui

Judul keren dan bahkan konten yang lebih keren, ini adalah kumpulan tips jQuery yang harus kita ketahui (setengah dari mereka saya berharap saya tahu banyak, jauh lebih awal). Sangat layak untuk dicoba.