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

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

    Temmuz, yazın yüksekliği getiren aydır ve bu ayki yeni kaynaklar için, bazı iyi niyetli ve acemi geliştiricilerin geliştirdiği bazı yeni araçlara sahibiz..

    Liste, bir avuç WordPress arayüz prototipi oluşturmanıza izin verecek olan WordPress topluluğu tarafından Sketch kütüphanesinden çok ilginç bir araç karışımına sahiptir. React.js ve Vue.js'yi genişleten araçlar, ve gelişim becerilerinizi geliştirmek için birkaç referans. Onları kontrol edelim.

    WPRIG

    Morten Rand-Hendriksenand tarafından yaratılan hepsi bir arada başlangıç ​​WordPress teması bir modern araçları kullanarak hazır ayar süreci oluşturmak Gulp, Babel, ESLint ve Visual Studio Code entegrasyonu gibi. Çevredeki geliştirme araçlarını yapılandırma zahmetine girmeden mükemmel bir WP teması oluşturmanıza yardımcı olur.

    VueNative

    Kodunuzu Vue.js belirtimiyle yazmanıza olanak tanıyan bir platformlar arası mobil uygulama oluşturmak için Vue.js tabanlı bir çerçeve. Araç olacak Yerli Tepki için derleyin ve sahne için arkanda sihir işini yap. vue-yerli CLI. Zaten Vue.js ile aşina iseniz, bu bir olabilir mobil uygulama oluşturmak için uygun çerçeve.

    SketchPress

    10up’taki insanlar az önce SketchPress’i piyasaya sürdüler. WordPress yönetici arayüzü maketlerini ve tasarımlarını hızla oluşturmak için taslak şablonu. Birincil Düğme, Menü Çubuğu, Dashicons, Metabox, vb. Gibi genel yönetici kullanıcı arayüzü ile doludur. SketchPress, WordPress geliştiricileri için eklenti ve tema ayarları veya Seçenekler sayfasını WordPress yönetici kullanıcı arayüzü ile hizalamak için harika bir yardımcı araçtır..

    Docz

    Docz bir MDX tabanlı dokümantasyon üreteci bu serinin son turunda yer aldı. Bu araç, bir JSX belgesi yazmak gibi, bir JSX özel bileşenini Markdown sözdizimi ile karışıma dahil etmenizi ve eklemenizi sağlar.

    Animista

    CSS Animasyon, interneti hayata geçiriyor. Bununla birlikte, uyumluluk, parametreler ve animasyon zaman dilimi için tarayıcı öneklerini göz önünde bulundurarak CSS Animasyonu oluşturmak her zaman kolay değildir. Animasta, kodu sizin için hazırlayarak bu işleri kolaylaştırır. Yapabilirsin animasyonu, kodu kolayca kopyalayabileceğiniz kullanıcı dostu bir arayüzde yapılandırın.

    GridToFlex

    Yerel CSS Izgarası kullanılarak oluşturulan ortak web düzenine birkaç örnek ve Flexbox'ı henüz desteklemeyen bir tarayıcı için geri dönüş olarak kullanıyor. Mesajımıza göz atın: CSS Izgara Düzeni Modülüne Giriş.

    RatioBuddy

    İçin güzel bir araç tanımlı oranda CSS'li bir kutu oluşturmak, Örneğin, 1: 1, 3: 4, vs. Araç kopyalamak için kodu SCSS formatında üretecektir..

    GraphQL nasıl

    GraphQL, REST veri yapısına bir alternatiftir ve GraphQL Nasıl Yapılır öğrenmek için kapsamlı bir kaynak. Yük ve veri aktarım miktarını azaltan sadece istenen verileri alacağı için REST'ten çok daha verimlidir.

    Örnek geçmişi

    WordPress panosunda yapılan etkinliklerin geçmişini gösteren basit bir WordPress eklentisi. Bir kullanıcının yazı ve sayfa oluşturması, oturum açması ve diğer eklentileri etkinleştirmesi veya devre dışı bırakması gibi WordPress yerel etkinliklerini destekler. Ayrıca diğer eklentiler etkinliğini izle Gelişmiş Özel Alanlar (ACF) ve Kullanıcı Değiştirme dahil. Sitelerinizin dahili etkinliğini takip etmek için harika bir eklenti.

    Transfer.sh

    bu bir Shell komutu ile dosyaları paylaşmak için kullanışlı bir yardımcı program. 10 Gb'ye kadar herhangi bir dosya türünü yükleyebilirsiniz. Aynı zamanda dosya şifrelemesini de destekler. Ve tamamen ücretsiz olduğunu söylemiş miydim??

    FB Sonar

    İOS ve Android için mobil uygulamalarda hata ayıklamak için bir araç. Uygulamanın bir için bazı araçlar ile donatılmıştır. uygun hata ayıklama deneyimi log görüntüleyici, etkileşimli düzen denetçisi ve ağ denetçisi gibi. Yeterli değilse, uygulamayı genişletmek için uygulamayı genişletmek için bir eklenti oluşturabilirsiniz..

    JSUI

    Bu uygulama, projelerinizi düzenlemek için daha iyi bir yol sağlamak için bir sürü araçla doludur. Yapabilirsin bir grup oluşturun, bazı popüler projeleri kullanarak yeni bir proje oluşturun React, Vue ve Angular gibi bir proje bağımlılığı yükleyin, bir Node.js sunucusu çalıştırın ve çok daha fazlası. Bir düzine proje yönetmek isteyenler için harika bir uygulama.

    BrainMonkey

    WordPress için bazı özel araçlar ile tasarlanmış bir PHP birim test programı. Bu izin veren araçlar sağlar sahte PHP işlevleri. Ayrıca, bazı WordPress işlevleriyle baş etmek için kutudan bir dizi araç sağlar. ADD_ACTION remove_action genellikle birkaçı hileli test etmek.

    Fraktal

    Fractal, bir bileşenin bir projeye entegre edilmesi gerektiğinde başvuruda bulunmak üzere bir ekibin içindeki geliştiricilere yönelik merkezi bir dokümantasyon aracı olarak tasarlanmıştır. Size izin verir Kod pasajını entegre etme, önizlemeleri, dokümanları ve notları görüntüleme, Her bileşenin vb..

    Karınca Tasarım Pro

    “AntDesign” React.js'ye dayanan popüler UI çerçevelerinden biridir ve bu “profesyonel” Kurumsal uygulama için tasarlanmış sürüm. AvatarList, HeaderSearch ve TagSelect gibi AntDesign ortak paketinde bulunmayan birkaç ek bileşen içerir..

    Çerçeve ayrıca Oluşturma aracı, Test Takımı ve Dağıtım gibi yerleşik geliştirme araçları Böylece iş akışı yapılandırmasına zaman harcamak yerine hemen kodunuz üzerinde çalışabilirsiniz..

    LuminJS

    Süper küçük Web sitenizdeki metni vurgulamak için JavaScript kitaplığı. Karmaşık bir DOM yapısıyla sorunsuz çalışır ve hız, stil ve animasyonu ayarlayabilmeniz için programlanabilir.

    istemleri

    Kullanışlı Node.js kullanarak etkileşimli CLI oluşturmak için NPM paketi. Temel bilgi istemi, çoklu seçenek, dinamik bilgi istemi ve parola, metin, numara ve e-posta vb. Gibi birçok giriş türünü destekler.

    Algı

    Olurdu serin bir WordPress eklentisi WordPress Medya Kitaplığı aramasını iyileştirme Google Cloud Vision API'sını kullanarak görüntüleri sınıflandırarak. Örneğin, bir “kuş” resmi anahtar kelimeyi kullanarak görüntüleyebilirsiniz. “kuş” Anahtar kelimenin resim adına, dosya adına veya meta verisine dahil edilip edilmediği.

    DevTube

    Koleksiyonu birçok geliştirici konferansının Youtube'dan çekilmiş videoları JSConf, Google TechTalk ve O'Reilly gibi. Şimdi patlamış mısırınızı alın ve Dev becerilerinizi geliştirin.

    Reactive.how

    Reaktif programlama artıyor; özellikle web çevresinde programlamada veri akışının bol olduğu ve her milisaniyede sürekli akan yeni bir paradigma. Bu kaynak Cèdric Soulas’tan bir girişim size prensiplerini öğretmek tepkili programlama.