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

Web Geliştiricileri serisinin Yeni Kaynakları yaklaşık 4 yıldır koşmak, ve bu diziyi sürdürmek, web’in yıllar içinde nasıl ilerlediğine dair bir fikir verdi. Var her ay çıkan yeni araçlar web geliştirmeyi kolaylaştırmak.

Bu taksitte tahsil ettik bir dizi yeni araç, JavaScript kütüphaneleri içeren, birkaç CSS kütüphanesi ve referans Yeteneğini geliştirmek için. 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.

altyazı

JavaScript masaüstü uygulamasını devralmak Farklı platformlar üzerindeki taşınabilirlik için ve aynı zamanda yerel uygulama kadar iyi çalışmanız için. Bu uygulama, altyazı, örneğin Electron üzerine inşa edilmiş. Altyazı dosyalarını aramanızı sağlayan basit bir uygulamadır (.srt) izlediğiniz videoya eklemek için.

Müthiş OSX Komut Satırı

bir macOS için çok sayıda faydalı ve kullanışlı komut satırı listesi. Burada CLI aracılığıyla yapılabilecek birçok şey bulabilirsiniz. “yazdırma kuyruğunu temizleme”, “Finder'da klasörü gizleme”, ve “sistem uykusunu önleme”.

Trevor

Trevor sadece Travis CI yapılır çevrimdışı. Travis bir Sürekli Entegrasyon servisidir geliştiricilerin yazılımlarını test ettiği yerler Yazılımın çoklu ortamlarda düzgün çalışıp çalışmadığını görmek için. Trevor hala erken aşamasında.; şu anda sadece destekliyor “NodeJS”.

devamlı olarak

Güzel bir JavaScript görüntüyü aşamalı olarak yüklemek için kütüphane, dolayısıyla adı. Tarayıcı tam görüntüyü yüklerken küçük görüntü sunulacak ve bulanıklaştırılacaktır. Bu web sitenizin daha hızlı yüklenmesine yardımcı olur özellikle büyük görüntüler içeriyorsa.

QartJS

Bu bir JavaScript QR kodunu daha az sıkıcı hale getirir. Bununla, fotoğrafınız gibi bir resmin üzerine QR kodunu yerleştirebilirsiniz.

WP Docker

WP Docker bir WordPress'i geliştirmek için özel olarak tasarlanmış docker ortamı. Ortam kendi kendine yetendir ve yapılandırma yapmış olmanız durumunda bilgisayar sisteminizi etkilemez. Bu bir Vagrant, Vale, Local ve MAMP'a harika bir alternatif.

Rellax

Rellax bir JavaScript kütüphanesidir sayfa kaydırmada Paralaks efekti oluşturma. Birkaç seçenekle gelir ve yapılandırması nispeten kolaydır. Hafif, süper hızlı koş ve jQuery gibi bir bağımlılık gerektirmez bu nedenle, Parallax.js veya Scrollax.js gibi bu kategorideki diğer kütüphanelere mükemmel bir alternatiftir..

İfade

Yine başka bir güzel JavaScript kütüphanesi. Mafsal getirir sentetik Web sitenize ses verin. Bu web sitenizi ayrıştırıp okuyabilir, Sonunda görme engelli kullanıcılar için web sitenizin güvenilirliğini artırabilir.

MonetizeJS

MonetizeJS bir JavaScript kütüphanesidir Çizgiyi kolayca uygulayın; jQuery kullanmak kadar kolay.

Vonic

Vonic UI için bir koleksiyon mobil Vue.js ve Ionic CSS kullanılarak oluşturulmuş. Dahil olmak üzere bir cep telefonunda yaygın olarak bulunan birçok UI bileşeni içerir. Onay Kutusu, Arama Formu, Swiper ve Akordeon olarak adlandırılan. Bir mobil uygulama uygulaması oluşturmak için kullanabilirsiniz prototip tarayıcıda.

WordPress Bileşen Kütüphanesi

WordPress'in önde gelen isimlerinden biri olan 10up, tasarlanmış bir UI kütüphanesi yayınladı özellikle WordPress için. Yalnızca CSS ve HTML kodları sağlayan diğer UI kitaplıklarının aksine, 10Up, yalnızca temanıza yapıştırabileceğiniz PHP kod parçacığını da sağlar. Bileşen içerir Gezinme, Sekmeler, İpuçları, Commonts ve Blogrol.

JavaScript Başlangıç Performansı

Mükemmel ve Addy Osmani'den ayrıntılı makaleler, Google mühendislerinden biri, süper hızlı çalışan JavaScript'i yazma konusunda. Sizi okumanızı tavsiye ederim JavaScript becerisini geliştir.

KuteJS

Kute bir Animasyon yapmak için JavaScript kütüphanesi. Hafıza tüketiminde hızlı ve süper verimlidir. İçinde animasyon uygulamak için uzantıları ve ekstra araçlar vardır CSS, SVG ve hatta bir jQuery eklentisi daha uygun sözdizimi için.

PWA Kayalar

Progressive Web Uygulaması (PWA) bu bir metodolojidir. bir web sitesinin hızlı ve kullanışlı çevrimdışı çalışmasına izin verir. Bu PWA Rocks, Google tarafından bir PWA olarak onaylananları listeler. için Google'dan PWA hakkında daha fazla bilgi edinin Progressive Web Apps: Bir göz atın.

Github Otomatik güncelleyici

Github Otomatik Güncelleyici: Eklentinizin Github'dan güncellenmesini sağlayan besteci kütüphanesi. Bu, geliştiricilerin müşterileri için eklentileri sağlamadan kullanmaları için kullanışlı bir komut dosyasıdır mutlaka Github deposuna yükleyerek.

kart

Kart bir JavaScript kütüphanesidir Bu Kredi Kartı girişini daha ilgi çekici hale getirir ve kredi kartı numaralarını girerken kullanıcı deneyiminizi geliştirir. O jQuery, React, Angular ve Ember ile iyi çalışır.

Graaf

Graaf Kılavuzun - sütun, satır, oluk - nasıl yerleştirildiğini görmek için sayfanızda bir yer paylaşımı sağlayın. Ayrıca kendi şebeke spesifikasyonunuzu oluşturun sağlanan API’yi kullanma.

Luxbar

Luxbar bir Kolayca duyarlı bir gezinme oluşturmak için CSS çerçevesi; sadece stil sayfasını ekleyin ve HTML’yi uygun şekilde ekleyin. Bu kütüphaneyi aracılığıyla yükleyebilirsiniz. NPM, Bower veya stil sayfasını doğrudan CDN'den bağlayın.

Kontrast Izgarası

Bir listesi Tabloda renk kontrastı ve WCAG 2.0'a göre güvenilirlik dereceleri gösterilmektedir.. Tablodaki değeri değiştirebilir ve renk kombinasyonunun WCAG standardına uygun olup olmadığını hemen anlayabilirsiniz.

ToneJS

ToneJS bir JavaScript kütüphanesidir bir müzik aletinden gelmeyi sevebilecek bir ton veya ses oluşturmak. Sanırım bu kütüphane web tabanlı bir müzik aleti emülatörü oluşturmak için kullanışlı olacak. ya da oyun ses efektleri.