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

2016'nın sonuna yaklaşıyoruz ve web geliştiricileri de dahil olmak üzere birçok kişi için heyecan verici bir yıl oldu. Bu yıl, ReactJS'in popülaritesi katlanarak arttı, Yeni bir ReactJS uzantısı piyasaya sürüldü ve Github'ın trend depoları (neredeyse) her hafta.

PHP7 de bu yıl piyasaya sürüldü hangi hızda önemli bir gelişme, hem de WordPress 4.7 uzun zamandır beklenen WP-API ile özellik ve Facebook ayrıca İplik Paketi'ni tanıttı NPM’e meydan okuyabilir.

Daha Fazla Kaynak İçin Tıklayın

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.

Bu yararlı sürümlerin her biri hakkında daha ayrıntılı bilgi için, aşağıdaki listeye göz atalım:

LightHouse

LightHouse bir Google'dan kullanışlı bir araç web sitelerinizi aşağıdakileri içeren modern web geliştirme ölçümlerine göre incelemek için sayfa yükleme performansı, Servis Çalışanlarıyla önbellekleme, sunucu zamanı yanıtı ve diğerleri. Bu araçlar iki biçimde gelir: CLI (Komut Satırı Arayüzü) ve Google Chrome uzantısı.

FuseJS

Bulanık arama, arama tamamlama türüdür. Arama bağımsız değişkenleriyle tam olarak eşleşmese bile bir sayı seçeneği döndürür. Örneğin, 'to' araması yaparsanız sonuç geri dönebilir yapmak, robot, ve ayak. Bu bir popüler arama performansı bugünün web uygulamalarında. Sigorta js bir hafif JavaScript kitaplığı Bu kolayca web sitenize uygulamak için izin verir.

İplik Paketi

İplik bir Facebook tarafından oluşturulan düğüm paketi yöneticisi. Temelde, hız gibi birkaç alanda ilerlemeler olmasına rağmen NPM'ye benzer şekilde çalışır., İnternete bağlanmadan paketleri kurmanıza izin veren 'çevrimdışı mod', ve güvenilirliğin yanı sıra güvenlik.

Menü Önbelleği

Kullanışlı bir WordPress eklentisi WordPress Menüsünü önbelleğe almak için veritabanı sorgu hızını artırmak için Geçici API kullanarak. Eklenti bir dizi Filtreyle birlikte gelir. önbellekleme dönemini özelleştir ve başka şeyler yapın. Composer kullanılarak veya bir normal WordPress eklentisi.

Githunt

Githunt bir Google Chrome eklentisidir. Chrome ana sayfasını Github trend deposu ile değiştirdi. Sonuçları döneme ve programlama diline göre sıralayabilirsiniz. Öyle sanırım, mutlaka yüklenmesi gereken bir yardımcı program Her geliştiricinin etrafındaki en parlak araçlarla güncel kalması için.

FFocus

İşinize odaklanamıyor ve işinizi hızlı bir şekilde yapmak istemiyor musunuz? FFocus'u deneyin. Bu Terminal aracılığıyla web sitenizi belirli bir süre boyunca engellemenizi sağlayan bir CLI. FFocus olabilir NPM aracılığıyla kuruldu çalıştırarak npm ben ffocus -g komuta.

Accesslint

AccesslintJS bir Web sitenizi doğrulamak için JavaScript kitaplığı erişilebilirlik için. Bu kütüphaneyi kullanmak, önce kütüphaneyi yüklemek kadar kolaydır. etiketi, alacaksınız tüm uyarı ve hatalar DevTools Konsolunda.

yalandan

Colorable bir kullanışlı web uygulaması WCAG Yönergeleriyle uyumlu renk kombinasyonu oluşturmanıza olanak tanır ve web sitenizi de yapar Görme bozukluğu olan kullanıcılara uygun renk körlüğü gibi.

Micon

Micon bir Seçilen Microsoft Windows 10 resim yazı tipi simgesi. Bu olabilir büyük yazı tipi değiştirme bence zaten aşırı kullanılmış.

CSS Referansı

Adı her şeyi söylüyor. Bu CSS sözdizimini aramak için bir CSS Başvurusu. Ayrıca, onu güzel ve hoş bir şekilde sunar. MDN'de CSS dokümantasyonu için mükemmel bir alternatif, çok sıkıcı olduğunu düşünüyorsanız.

Volan ile Yerel

Bu MacOS'unuzda yerel bir WordPress web sitesi kurmayı kolaylaştıran GUI Uygulaması. Uygulamaya, geliştiriciler için gibi büyük yardımcı programları ile reçel doludur; “Tek tık” WordPress kurulumu, SSH erişimi, kolay SSL kurulumu, site planı ve XIP.io. Uygulamanın 149USD civarında bir fiyatı vardı, ancak şimdi Flywheel tarafından satın alındığından beri ücretsiz.

FreeCodeCamp

Bu bir Web kodunu öğrenmek için ücretsiz kaynak. Konular HTML, CSS, JavaScript ve ReactJS ve D3 gibi birkaç kütüphane. Sağlar zorluklar veya proje örnekleri dersleri alırken, aynı zamanda konuyu daha iyi anlamanıza yardımcı olacak.

OverPass Yazı Tipi

OverPass fontu, aşağıdakilerden oluşan bir font ailesidir. sekiz ağırlık (200-900), gerçek italik ve tek boşluklu yazı tipi. Yazı tipi, KeyCDN'den bir web yazı tipi olarak da yüklenebilir Masaüstü kullanımı için yüklü. Ücretsiz ve açık kaynak.

Form Tabanı

Form tabanı bir CSS stil kuralları kümesi içeren sıfırlayan form öğelerini giriş, onay kutusu, seçmek, ve textarea basit ama güzel stillere sahip. Bu CSS kütüphanesi iyi bir başkası ile birlikte kullanmak “CSS sıfırlayıcısı” Normalize.css gibi.

Başlangıç ​​aşaması

24ways.org oluşturmak için kullanılan bir çerçevedir; harika bir kaynak içine bakabileceğini Gelişmiş CSS tekniklerini öğrenmek.

Zafer

ReactJS artıyor ve bununla birlikte geliyor onu desteklemek için çok sayıda uzantı. Zafer bir ReactJS bileşeni girişimci ve grafikler veya veri görselleştirme eklemek için.

cehennem

Cehennem bir Mobil cihazlarda web arayüzü oluşturmak için JavaScript kitaplığı. Bu ReactJS'ten ilham alındı bu nedenle benzer sözdizimi kurallarını miras alır. Ancak fark, Inferno’nun akılda performans ile inşa bu kılan boyut olarak çok daha küçük ve ayrıca bir verir daha hızlı işleme süresi.

Premonish

Permonish yapabilen kütüphanedir. kullanıcıların bir sonraki etkileşimini tahmin et. Bu size izin verecektir kullanıcı arayüzünü (UI) daha mükemmel hazırlar gerçek kullanıcı web sitenizle etkileşime girmeden önce.

SPA Başlangıç ​​Seti

Bu, Laravel ve VueJS ile oluşturulmuş bir SPA (Tek Sayfa Uygulaması) örneğidir. Henüz çerçeveleri kullanarak web gelişimini öğrenmek için bir başka harika kaynak - kaynağa bak Luke!

Docute

Belge Tek sayfa dokümantasyon oluşturmak için JavaScript kütüphanesi. VueJS ile güçlendirilmiştir ve size izin veren çeşitli Düğüm yardımcı programları ile gönderilmiştir. belgelerinizi hızlı bir şekilde kurun ve çalıştırın.