Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Mart 2016)

Son bölümümüzde daha iyi web siteleri ve web uygulamaları oluşturmaya yardımcı olmak için çeşitli Javascript ve CSS kütüphanelerine odaklandık. Bu ay, tipografiye küçük bir odaklanma önerecek daha fazla kütüphanemiz var.

Serinin bu turunda, kullanacağınız birkaç JS kütüphanesine bakacaksınız, aynı zamanda bir ipucu koleksiyonu, tipografi üzerine çok uzun bir deneme, bir renk üreteci ve hafif önyüz çerçevesi. Daha fazla uzatmadan, hadi onları kontrol edelim.

Daha Fazla Kaynak İçin Tıklayın

Önerilen kaynaklar koleksiyonumuzun tamamını ve en iyi web tasarım ve geliştirme araçlarını bulun.

JS İpuçları

JS İpuçları, bazıları etrafında dönen, JavaScript ipuçlarından oluşan bir koleksiyondur. sözdizimi, bir kısmı hakkında kod verimliliği ve performansı, ve bazıları AngularJS gibi bir çerçeveye özgüdür. Her gün yeni ipuçları eklenir ve şu anda yayınlanan 50 ipucu vardır. Aslında bir zorunluluk imi Her web geliştirici için site.

Vagrant Yöneticisi

Vagrant Yöneticisi Vagrant'ı kontrol etmek için GUI uygulamasıdır. Vagrant'ı durdurabileceğiniz veya çalıştırabileceğiniz ve şu anda hangi Vagrant'ın çalıştığını görebileceğiniz benzer MAMP. Uygulama, OS X ve pencereler için kullanılabilir. Vagrant'ın ne olduğundan emin değilseniz, WordPress'i yerel olarak Vagrant ile nasıl kuracağınız konusundaki önceki yazımıza göz atın..

Bulma

Bulma bir ön uç çerçevedir. Paket bazı içerir ortak UI bileşenleri gezinme, açılır menü ve (elbette) tamamen oluşturulmuş olan ızgara gibi flexbox'a. Eksik olan tek özellik (en azından şimdilik) JavaScript bileşenleri. Bulma bileşenleri, Bootstrap ile karşılaştırıldığında çok daha incedir, ancak küçük ama şık bir web sitesi oluşturmak için yeterli olmalıdır.

Gutenberg

Kitlesel basın mucidi Johannes Gutenberg'den sonra isimlendirildi. Gutenberg bir koleksiyonudur uygun tipografik ayar için stil kuralları internette. Stil kuralları, temel satırı, font boyutunu ve ölçeklendirmeyi ve satır yüksekliğini belirler. Web sitenizin içeriğinin daha iyi görünmesini sağlayan mükemmel bir stil kütüphanesi.

OkayNav

OkayNav Duyarlı bir navigasyon oluşturmak için bir jQuery, ancak sadece bir tane değil. Eklenti, duyarlı tasarıma göre biraz farklı bir görünüme sahip: görünüm penceresi daha küçük hale getirildiğinden, her menü kademeli olarak Sınırlı görüntü alanı boyutunu tolere etmek için bir simgeyle birleştirilmiştir. Kulağa hoş geliyor, değil mi??

Yeni Web Tipografisi

Yeni Web Tipografisi Tipografi üzerine derinlemesine, göz açıcı bir makaledir. Kitapların ilk günlerinden, web üzerinden yapılanma ve tüketme tarzımıza kadarki stilleri tartışıyor. Çok sayıda illüstrasyon ile iyi araştırılmış ve tamamen referans alınmıştır, Robin Rendle tarafından yazılmış uzun bir makaledir, ancak kesinlikle daha iyi bir tipografi anlayışı kazanmak için okumaya değer.

Renk güvenli

Renk güvenli web için bir renk üreteci paletidir. Bu seride daha önce bahsettiğimiz araçların aksine, ColorSafe sadece renk erişilebilirliği için WCAG standardına uygun renk üretecektir..

Erişilebilir Modal İletişim Kutusu

Bu küçük bir (sadece ~ 0.5kb) JavaScript kütüphanesi kalıcı bir iletişim penceresi oluşturun. Erişilebilir olan kullanıcılar, bir klavye ve fare ile iletişim kutusunu kolayca açabilir, kapatabilir ve gezinebilir. Paket sadece çıplak JavaScript, stil yok, böylece iletişim modunu istediğiniz gibi özgürce şekillendirebilirsiniz.

Mo.js

Mo.js tam bir JavaScript animasyon kütüphanesi paketidir. Birkaç hazır ayarla gelir, böylece animasyonu hızlı bir şekilde ayarlayabilir ve çalıştırabilirsiniz. Modüler olup, gereksiz işlevleri kaldırmanın yanı sıra akışkan ve pürüzsüzdür. Yeni bir kütüphane olmak, ne yazık ki, dokümantasyon henüz hazır değil (şimdilik).

Parçacıklar

Bu kütüphane, web sitenizi anında serinlemek için web sitenize kayan parçacık ağları ekler. Parçacıklar imleç hareketine tepki verecektir. Tepkimelerin yanı sıra renkler, mesafe ve şekil gibi diğer elementler seçeneklerle konfigüre edilebilir.