Sumber Sumber Daya untuk Pereka dan Pemaju Web (Disember 2015)

Pemandangan Web telah berkembang pada kelajuan cahaya tahun ini. CSS3 telah diterima pakai dengan baik dan kami kurang bergantung kepada polyfill kerana penyemak imbas terkini benar-benar baik untuk menyokong piawaian web terkini. Microsoft Edge diperkenalkan, Google mengeluarkan dua sumber terbuka untuk Web: Material Design Lite dan Polymer 2.0.

Jadi mari kita bungkus tahun ini dengan beberapa alat berguna untuk sesama pemaju web. Kami mempunyai beberapa perpustakaan JavaScript serta alat untuk berfungsi dengan lebih berkesan dengan jQuery. Untuk mengetahui lebih lanjut, lihat sumber penuh untuk siri pemaju web.

Klik untuk Sumber Lebih Banyak

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

Notie.js

Notie.js adalah peringatan JavaScript, pemberitahuan, dan kotak dialog yang lebih baik. Daripada menggunakan amaran() fungsi yang menunjukkan satu membosankan dan sedikit mengejutkan kotak amaran, anda boleh menggantikannya dengan notie () fungsi dari pustaka untuk menunjukkan peringatan gaya yang boleh. Padankan gaya amaran dengan reka bentuk keseluruhan laman web anda dengan mudah dengan Notie.js.

Sudut Github

Baru-baru ini saya menyedari bahawa sudut Github, yang biasanya kita lihat di laman utama projek sumber terbuka, sudah berusia 7 tahun. Masa untuk facelift. Sudut Github adalah satu inisiatif untuk melihat lebih moden dan segar untuk reben Github. Ia menggunakan SVG bukan grafik grafik yang membolehkannya tetap tajam dalam skrin resolusi tinggi.

Tema Sweet (Slack)

Slack telah menjadi aplikasi sembang yang paling popular dalam perniagaan kecil, pemula, dan pemaju. Bandingkan dengan aplikasi lain seperti Skype dan Google Hangouts, Slack disesuaikan dengan pelbagai cara termasuk tema - penampilan dan nuansa antara muka aplikasi. Berikut adalah koleksi tema Slack yang siap dipasang .

jQuery Config

jQuery adalah modular, bermakna kita boleh membuang modul yang tidak diingini supaya saiznya lebih ringan. Tutorial terdahulu kami, Cara Buang Modul Tidak Perlu di jQuery, menunjukkan cara melakukannya dengan Homebrew, NPM, tetapi ia dilakukan melalui Terminal. Jika tidak mahu menggunakan cara itu, anda boleh menggunakannya jQuery Config. Ia sama dengan hanya klik sahaja.

SummerNote

SummerNote adalah pustaka JavaScript untuk membuat editor WYSIWYG. SummerNote dibangunkan di atas projek sumber terbuka yang terkenal: jQuery, Bootstrap dan Font Awesome. Menyebarkan SummerNote adalah semudah menggunakan perpustakaan JQuery yang lain, dan itu adalah perpustakaan alternatif yang sempurna untuk TinyMCE, terutama jika web Anda menggunakan Bootstrap sebagai asasnya juga.

BackstopJS

BackstopJS adalah alat yang hebat untuk menguji respons laman web yang merupakan proses yang membosankan. Ringkasnya, perpustakaan ini membuat tugas menguji tapak pada pelbagai saiz skrin jauh lebih lancar dengan automasi. Alat ini akan menangkap tangkapan skrin laman web dan memberi penjelasan tentang halaman mana yang akan berlalu dan gagal ujian berdasarkan parameter dan saiz skrin yang ditentukan. Ia seperti alat Ujian Unit untuk melancarkan laman web responsif.

SuitCSS

SuitCSS adalah pelukis yang terdiri daripada pemproses CSS yang sedia ada yang menyokong sintaks masa depan CSS seperti Harta Kustom dan Permintaan Media Custom, beberapa kelas utiliti berdasarkan metodologi BEM untuk menyelaraskan, saiz, dan unsur kedudukan, dan banyak modul CSS untuk memulakan dengan membangunkan laman web yang baik.

Bind

Bind adalah apl OS X asli yang membolehkan anda membina antara muka web dan susun atur menggunakan GridStyleSheet, algoritma susun atur yang dibangunkan oleh TheGrid. GSS membolehkan anda meletakan laman web dengan berkesan. Sebagai contoh, bertentangan dengan CSS, GSS membolehkan penjajaran menegak bagi elemen elemennya dengan satu baris kod.

AntiModerate

AntiModerate adalah pustaka JavaScript yang memuat imej lebih pintar. Dengan perpustakaan ini, walaupun di bawah sambungan internet lambat, anda boleh memuatkan imej bersaiz lebih kecil terlebih dahulu sementara imej yang lebih besar masih dimuatkan di latar belakang. Apabila dimuat sepenuhnya, imej yang lebih besar memasuki peringkat tengah. Teknik ini boleh menimbulkan kelajuan pemuatan yang lebih cepat untuk halaman web anda.

Tips jQuery yang Harus Anda Ketahui

Judul yang sejuk dan kandungan yang lebih sejuk, ini adalah ringkasan tips jQuery yang perlu kita ketahui (separuh daripada mereka yang saya ingin tahu saya jauh lebih awal). Sememangnya bernilai diperiksa.