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

2015 web için harika bir yıldı: web teknolojileri bir web sitesi veya web uygulaması oluşturmak için ötesinde birçok form faktörü olarak kabul edilmiştir.. Artık birçok mobil ve masaüstü uygulaması HTML, CSS ve JavaScript kullanılarak oluşturulmuştur. Bu, web teknolojilerinin ve React.js, Angular ve Node.js gibi kütüphanelerin taşınabilirlik doğası sayesinde mümkün olmaktadır..

Bu nedenle, bu dizinin bugünkü kurulumunda bir avuç JavaScript ve CSS kütüphanesi hazırladık..

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.

Düz kaymak

jQuery UI, Slider içeren ortak web arayüzü koleksiyonu ile birlikte gelir - kullanıcının bir dizi sayısal değer seçmesini sağlayan bir kullanıcı arayüzüdür. Düz kaymak Bir zamanlar çok göz korkutucu bir görev olan jQUery UI stilini kişiselleştiren bir web aracıdır..

Yardımcı program Açık tip

Yardımcı program Açık tip açılan derslerin bir koleksiyonudur. gelişmiş CSS tipografik özellikleri uygulama bu tür yazı tipi harfleri, küçük büyük harf ve çok daha fazlası. Temel olarak, kullanıcılarınız için mümkün olan en iyi okuma deneyimini ayrıntılı olarak verir. Eski, desteklenmeyen tarayıcılarda hoş bir şekilde bozulur.

ResponsifyJS

Ünlü kısıtlamalardan biri olan yanıt veren görüntülerin yüzü genellikle görüntüyü düzgün şekilde ölçeklendirmesidir, ancak bu çok küçük bir görüntü alanı boyutuna küçültüldüğünde görüntünün ana odak noktasını yönlendirir..

ResponsifyJS kullanabileceğiniz hafif bir JavaScript kitaplığıdır Görüntü odağını korumak için koordinatları ayarlamak yeniden boyutlandırılırken.

Doğrusal

Doğrusal Mac için bir cetvel uygulaması. Web sayfalarını ölçmek, bir öğenin boyutunu DevTools'u açmak zorunda kalmadan bulmak veya bir öğenin tam olarak merkezlenmiş olup olmadığını anlamak için cetveli kullanabilirsiniz. Birden fazla cetveliniz olabilir ve üniteyi PX'ten EM'ye getirin.

StickyStack

StickyStack Bir panel görünüm penceresinin üstüne ulaştığında, bir yığın kaydırma deneyimi oluşturmak için bir jQuery eklentisidir, bir sonraki panel yukarı kaydırılırken kaydırma devam eder. Sayfa konteynerini, yığın bölümünü ve yığınların gölgesini yapılandırmak için birkaç seçeneğe sahip hafif bir eklentidir. Demoyu inceleyin.

izleyici

izleyici Resim lightbox için jQuery eklentisi - web'de görüntüleri yakınlaştırmak için popüler bir yöntemdir. Eklenti size olanak sağlayan ezici bir seçenek ile geliyor her bitini kişiselleştirmek hafif kutu arayüzey.

Eklenti ayrıca, üzerinde tam kontrol için bir dizi API ve özel Etkinlikler sağlar. hafif kutu Tepki ve davranış. Dahası, Internet Explorer 8’le çalışır.

DeviceMock

DeviceMock size izin veren bir JavaScript kütüphanesidir. cihaz çerçeveleri veya örnekler oluşturun telefon, tablet ve masaüstü gibi. Aynı şekilde, kütüphane çerçevenin tema rengini, boyutunu ve çerçeve oryantasyonunu ayarlama seçenekleri sunar..

Web'inizi ve uygulamanızı Photoshop kullanmak yerine sergilemek iyi bir alternatif olabilir.

CLRS

CLRS bir girişimdir varsayılan web renklerini daha göz alıcı, modern bir renk tonuna dönüştürün. Ek olarak, daha iyi erişilebilirlik için bir dizi renk kombinasyonunu savunur. Bu renkleri NPM, Gem (Ruby) ve Photoshop ve Illustrator renk örnekleriyle dağıtabilirsiniz..

Colorify

Colorify süper hafif bir JavaScript kütüphanesidir (3kb küçültülmüş) baskın renkleri çıkart bir görüntüden renkleri işlemek için bol miktarda API. Görüntünün tamamen yüklenmesini beklerken, degrade bir arka plan oluşturabilir veya görüntü rengini karşılamak için komşu arabirimi ayarlayarak, çıkarılan rengi yer tutucu olarak kullanabilirsiniz.

BookBlock

BookBlock jQuery eklentisi nedir? sayfa çevirme efektli bir kitapçık oluşturun. Web sitenizde, özellikle göstermek istediğiniz bir dizi veya akış varsa, birden fazla görüntü görüntülemek için güzel bir alternatiftir.

BookBlock'un nasıl çalıştığı hakkında bir fikir edinmek için demoyu buradan inceleyebilirsiniz..