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

bir yararlı web kaynaklarının toplanması Bir web geliştiricisinin araç setinde gerçekten beklediği bir şey. Bu yüzden, kendim bir geliştirici olarak, size en iyi ve en yeni web geliştirme kaynakları her ay.

Bu ayın koleksiyonu bir screencasting için ilginç ücretsiz bir uygulama, Material Design dilini temel alan birkaç çerçeve, Performance test için bir kütüphane, CLI'ler ve diğer kullanışlı kaynaklardan bir avuç. Şimdi bunları birer birer 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.

Kap

Kap bir MacOS için temiz küçük ekran kaydedici. Bu web teknolojisi ile inşa edilmiş açık kaynaklı bir uygulamadır. Bu uygulamada sevdiğim bir şey sunduğu budur videoyu doğrudan kullanıma dönüştürme. Kap, uygulamalarınızı veya web sitenizin canlı demosunu kaydetmek için harika bir alternatif.

Sizzy

Sizzy bir yanıt veren web sitenizi test etmek için geliştirme aracı Tek bir ekranda birden fazla görünüm alanı boyutunda. İle karşılaştırıldığında süper kullanışlı bir uygulama Chrome'un yerleşik mobil emülatörü. Sizzy ayrıca bir Chrome Uzantısı olarak da geliyor.

Muse UI

bir Materyal Tasarımı ilkesine dayalı UI kütüphanesi ve Vue.js 2.0 üzerine kurulu Muse UI, Appbar, Card ve Dialog gibi Material Design Compenents ile doludur. Bu harika hızlı bir şekilde UI oluşturmak ve çalıştırmak için çerçeve.

Gelişmiş WP-CLI

Ben büyük bir hayranınım WP-CLI ve hemen hemen her gün kullanın benim bir WordPress geliştiricisi olarak çalışmamda. Yine de, yakın zamanda WP-CLI’nın size izin verdiğini öğrendim. Bir tema için PHP UnitTest iskele oluşturmak! Bu WP-CLI gelişmiş kullanım bir listesidir. WP-CLI kaleci, Daniel Bachhuber, kendisi.

Çılgınlık

Lunacy bir Windows için bağımsız Sketch dosya görüntüleyicisi. Metin, raster görüntüler, hatta degradeler ve gölgeler içeren Sketch dosyasıyla harika çalışır. O internet bağlantısı gerektirmez, Böylece geliştiriciler Sketch dosyaları üzerinde herhangi bir yerden çalışabilirler. Ve tamamen ücretsiz.

K6

Web uygulamasının hemen her alanında hız önemlidir. Peki web sitenizin hızını nasıl ölçersiniz? İyi, Cevap K6. Web sitenize gelen trafiği simüle eder ve web sitesini gerçek bir trafikmiş gibi belirli bir sürede yükler. Kısacası, K6 Performans İçin UnitTest.

Checker Hizmeti

Web uygulamalarının harika bir listesi DNS, Yük, Hız, SEO, Güvenlik ve SSL gibi birçok şeyi kontrol edin. Bu araçların çoğu ücretsizdir, ancak burada listelenen birkaç premium hizmet vardır. kullanıcılar için gelişmiş özellikler sunmak.

SVGito

Küçük bir web aracıdır Sketch uygulamasından oluşturulan SVG'yi optimize edin. SVG kodunuzu web sitesine yapıştırın, optimize edilmiş kodu hemen geri döndürün..

Launchaco

Başlangıç için harika bir isim bulmak zordur ve sosyal medyada kullanılabilir bir kullanıcı adı işleyicisi edinmek daha zordur. Launchaco bu kullanışlı bir araçtır alan adlarını, kullanıcı adlarını bulmanıza olanak sağlar Twitter, Facebook, Instagram vb. gibi farklı sosyal medya için ve size yardımcı olur güzel bir logo oluşturmak işin.

İğrenç

bir CSS ile yapılan benzersiz animasyon koleksiyonu. Lütfen animasyonu çalıştırmayın, kalbiniz ve aklınız görecek kadar güçlü değilse.

CSS Izgara Hile Sayfası

CSS Kılavuzunu Öğrenme, bir dizi yeni özellik söz konusu olduğunda oldukça korkutucu olabilir, yeni bir ölçüm birimi ve aynı zamanda neredeyse tamamen yeni bir paradigma web düzenini oluşturmak için. Bu araç, adından da anlaşılacağı gibi, size yardımcı olmaktır. CSS Izgarası ile ayaklarınızı yerden kaldırın.

alet kutusu

Workbox bir Progressive Web App oluşturmak için Google'dan yeni bir girişim (PWA). Yeoman'a benziyor veya her şeyi elde edebileceğiniz şekilde React App Oluştur ve tek komut satırında hazır.

MAVO

Mavo, Lea Verou'dan yeni bir açık kaynaklı projedir. Çıplak HTML biçimlendirmesini ve birkaçını döndüren bir kütüphanedir. işleyen bir web uygulamasına özel özellikler. Mavo, Backbone, Vue.js veya React gibi diğer kütüphanelere kıyasla takip etmesi daha kolay web uygulaması oluşturmak için daha az teknoloji meraklısı kullanıcılar çabukça ve kolayca.

Malzeme UI

Muse UI için Simlar, bu bir Meterial Design dilini temel alan UI çerçevesi. Ancak bu, React kullanılarak yapılmıştır. Şimdi tercihinize kalmış; eğer yanındaysan team Vue.js veya team React.

Tembel Görüntü

Tembel Görüntü bir istek üzerine resim yüklemek için özel HTML öğesi. Bu saklama elemanı ek bir .aktif Yapabileceğiniz Element Nesnesi içindeki nesne herhangi bir olaya veya kullanıcı etkileşimine yüklenecek görüntüyü tetiklemek için kullanın gerek duyduğunuz kadar.

Mac CLI

Bu şık bir araç MacOS'unuzu Terminal üzerinden yönetin. Basitçe yazın mac güncelleme MacOS’u güncellemek için Veya yazın mac sunum Mac'inizi hazırlayacak (tüm uygulamaları küçült, tarayıcıları kapat, masaüstünden dosya gönder ve sunum yapmadan önce çöp kutusuna indirir ve rahatsız etmeyen modu ayarlar). Ne kadar serin!

Seni Uyanık Tutmak

KeepingYouAwake, MacOS için bir menü çubuğu aracıdır. Mac'inizin belirli bir süre uyku moduna girmesini önleme veya aktif olduğu sürece. Homebrew kullanarak bu uygulamayı yükleyebilirsiniz.

JSON Beslemesi

En sonunda! Bu bir JSON’da içerik yayını sağlamak için standart özellikler biçim. Uygulama için zaten oluşturulmuş bir WordPress eklentisi> bulunmaktadır. Bu, web geliştiricilerin hayatını kolaylaştırmalıdır. Hadi sadece XML'e elveda deyin.

Karbon

Kısacası, Carbon PHP'nin Moment.js'sidir. Üretmek için PHP kütüphanesi ve tarih ve saat dizgilerini değiştirin.

Hız yarışçısı

Bir diğeri Performans Birimi Testi aracı. K6, ziyaretleri ve trafiği simüle etmek için Virutal Kullanıcıları göndererek yük test cihazları gerçekleştirirken, SpeedRacer tarayıcıda sayfa oluşturma performansını değerlendirmek. SpeedRacer, K6'ya iyi bir eş olabilir.