Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Ağustos 2018)
Son birkaç ay içerisinde piyasaya sürülen birçok yeni araç olduğu için kalkınma topluluğunun son zamanlarda daha aktif olduğu görülüyor. Serinin bu turunda bahsetmeye değer bazı araçların altını çizeceğim..
Araçlar listesi arasında bir Yerel veri ağlarında dosyaları paylaşmaya yarayan bir araç olan sahte veri üretmek için JavaScript kitaplığı, ve Terminal oturumunu SVG animasyonuna kaydetmenize izin verecek olan. Kulağa hoş geliyor mu? Aşağıdaki listenin tamamını kontrol edelim.
Pushbar.js
Sürgülü çekmece oluşturmak için bir JavaScript kütüphanesi. Tipik olarak sürgülü çekmece, site menüsü navigasyonunu görüntülemek için kullanılır, ancak bu kütüphaneyi sitenize uygun herhangi bir şeyi görüntülemek için kullanabilirsiniz. Pushbar.js: tamamen özelleştirilebilir ve bağımlılık ücretsiz, hiçbir jQuery gerekli.
Şimdi karbon CLI
Karbon CLI, Node.js paketidir. bir kod ekran görüntüsü oluşturmak bir komut satırı arayüzü ile güzel. Bu araç, aynı güzel bir GUI ile tarayıcıda yapabileceğiniz carbon.now.sh'den esinlenmiştir..
Faker.js
Bir JavaScript kütüphanesi yapay bir veri oluşturmak. Adlar, posta adresi, şirket adı, telefon numarası, tarih ve daha pek çok veri yığınını oluşturmayı destekler. Tüm bu veriler çok yararlı olabilir web uygulamanızı test edin.
TermToSVG
TermToSVG bir Linux terminal kaydedici Bu, komut satırı oturumlarınızı bir SVG animasyonuna dönüştürür. Geliştiriciler için bir öğretici yazmak için yararlı bir araçtır.
Veritabanı Yedekleme Yöneticisi
Bu bir PHP kütüphanesidir ve adından da anlaşılacağı gibi, bir dizi işlevsellik sağlar. veritabanı yedekleme ve geri yükleme işlemek. Kütüphane, Dropbox, Amazon S3, FTP ve SFTP ve Rackloud Cloud dahil olmak üzere yedeklemeyi göndermek veya almak için çeşitli servisleri destekler..
Uçları Tepkilendir
React.js teknikleri, püf noktaları ve püf noktalarından oluşan müthiş bir koleksiyon olan React Bits, genel tasarım desenlerini, stil ve performans ipuçlarını kapsar. Bu gerçekten React.js becerilerinizi geliştirmek için harika bir kaynak.
DSS Dili
DSS, yeni bir CSS geliştirme aracı olan Deterministic StyleSheets'in kısaltmasıdır. Bu nasıl çalışıyor ve bu günlük işlerime nasıl uygulanabilir? Gerçekten şu ana kadar hiçbir fikrim yok. Ama havalı görünüyor ve yeni. Bu yüzden listede var. teşekkür ederim!
PurgeCSS
PurgeCSS izin veren bir NPM paketidir. CSS çıkışını optimize et Web uygulamanızda, kullanılmayanları kaldırarak. Araç, Gulp, Grunt, Grunt, Webpack ve PostCSS gibi çeşitli yerleşik araç desteğine sahiptir, böylece projenize entegre edin derhal.
RFS
RFS, Duyarlı Yazı Tipi Boyutu anlamına gelir ve web’deki en zor şeylerden biriyle mücadele etmek için ilginç bir projedir. yazı tipi boyutunu duyarlı hale getir, Cihazın ekran boyutuna uygun olarak boyutu çok iyi takip edecek şekilde. RFS bir NPM olarak kullanılabilir
SimpleBar
Özel bir kaydırma çubuğu oluşturmak için bir JavaScript kütüphanesi olan SimpleBar, kaydırmaya stil vermenize olanak sağlar. diğer HTML öğeleri gibi CSS kullanarak site stilinizi eşleştirin sitede. Platform ve tarayıcı kısıtlamaları nedeniyle, tarayıcı kaydırma çubuğunun stillendirilmesi karmaşıktı, ancak SimpleBar gerçekten basitleştirdi.
Larastan
Larastan bir sarıcı Laravel için PHPStan. PHPStan, bir ünite testi yazmanıza gerek kalmadan kodlarınızı olası hatalara karşı kontrol etmenizi sağlayacak bir araçtır. Çağrılan yöntem ve işlevlerin varlığı, özelliklere atanan türler, Sınıf yapıcısına atanan sayı ve türler ve phpDocs doğrulaması dahil olmak üzere çok sayıda şeyi kontrol eder.
PWMetrics
PWMetrics, Progressive Web Apps metriklerini Paul Irish tarafından geliştirilen bir komut satırı arayüzü aracılığıyla toplayan bir araçtır. Araç, Deniz Feneri tarafından desteklenmektedir ve bir NPM paketi olarak mevcuttur. İçin birçok seçenek sunar ölçümleri, test performansını yapılandırın, ve testten elde etmek istediğiniz beklenti.
Pax
Pax bir JavaScript paketleyicisidir JavaScript modüllerini tarayıcılar için kullanılabilir bir dosyada derlemek. Pax hız vaat ediyor. Bazı alternatif paketleyicilerden daha hızlı derlenir. Tamamen ES6'yı destekler ithalat
ve ihracat
sözdizimi ve CommonJS sytax ithalat
. aksine kişilik
Rust ile yazılmıştır ve Cargo denilen Rust paket sicilinden ulaşılabilir..
SustyWP
SustyWP bir WordPress teması daha iyi bir amaç için; Boyutunu mümkün olan en küçük boyuta indirerek karbon ayakizini azaltmak. Tarayıcıya yüklendiğinde sadece 7-6kb ağırlıktır. Onun hızlı ve hafif, ve karşılığında, siteyi yüklemek için daha az kaynak tüketir (örneğin elektrik). Jack Lenox tarafından bu yazıdaki sahne arkasına göz atın.
Doodle Kütüphanesi
bir doodle çizimleri topluluğu, Doodle Kütüphanesi koleksiyonda birçok çizim içeriyor ve yüzler, Yerler, Hayvanlar vb.. Çizimler SVG formatında mevcuttur ve Yaratıcı Ortak Öznitelikler 4.0 altında dağıtılmaktadır.
Tilt.js
Bir jQuery eklentisi fantezi yaratmak eğim Efekt Apple TV'de gördüğümüz küçük resimlere benzer. Ek CSS'ye ihtiyaç duymaz. Ayrıca bu sayfadaki bazı uygulama örneklerini sunarlar, bu yüzden kullanımı oldukça kolaydır. Emin olun parlama efekti göz atın; bu gerçekten havalı.
Dosya odası
Fileroom için bir web uygulamasıdır aynı ağ içinde eşler arası dosya paylaşımı. İşletim sisteminden bağımsız olarak dosyayı sürükleyip bırakarak iş arkadaşınızla paylaşabilirsiniz. Windows, macOS, Linux'ta çalışır.
Coolhue
Elle seçilmiş degrade renklerden oluşan bir koleksiyon olan Coolhue, Photoshop ve Sketch uygulaması için renk paleti renk örneklerini yakalamanıza olanak sağlar. projenize yükleyin kullanma kameriye
veya npm
. Bu, gelecekteki web siteleriniz için renk almak için biraz zaman kazandırır..
Resif
UI oluşturmak için basit bir JavaScript kütüphanesi olan Reef, React.js veya Vue.js. gibi daha büyük kütüphanedeki tüm zillere ve ıslıklara sahip değildir. Ama ihtiyacın olan tek şey varsa kullanıcı arayüzü oluşturmak, sadece veri girişi ve Reef şablonu harika bir alternatif olabilir. Sadece 2Kb ağırlığında
yaprak dökmeyen
Segment.io'dan bir UI bileşeni koleksiyonu. Bileşenler oldukça çeşitlidir; Düğmeler, Simgeler, Metin Girişi gibi bazı normal bileşenlerin yanı sıra, Ekmek Kızartma Makinesi, Yan Sayfa ve Köşe İletişim Kutusu gibi Evergreen'e özgü olduğunu düşündüğüm birkaç kişi var..