Anasayfa » Web Tasarımı » Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Haziran 2018)

    Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Haziran 2018)

    Yeni kaynakların bu bölümünde, listede çok çeşitli kaynaklar var. Bazı kenara kod tabanlı araçlar Yeni JavaScript kütüphaneleri ve çerçeveleri gibi, birkaç kullanışlı da ekledik GUI uygulamaları Hem geliştiricilerin hem de tasarımcıların takdir edeceğine eminim.

    Listeyi ayrıntılı olarak kontrol edelim ve aşağıdaki yorum bölümünde hangisinin en sevdiğiniz olduğunu bana bildirin..

    Benzersiz

    İçin bir araç benzersiz fontları bul nadiren başka yerlerde görülebilir, Eşsiz bir logo oluşturmak için ya da sadece birkaç tıklama ile kolayca belgeniz için uygun bir benzersiz yazı tipi kombinasyonu bulmak için yararlıdır. Tercihlerinizi seçtikten sonra, indirin ve kendi fontunuzu adlandırın. Bu gerçekten havalı!

    Duotones

    Olacak basit bir web uygulaması herhangi bir fotoğrafı çift tonlara çevirmek; İki zıt renkten oluşan tek renkli bir fotoğraf. Kendi fotoğraflarınızı yükleyebilir veya sonucu düzenlemek ve indirmek için aracın sağladığı fotoğrafları seçebilirsiniz. İyi bir Web sitelerinizde çarpıcı bir arka plan görüntüsü oluşturmak için bir araç.

    MDX

    Mdx bir belirtimidir Markdown ve JSX’i birleştiriyor. Bu, Markdown dosyalarını içe aktarma gibi daha önce hiç yapılmamış bazı çılgın şeyler yapmanızı sağlar, Markdown dosyasını bağımsız bir bileşen olarak kullanmak diğer dosyalara eklemek ve içindeki bir React bileşenini kullanmak için.

    FontDrop

    Kullanışlı yazı tipiyle ilgili ayrıntılı bilgileri göstermek için bir araç. Basitçe yazı tipini bırakın, diğer şeylerin yanı sıra adını, stilini, sürümünü, telif hakkı bilgilerini, glifleri, desteklenen dili vb. Gösterecektir..

    DOM Test Kütüphanesi

    DOM'yi test etmek için bir JavaScript kitaplığı (Belge Nesne Modeli). Bunu kullanabilirsin web kullanıcı arayüzü bileşenleriniz için bir test birimi yazın, Kullanıcı Arabiriminin gerçek kullanıcı olarak kullanmasını sağlamak. Bu ayrıca, kod yeniden düzenleme sırasında UI'nin UI işlevselliğini korumanıza yardımcı olur.

    çöplük

    Basit bir React bileşeni tarayıcı konsolundan ziyade doğrudan tarayıcıya döküm veya günlük çıkışı ile console.log. Bu araç, React'in en popüler öğretim görevlilerinden biri olan Wes Bos tarafından oluşturuldu..

    hakkak

    İçin kullanışlı bir uygulama önyüklenebilir bir flash diske OS görüntüleri yanıp sönüyor. Bu süreci takip etmek oldukça zordu. Etcher ile 1-2-3 kadar kolaydır. Bu araç, Windows, Linux ve macOS dahil olmak üzere neredeyse tüm ana işletim sistemlerini destekler..

    Ni

    NPM paketlerini kurmanın alternatif daha iyi bir yolu olan Ni, package.json dosya, kullanım dışı bağımlılıkları göster, ve genel olarak daha iyi bir arayüz.

    Cuttlebelle

    React.js. İçin statik bir site jeneratörü, Cuttlebelle yapabileceğiniz şekilde daha fazla genişletilebilirlik sağlar React tabanlı bileşenlerle sayfa düzenini genişlet. React.js'ye zaten aşina iseniz, kolayca yeni bir düzen oluşturabilir ve onu Markdown dosyasından birinde kullanabilirsiniz..

    ImgBlur

    Modern bir şekilde görüntüleri yüklemek için basit bir JavaScript bileşeni, ImgBlur bir Orijinal görüntüden bulanık bir görüntü oluşturmak için CLI. Bulanık görüntünün, orijinali yerleştirmeden önce ilk önce yüklenecek küçük bir boyutu vardır. Bu bileşeni çalışırken görmek için gösterime göz atın..

    Dinero.js

    Para oluşturmak, hesaplamak ve biçimlendirmek için bir JavaScript kütüphanesi, Dinero.s. tüm uluslararası para birimini kullanıma hazır destekler. Kütüphaneyi bir Node.js ortamında, tarayıcılara yükleyerek, CommonJS veya EcmaScript 6 ile birlikte kullanabilirsiniz..

    WiredJS

    WiredJS yerli ile inşa edilmiştir “Web Bileşenleri”. Yarım yamalak bir görünüme sahip benzersiz bir UI kütüphanesi. Bu kütüphaneden havalı olan şey şu ki: Elementler darbesi rastgele çekilir, yani hiçbir iki element tam olarak aynı olmaz. Tel kafes veya maket oluşturmak için mükemmel bir kütüphane.

    Vuido

    Vuido, Vue.js. ile hafif bir masaüstü uygulama çerçevesidir. Örneğin Vue.js API'sini ve Vuex gibi pek çok eklentisini kullanabilirsiniz. Windows, Linux ve macOS için bir masaüstü uygulaması oluşturun. Electron'a harika bir alternatif.

    Melezler

    Friendlier API ile yerel Web Bileşenleri kullanarak özel bir HTML öğesi oluşturmak için bir JavaScript kitaplığı. Kütüphane, Vue.js veya React.js’dekine benzer daha basit bir API sağlar..

    Saber.js

    bir Vue.js için oluşturulmuş statik site üreticisi. Sabre.js, Nuxt.js.'deki gibi süslü şeylerle gelmiyor Seçenekler ve yapılandırmalar minimum düzeydedir ve bakımı kolay olacak statik bir web sitesine sahip olmak istiyorsanız, bunu harika bir alternatif haline getirir.

    Rüzgarlar

    Modern bir RSS ve Podcast okuyucusu olan Winds, Windows, macOSv ve Linux için kullanılabilir. App elved box-shadow, yuvarlak köşe, gradyanlar ve ne ile güzel ve modern görünüyor. Bu iyi Bu hızlı değişen sektöre ayak uydurmak için site aboneliklerinizi yönetmek için uygulama.

    rahatlamış

    HTML veya Pug'u PDF'ye dönüştürecek bir dönüştürücü. Oluşturabilirsiniz HTML, CSS, JavaScript kullanarak karmaşık düzen ve Markdown kullanın ana içeriği yazmak için. Bunun da ötesinde, şema eklemek için Chart.js ve Matematik biçimlendirme eklemek için MathJax gibi bir JavaScript kitaplığı da kullanabilirsiniz..

    Yazı Tipi Stili Eşleştiricisi

    Bilgisayarda yüklü olan iki Google Fonts ve yerel fontu seçmek için kullanılan bir araç. Bu, Google Fonts henüz tam olarak yüklenmediğinde, web geliştiricisi için çirkin FOUC'u (kullanılmayan içerik flaşı) hafifletmek için kullanışlı bir araçtır.

    PWA WP

    İçin bir girişim PWA'yı (Aşamalı Web Uygulaması) WordPress Çekirdeğine getirin. Bu yazının yazıldığı sırada, bu proje başlangıç ​​aşamasındadır. Bu, özellikle WordPress ekosisteminde çalışıyorsanız, takip edilmesi gereken ilginç bir proje..

    Blueprint.js

    React tabanlı bir UI kitaplığı olan Blueprint.js, düğme ve sekmeler gibi düzenli aralıklarla ve tipik olarak modern web uygulamaları oluşturmak için gereken diğer UI bileşenlerini içerir. bir macOS'taki Spotlight veya Alfred uygulaması gibi kayan arama kutusu.