Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Nisan 2018)
Bu ay teknolojide dikkat çekici isimlerden birkaç duyuru gördük. Örneğin, Apple açık kaynaklı yeni bir veritabanı sistemi, Google, web sitenizin mobil hızını ölçmek için yeni bir araç yayınladı ve Github, Git, Github ve genel olarak kodlamaya başlamanız için ücretsiz bir kursla birlikte.
Ayrıca, bugünün postasında şu anda yükselen bir dizi yeni araç özelliği. Listede daha çok neye sahip olduğumuza geçelim.
VuePress
Vue'nin yaratıcısından yeni bir araç olan VuePress bir statik alan üreteci akılda Vue.js ile tasarlanmıştır. Her sayfa için statik HTML oluşturur ve ön işler SPA olarak çalışmaktadır (Tek Sayfalık Uygulama). Google Analytics Kimliği ekleme, arama, sonraki ve gezinmeyi önleme, kenar çubuğu ve dahil olmak üzere bazı özelliklerle birlikte gelir. PWA.
IMG-2
Tanıtan bir JavaScript kitaplığı özel eleman, img-2
. Yeni eleman, standartla gelmeyen çok sayıda optimizasyon ekliyor img
eleman, görüntünün kullanıcılar için nasıl yüklendiğini iyileştirme. Özel öğe ile, görüntü de önbelleğe alınır, ayrıca tembel yük görüntüler ve sunum yalnızca görüntüler kullanıcının görünüm alanına girdiğinde önbellekten gelir. Demoyu inceleyin.
Tabler
Zarif bir Gösterge Tablosu / Yönetici Paneli Bootstrap 4'e göre. Pano, Grafikler, Formlar, Galeriler, Fiyat Tablosu ve hoş özel simgeler koleksiyonu. Geliştiricilerin hızlı bir şekilde bir Yönetici Paneli oluşturmasına izin vermek için harika bir başlangıç noktası. Demoyu inceleyin!
DayJS
DayJS Tarihleri ve saatleri biçimlendirmek için JavaScript kitaplığı. Dahası, DayJS, Moment.js ile benzer API'lere sahiptir, ancak yalnızca 2Kb boyutundadır. Verilen, bir olabilir Moment.js için harika bir alternatif, eğer daha hafif bir kütüphane istiyorsanız, henüz bildiklerinize aşina olduğunuzu kanıtlayın..
UnifiedArchive
Sıkıştırılmış dosyalarla uğraşmak için bir PHP kütüphanesi olan UnifiedArchive, aşağıdakiler de dahil olmak üzere çok çeşitli biçimleri destekler: RAR, Zip, Gzip, Tar, ve diğer birçok sıkıştırma türü. Bu kütüphane ile dosyaları veya dizinleri arşivleyebilir ve açabilirsiniz. Bir sağlar dosyaları işlemek için API'lar avuç arşivden çıkarıldıktan sonra. UnifiedArchive, Besteci paketi olarak kullanılabilir.
Github Öğrenme Laboratuvarı
Github az önce açıkladı öncelikle Github'da Git'i kapsayan ücretsiz kurs. Şu anda birkaç kullanışlı şey öğrenebileceğiniz 5 ders vardır. Github nasıl kullanılır kodlarınızı barındırmak için, Github sayfalarını nasıl kullanacağınızı Projeniz için ücretsiz bir site veya blog almak ve bir projedeki birçok geliştiriciyle çalışırken sık karşılaşılan birleştirme çatışmalarının nasıl yönetileceğini öğrenmek.
WordPress UnitTest DOM Ayrıştırıcı
Takayuki Miyauchi'den güzel bir ipucu WordPress uygulamalarında UnitTest yaparken DOMElement'i test etme. Şahsen bunu gerçekten yararlı buldum; umarım aynı bulursun.
Popmotion
Web'de tereyağı pürüzsüz bir animasyon için bir JavaScript kitaplığı, “Popmotion” yakın gerçek hayat animasyon efektleri ile oluşturmanıza olanak sağlayan Fizik adlı bir API sağlar. Açılmamış; basitçe kütüphane konfigürasyonun spesifik setine dayanarak değerleri çıkarır. Bu, CSS, SVG, Three.js ve hatta React.js dahil, herhangi bir ortamı canlandırmak için bu çıktıları uygulamanıza olanak sağlar..
Driver.js
Yapmanıza izin veren bir JavaScript kitaplığı “sürücü” bir sayfada kullanıcı odağı. Bu, belirli özellikleri tanıtmak veya sayfadaki belirli görevlere yönlendirmek istiyorsanız kullanışlıdır. Driver.js sadece 4 KB boyutunda, özelleştirilebilir ve klavye dostu.
Animasyonlu GIF’i Video ile Değiştir
GIF her yerde, harika bir geri dönüş yaptıktan sonra. Ancak GIF ile ilgili sorun genellikle çok büyük olmasıdır. Bu bir bant genişliği israfı, ancak grafik kalitesi genellikle korkunç. Bu Google’dan gelen rehber “Video” animasyonlu grafikleri göstermek için GIF’in yerini alabilir.
Metin Maskesi
Bir JavaScript kütüphanesi Özel biçimlendirme gerektiren metni dönüştürmek telefon numarası, para birimi veya kredi kartı numarası gibi. Kullanıcı metin yazarken, otomatik olarak kullanıcı deneyimini geliştirerek uygun biçimlendirmeye dönüştürülecektir. TextMask React, Vue veya sadece düz eski JavaScript ile kullanılabilir.
Mobil Site Hızını Karşılaştırın
Bu, Google’dan başka bir kullanışlı araçtır. Bu araç size izin verecektir Cep telefonundan yükleme yaparken web sitenizin hızını kontrol edin ve web sitesi yavaş yüklendiğinde toplam gelir kaybını tahmin etmek. Yapabilirsin ülke ve hızı seç hangi web sitenize karşı test edilecek.
VueNut
Vue.js ve Vuex ile bir web uygulaması oluştururken bir geliştirme arkadaşıdır, VueNut bunu yapar saklanan veri durumunu keşfetmek daha kolay ve geliştirme sırasında verileri kolayca değiştirmenize olanak sağlar. Güzel şeyler!
FoundationDB
Son zamanlarda Apple, Github'da FoundationDB'yi açık kaynak yaptı. Bu bir anahtar-değer çifti veritabanı sistemi Bu ölçeklenebilirlik ve performans vaat ediyor. Büyük teknoloji şirketlerinin ürünlerinin bir kısmını açık kaynak vermeye adaması harika bir şey.
Hikaye kitapları
StoryBooks için bir araçtır izolasyon içinde bir React bileşeni oluşturmak. Tarayıcıda, her bir bileşenin farklı durumlarını ve ayrıca görüntülemenizi sağlayan bir UI sağlar bileşenleri test et.
GhostText
Bir tarayıcı uzantısı olacak tarayıcıda yazdıklarınızı metin düzenleyicinize senkronize edin ya da tam tersi. Kod editörünüzün rahatlığı ve özellikleri ile bir web sitesinde yazabilmek istiyorsanız bunu son derece yararlı buldum. GhostText, Chrome, Firefox ve Opera için kullanılabilir.
Coala
Coala bir CLI, kullanılan dillerden bağımsız olarak kodu düzenlemek ve düzeltmek için bir arabirim sağlar. Coala'yı bir kod düzenleyicide kullanabilir, bir CI (Sürekli Entegrasyon) ile entegre edebilir ve bir yapılandırma sözdizimi ile özelleştirebilirsiniz. .coafile
. Coala, CSS, JavaScript, PHP gibi birçok dili desteklemektedir ve bu dizinde daha fazlasını bulabilirsiniz..
ReactStrap
ReactStrap, yeniden kullanılabilir React bileşenlerine dönüştürülmüş bir Bootstrap 4 bileşenleri topluluğudur. Eski Bootstrap tabanlı web sitenizi modernize etmek istiyorsanız, bu kütüphane içine bakmak isteyebilirsiniz..
Reacto
Reacto ile ilgili başka bir araç, Reacto Electron'un üzerine kurulmuş ve ReactJS ile web uygulamaları geliştirmek için tasarlanmış IDE. Gelişiminiz birincil ReactJS etrafında dönüyorsa bu gerçekten kullanışlı görünüyor.
PicoJS
Bu bir JavaScript kütüphanesi yüz algılamayı sağlar. Hareketsiz bir fotoğrafla veya tümleşik kameradan çalışır. Web teknolojisinin son birkaç yılda nasıl geliştiği gerçekten büyüleyici..