Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Temmuz 2017)
Zaman uçuyor ve biz şimdi 2017'nin ortasındayız. Bu ayın bir bölümünde, harika bir JavaScript kütüphanesi dizisine sahibiz ve WordPress’te GraphQL’i etkinleştirmek için bir eklenti gibi birkaç diğerleri, CSV verilerini oluşturmak için bir masaüstü uygulaması ve birkaç web sitesi çerçeveler. Onları kontrol edelim.
HeroPatterns
Koleksiyonu SVG ile yapılan tekrarlanabilir model Web sitenizde arka plan olarak kullanabileceğiniz Site için kullanışlı bir ayar ile donatılmıştır Desenin rengini ve opaklığını özelleştirmek ve CSS’nize eklemek üzere kodu kolayca kopyalayıp yapıştırmanıza olanak tanır.
TestCafe
TestCafe bir uçtan uca (e2e) test aracı Bu, web sitelerinizi ve web uygulamalarınızı gerçek kullanıcılar tarafından kullanılıyor gibi test etmenize olanak sağlar. Aşağıdakiler de dahil olmak üzere test yapılırken çeşitli şeyleri otomatikleştirecek tarayıcıları başlatmak, belirtilen test birimini çalıştırmak, rapor oluşturmak, ekran hatalarının yanı sıra kolayca hata gidermek için sourcemap.
SugarJS
SugarJS bir JavaScript kütüphanesidir Nesneleri, Dizileri ve Tarihleri değiştirme daha güzel ve daha okunabilir bir sözdizimi ile. Kütüphane ayrıca, örneğin bir avuç yardımcı işlevle birlikte gelir., .escapeHTML ()
hangisi HTML öğelerini Varlık biçimine dönüştürün.
MS
Kullanışlı bir JavaScript kütüphanesi zamanı, sayıyı ve normal dizgeyi milisaniyeye çevirmek. ms ('2 gün')
, örneğin, dönüştürülecek 172800000
.
pa11y
Yardımcı olacak harika araç koleksiyonu web sitenizde erişilebilirliği artırmak ve web uygulamaları. pa11y, erişilebilirlikle ilgili herhangi bir web sayfasını test etmek için bir CLI'den oluşur, Oluşturulan hata ve uyarı raporlarını göstermek için gösterge paneli, ve Codeship veya Travis gibi bir CI aracı için özel olarak tasarlanmış bir CLI.
Tüy Simgeler
bir modern vibe ile simgeler koleksiyonu. Bu simgeler herhangi bir platform için (iOS, Windows veya Ubuntu) tasarlanmış web sitesi ve uygulamalar için mükemmeldir. Simgeler içeri SVG'nin yanı sıra React ve Angular bileşenlerinde.
Uçuş Tepki
Bir tepki modülü Uygulamanızda animasyon kompozisyonu oluşturmak. Kütüphane, yapabileceğiniz Eskiz İlke'den ilham almıştır. UI bileşenine etkileşim ekleme çabukça ve kolayca.
BounceJS
Bir kütüphane hemen çıkma efekti ile animasyonlar oluşturun. Animasyon, CSS3 ve önceden ayarlanmış bir dizi animasyon tarafından desteklenmektedir. JavaScript kütüphanesini npm, bower veya sadece CSS animasyonunu kopyala web sitesinde oluşturulan.
bojler
Bojler bir HTML kodunu yazmak için rehbere sahip bir e-posta çerçevesi Bu, en popüler e-posta istemcilerinde düzgün şekilde çalışacaktır. Daha önceki e-postamızda daha fazla e-posta çerçevesi bulabilirsiniz.
Devicon
Koleksiyonu programlama dilleri, tasarım ve geliştirme araçları simgeleri. Simgeler SVG ve Font formatında mevcuttur. Bazı özel Firefox, AWS ve HTML5 gibi simgeler de ayrıntılı değişkenleriyle birlikte gelir. Oldukça havalı?
Şimdi UI Kiti
Bootstrap 4'ü temel alan bir koleksiyon duyarlı arayüz. 50 element ve 3 özel şablona sahip. HTML sürümünün yanı sıra, UI ayrıca PSD ve Sketch biçimlerinde de sağlanır..
T-Scroll
T-Scroll bir Animasyon uygulamak için JavaScript kütüphanesi Bir öğe görünüm alanında göründüğü zaman. Bir avuç seçenek ve önceden ayarlanmış animasyonlarla donatılmıştır.
Ory Editör
ORY, web üzerindeki modern ve daha erişilebilir bir web editörüdür. ORY Editör React ve Flux üzerine inşa edilmiştir. Kullanıcıların içeriği düzenlemesini ve sonucu hemen görmesini sağlayarak düzenlemeyi kolaylaştırır HTML veya Markdown gibi özel sözdizimleri bilmek zorunda kalmadan.
TadViewer
TadViewer kullanışlı CSV'yi görüntülemek için masaüstü uygulaması ve büyük veri ve dosyalar üzerinde çalışır. Uygulamaya macOS, Windows ve Linux'ta erişilebilir.
Düzgün Kaydırma Polyfill
Düzgün Kaydırma, daha hoş bir kullanıcı deneyimi sunmak için kanıtlamıştır. Şimdi W3C'de resmi olarak önerilmiş ve hazırlanmıştır. Şu anda, yalnızca Chrome, Firefox ve Opera’da çalışıyor. İçin bu kütüphaneyi kullanın. Internet Explorer ve Safari’de yumuşak kaydırma davranışını taklit edin.
Hayır teşekkürler
Bir JavaScript kütüphanesi bildirimleri görüntülemek için, Noty, bir Alarm, Başarı, Hata, Uyarı, Bilgi veya bir iletişim mesajı göstermeyi kolaylaştırır. Mo.js ve bounce.js gibi bir animasyon kütüphanesiyle birlikte kullanılabilir Bildirimin zarif bir şekilde girip çıkması için.
Seksek
Seksek bir LinkedIn tarafından başlatılan açık kaynaklı proje. Geliştiricilerin ürün turları eklemesini kolaylaştırmak için bir çerçevedir. Canlı bir örnek ve API için demoyu inceleyin.
SurveyJS
SurveyJS başka bir harika JavaScript kütüphanesidir. Adından da anlaşılacağı gibi, Anket girdileri oluşturmak için tasarlanmış. Anket cevaplarını doldurmak için çeşitli girdi türlerine sahiptir. ayrıca birçok popüler JavaScript çerçevesine de taşındı AngularJS, VueJS ve React dahil olmak üzere.
WP GraphQL
GraphQL artıyor ve REST mimarisinin yerini almak için güçlü bir rakip Bu, neredeyse tüm web API'lerine güç sağlar. Bu size izin verecek bir eklenti WordPress içeriğinizi GraphQL ile alın. İşte REST ve GraphQL'in birbirinden nasıl farklı olduğu ile ilgili harika bir referans..
Monako Editörü
Monaco Editör editörüdür Görsel Kod Düzenleyiciye güç verir. Microsoft tarafından üretilmiştir ve HTML, CSS, LESS, CoffeeScript ve PHP gibi kutuların dışındaki birçok dili destekler. Daha hızlı kod yazmanıza yardımcı olan zeka.