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

Web üzerinde bulunan geliştiricilere yönelik araç ve uygulamaların çoğu trendlere göre evrilirken, bazıları daha pratik bir çözüm olarak evrimleşmektedir. , ama hala kendi kategorilerinde öne çıkıyor.

Sizin gibi güzel görünümlü bir yazı tipimiz var. Helvetica Neue değiştirme, dokunma baskısını test etmek için bir JavaScript kitaplığı ve JavaScript hata günlüğü için kullanışlı bir araç. 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.

OverPass Yazı Tipi

üst geçit yazı tipi, Highway Gothic'ten esinlenilmiş ücretsiz bir yazı tipidir. Karayolu Gotik birçok ülkede yaygın olarak kabul edilen bir yazı tipidir. mesafe ve yüksek hızlarda okunabilmesi nedeniyle yol işaretleri için. OverPass Yazı Tipi, dört yazı tipi ağırlığında (ince, normal, yarı kalın ve kalın), büyük ve küçük harflerle gelir ve bir web yazı tipine de dönüştürülebilir..

Lisans: OFL (Açık Yazı Tipi Lisansı)

Pa11y

Pa11y bir web sitenizin erişilebilirliğini test etmek için bir araç Daha az güçlükle, güzelliği sayesinde otomasyon. Renkli, etkileşimli bir arayüz tercih ederseniz, komut satırı arayüzünü kullanabilir veya gösterge panosundan ayarlayabilirsiniz. Pa11y, çeşitli engelliler için web sitenizin erişilebilirliğini geliştirmek istiyorsanız düzeltilmesi gereken alanları gösteren bir rapor üretecektir..

Erişilebilirlik hakkında daha fazla kaynak:

Modern Web ve Erişilebilirlik [Video]
Çalma Listesi: Thomas Bradly tarafından Accesibility [Video]
ARIA Web Standartları ve HTML Uygulamalarına Erişilebilirliğe Bir Bakış

PressureJS

Apple's Force Touch, ekstra işlevsellik eklemek için kullanılabilecek ekran veya izleme dörtgenindeki parmak basıncını temelde ölçer. Geliştiriciler, yerel OS X veya iOS uygulamalarına kullanılabilirlik eklemek için bu teknolojiden yararlanabilir. PressureJS bir JavaScript kütüphanesidir Force Touch API'larına bağlanma ve web sitelerinize uygulamanıza izin verir.

SplitJS

SplitJS size izin veren hafif bir JavaScript kütüphanesidir. tarayıcı penceresi görünüm penceresini birkaç bölüme ayırın. HTML, CSS ve JS çalışma alanlarının kendi bölümlerine ayrıldığı CodePen.io, JSFiddle veya JSBin gibi kod paylaşan web uygulamalarında yaygın olarak kullanıldığını görebilirsiniz..

FlexibilityJS

Flexbox, web düzenlerini düzenlemeyi çok daha kolaylaştırır. Yine de, Internet Explorer 9 ve 8’de çalışmadığı için, web geliştiricileri sık sık kötü niyetli kullanımlara geri dönmek zorunda kalıyor şamandıra özellik. FlexibilityJS burada yani yapabilirsin bu eski tarayıcıları geride bırakmadan Flexbox'ı kullanın.

LabellaJS

LabellaJS markaları etiketli bir zaman çizelgesi oluşturma çok daha kolay. Etiket pozisyonunu, yönünü, genişliğini, yüksekliğini ve yerleşim düzeni algoritmasını kontrol etmek için elinizde birkaç seçenek bulunmaktadır. RequireJS gibi AMD yükleyici ile çalışır ve Browserify ve Node.js. ile birlikte kullanılabilir. Bağımlılık gerekmez.

Çiş

Çiş başka bir CSS çerçevesinden daha fazlasıdır. Dahil olmak üzere bina sürecine yardımcı olmak için birçok bileşen ile doludur Yerleşik sunucu, canlı yeniden yükleme, sourcemap, küçültme, kod doğrulayıcı, ve statik alan üreteci. Ayrıca, web sitenizin önyüzünü zenginleştiren özelliklere sahip kendi JavaScript kütüphaneleriyle birlikte gelir.

yerçekimi

yerçekimi düz dosya tabanlı CMS statik bir site üreticisi olan Jekyll'e benzer. Ancak, WordPress'e çok benzeyen Temalar ve Eklentiler aracılığıyla genişletilebilir. Örneğin, Yönetici Paneli, Kısa Kodlar, Yorumlar, Formlar ve Site Haritası eklemek için yükleyebilirsiniz. Genel olarak, daha köklü bir CMS için büyük bir yarışmacı olabilen büyük bir CMS'dir..

PatternPack

PatternPack size izin veren bir araçtır web sitenizi veya uygulamanızı oluşturmak için bir sistem oluşturun ve aynı anda farklı projeler arasında paylaşın. Standart bir sisteme sahip olmak genel bir en iyi uygulama şeklidir: sadece iş akışınızı hızlandırmakla kalmaz, aynı zamanda projeyi daha sürdürülebilir hale getirir. Aracın nasıl kullanılacağını görmek için Başlangıç Kılavuzunu okuyun..

OhCrash!

JavaScript'te hata ayıklama çok zor olabilir. Kullanıcılarınız, geliştirme ve dağıtım sırasında muhtemelen yaşamadığınız hatalar yaşayabilir, çünkü zaten mükemmel bir kuruma sahipsiniz. Buradaki işin zor yanı, hatanın yalnızca kullanıcının tarayıcısına giriş yapmış olmasıdır. İle OhCrash şimdi yapabilirsin günlüğü Github depolarına yerleştirin, bu yüzden hata hakkında daha iyi bilgilendirilirsin.