Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Haziran 2015)
Bu dizinin neredeyse 3 yıldır çalıştığına inanabiliyor musunuz? Bu kadar kısa sürede web tasarımcıları ve geliştiricileri için en az 30 taze kaynak listesi sunduk. Ve bunu haziran için yeni bir derleme ile devam ettireceğiz..
Bu derlemede, kaydırıcıları görüntülemek için birkaç JavaScript kütüphanesine, veri tabloları için daha yumuşak kaydırmaya, yukarı kaydırmalı bir düğme için serin bir asansör efekti ve daha fazlasına bakıyor olacağız.
Onları kontrol edelim.
Orta Stili Onayla
Orta tasarımı için övgüyle; düzen ve UI iyice düşünülmüş görünüyor. Bunun yanı sıra, web geliştiricilere, kullanıcı arayüzünü çoğaltmak için JavaScript veya CSS kütüphaneleri geliştirmeleri için ilham veriyor. Orta Stil Onayı, Ortadaki açılır pencereye veya iletişim kutusuna benzeyen bir JavaScript kitaplığıdır..
Penguen
Penguen, web sitelerinizin temeli olarak kullanabileceğiniz yeni bir ön uç çerçevedir. Grunt ve Sass gibi araçlarla, çerçeveden çıkarmanız gerekmeyen kütüphaneleri veya CSS'leri kolayca ekleyebilir veya kaldırabilirsiniz, bu da onu mümkün olduğunca hafif hale getirir. Ayrıca Bootstrap ve Foundation için iyi bir alternatif..
Elevator.js
Bu düğmeyi sayfanın en üstüne kaydırmanıza izin veren bir web sitesinde gördünüz mü? Çoğu düğme sizi en üst seviyeye çıkarır, ancak Elevator.js ile, asansöre, müziğe ve müzikçalara benzeyen kayan bir hızlanma efekti elde edersiniz. “Ding!” En üst kata ulaştıktan sonra ses çıkar. Gerçekten hoş!
X-Instagram
X-Instagram, Instagram'dan gelen etiketleri etikete göre çeken ve gösteren bir Polimer özel öğesidir. Bu eleman tüm süreci çok kolaylaştırıyor. Öğeyi normal bir HTML öğesi gibi ekleriz ve etiket anahtar sözcüğünü öğe özellikleri olarak belirtiriz.
Ve sihir başlasın!
CamanJS
CamanJS görüntü işleme için harika bir JavaScript kütüphanesidir. Genellikle bir resim düzenleyicide bulacağınız bir özellik seti ile birlikte gelir. Görüntü bulanıklığını siyah beyaza dönüştürebilir ve hatta kontrastı artırabilirsiniz..
ClusterizeJS
Clusterize.js, tablolarda birçok veriyle çalışırken performansı artıracak bir JavaScript kütüphanesidir. Listede 5000 olan bir tabloyu aşağı kaydırdığınızda, normalde deneyim, çılgınca ve sarsıntılı olur. Bu JavaScript kütüphaneleri bu konuyu ele alacak ve kaydırma işleminin tamamen ilerlemesini sağlayacak.
Testi Yap
Testi Yap CSS3, HTML5 ve JavaScript'teki beceri ve bilginizi değerlendirmek için bir sorular topluluğudur. Her sınava, tüm bu soruları tamamlamak için birkaç soru ve sınırlı bir süre verilir. Bu dillerle gerçekte ne kadar iyi olduğumuzu öğrenmek için iyi bir kaynak.
HTML Okları
Bu, HTML ve CSS'ye yerleştirebileceğiniz özel yerel Unicode sembolleri koleksiyonudur. Bu karakterler Oklar, Para Birimi ve Noktalama İşaretlerini içerir. Bazen bu karakterleri görüntülemek için font simgesine ihtiyacınız olmadığını göreceksiniz..
Flickity
Flickity, web sitenizdeki karuselleri, galerileri veya sürgüleri görüntülemek için bir JavaScript kütüphanesidir. Dokunmatik ekran için optimize edilmiştir; karuselleri zahmetsizce bir parmakla veya dizüstü bilgisayarda kullanıyorsanız trackpad ile kaydırabilirsiniz. Ayrıca, istediğiniz şekilde tam özelleştirmeye izin veren bir grup Seçenekler ile birlikte gelir.
Typeslab
Typeslab, Slab tipi poster oluşturmak için kullanışlı bir araçtır. Sadece içeriği yazın ve yazı tipini seçin, Typeslab anında posteri oluşturacak. Daha sonra indirebilirsiniz veya Imgur'da yayınlayabilirsiniz..
MatchMedia
Matchmedia, CSS medya sorgularını çoğaltan bir kütüphanedir. Kütüphane aslında o kadar taze değil, ama listeye koymaya karar verdiğim çok faydalı bir kütüphane. Kullanıcı görüntüleme çerçevesi boyutuna veya ortam türüne göre komut dosyası yapmanız gerekiyorsa, istediğiniz kitaplık budur.
Aşağıdaki komut dosyası 320px ve görünüm alanı boyutunun altında çalıştırmak için kullanılan bir örnektir:
if (matchMedia ('sadece ekran ve (maksimum genişlik: 320px)').) eşleşir)
Sass Burger
Sass Burger, bir oluşturmanıza olanak sağlayan bir Mixin ile birlikte gelir. “Hamburger” simgesini ve daha az güçlükle bir çarpı işaretine çevirin.
Marx
Marx, öğe stillerini daha tutarlı hale getirmek için CSS stil kuralları topluluğudur. Özelleştirilebilir (Sass ile), hafif ve kutunun dışında çalışır. Normalize.css gibi popüler CSS sıfırlama araçlarına iyi bir alternatif.
CSS.js
CSS.js stil bildirimi için CSS dosyalarını ayrıştırmak için kullanılır. Kütüphane başlangıçta Jotform'daki ekip için CSS ile form düzenleme için bir WYSIWYG deneyimi oluşturmak için kullanıldı. Şimdi hepimizin kullanması için açık kaynaklı oldular. Tasarruf etmeye değer, daha sonra ihtiyacınız olursa diye.