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

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

    Bu seriyi yıllardır koruduktan sonra, aletlerin gelip gideceğine şahit oldum. bir neredeyse her hafta birkaç yeni araç piyasaya sürüldü. Ancak, son birkaç haftada biraz yavaşladığını düşünüyorum, bu normalden biraz daha uzun sürdü yeni araçlar bulmak için Github'a ve diğer kaynaklara göz atın Bu, ücretsiz, açık kaynak kodlu ve bu seriden bahsetmeye değer.

    Bugünün yayınında, bir JavaScript çerçevesinden, Test araçlarından ve WordPress sitelerini geliştirmek için birkaç araçtan oluşan bir karışımım var. Onları kontrol edelim.

    Kutt

    bir URL’leri kendi alan adınızla kısaltan uygulama. Bir avuç dolusu Node.js, React ve Redux gibi üst düzey modern yığınlar üzerine kuruludur. şifre korumalı URL, RESTful API dahil olmak üzere yerleşik özellikler, ve URL’lerinizi izlemek için ayrıntılı istatistikler isteyebilirsiniz. En iyi şey Ücretsizdir ve kendi sunucunuzda barındırabilirsiniz.

    WordHat

    WordHat bir BeP ile WordPress entegrasyon aracı. Behat, PHP uygulamanızı daha etkileyici bir şekilde test edebileceğiniz PHP için açık kaynaklı bir Davranış Geliştirme (BDD) çerçevesidir..

    WordPress temanız ve eklentiniz özelliklerle daha da karmaşıklaştıkça bu aracı son derece yararlı bulacaksınız; WordHat ve Behat, temanızın veya eklentinizin beklendiği gibi davranmasını sağlar kullanıcı onunla etkileşime geçtiğinde.

    WP Tarayıcı

    WordHat'a benzer şekilde, WP-Browser Codeception'ın bir uzantısıdır. WordPress uygulamaları, temaları ve eklentileri için özel olarak tasarlanmıştır. Codeception gerçekleştirmek için bir araçtır test yapmak Uygulamanızda PHPUnit ve Behat'a benzer, ancak daha fazlası ile birlikte gelir. Bu konuda yapabilirsin Tarayıcı Testi, BDD, Birim Entegrasyon Testi ve API testi.

    Düğüm WP Uluslararasılaşması

    Adı kendisi için konuşur. Temalarınızı veya eklentilerinizi uluslararası hale getirmek için birçok şeyi otomatikleştiren bir NodeJS modülüdür.. Modülü ve tipini kurun wpi18n makepot POT dosyasını oluşturmak için WordPress eklentileriniz veya temalarınızdaki çevrilebilir metnin dışında.

    Teşekkürler

    Son zamanlarda Github'da trend olan başka bir NodeJS modülü. “Teşekkürler” irade açık kaynaklı projenizde kullanılan paketlerin sağlayıcılarının bir listesini oluşturun ve topluma katkılarının minnettarlığının bir işareti olarak bağış veya OpenCollective sayfalarına bağlayın..

    Guten Block oluştur

    Gutenberg duyuyor ve WordPress 5.0 ile birlikte geliyor. Bu bir Gutenberg bloğu geliştirme kazanı üretmek için NPM modülü React, Webpack, Babel ve Sass gibi modern yığınlarla. Sadece komut satırını çalıştırın ,oluşturmak-guten blok, ve hepiniz hazırsınız.

    WP Vue

    WP Vue bir WordPress gönderilerini görüntülemek için Vue ile oluşturulmuş bir şablon. WordPress sitenizi yapmak istiyorsanız bu şablon harika bir başlangıç ​​noktasıdır. başsız. Demo sayfasında nasıl çalıştığını görün. WP-API URL'sinin bitiş noktasının URL'sini herhangi bir WordPress sitesinden değiştirin; yayınları otomatik olarak yeni bitiş noktası URL’sindeki yayınlarla tekrar doldurur.

    uyarıcı

    bir Basecamp'tan yeni JavaScript çerçevesi. React veya Vue'dan farklı olarak, başvurunuzun tamamını JavaScript ile yazmanıza veya sentetik özellikler eklemenize zorlamaz.

    StimulusJS, zaten bildiğimiz düz bir HTML’de çalışıyor veri- Öznitellikler. Ayrıca karmaşık bir yapı yapılandırması gerektirmez. Yapabilirsin jQuery ile yaptığınız gibi betiği web sayfasına eklemeniz yeterli ve bu kadar - betiği yazmaya başla ve uygulamanı canlı hale getir.

    tropik dev balık

    bir fatura oluşturmak ve yönetmek için ücretsiz bir uygulama. Not ekleyebilir, para birimi belirleyebilir, indirim uygulayabilir, müşteri veya müşteri listesi ekleyebilirsiniz., logonuzu ekleyin, fatura şablonunu tasarlayın ve PDF formatında indirin. MacOS, Windows ve Linux için kullanılabilir. Serbest çalışan iseniz, serbest işinizi yürütmek için aradığınız fatura olabilir..

    Statik tepki

    Adından da anlaşılacağı gibi, bu size izin veren bir araçtır React kullanarak statik bir site oluşturmak. Önceden yapılandırılmış tüm araçlarla birlikte gelir, böylece web için içerik üretmeye başlayabilirsiniz. Ve statik bir site olarak, siteyi düşük kaynaklarla paylaşılan bir barındırmada bile barındırma.

    Piklist

    Piklist bir gelişmedir WordPress ki WordPress ile daha az kod içeren karmaşık bir web sitesi kurmanıza olanak tanır. Ayar sayfası gibi WordPress'teki hemen hemen her parçayı genişletmek için bir dizi yardımcı işlev ve Kanca ile birlikte gelir, özel alanlar, yönetici bildirimleri, kısa kod, widget'lar, taksonomiler, kullanıcılar, ve çok daha fazlası.

    Strapi

    bir içerik API oluşturmak için içerik agnositic CMS çerçevesi. Kendi içerik yapınızı ve API'nizi tasarlamanıza izin verir, ayrıca onları yönetmek için güzel bir Yönetici paneli sunar. Ancak, yerleşik şablonlama sistemi sağlamaz. O tercihinize göre herhangi bir ön uç kütüphanesini seçmenizi sağlar tepki veya vue gibi.

    ParcelJS

    ParcelJS bir paketleyici Webpack ve Browserify gibi, daha hızlı yanan ve sıfır konfigürasyon gerektirmesi dışında. O HTML, JS, CSS ve transformatörler için ortak geliştirme paketleyicisini destekler PostCSS ve Babel’in xbox’ı gibi. Böylece, yapılandırmaya zaman kaybetmek yerine kodunuza odaklanabilirsiniz..

    GoodShare

    Bir JavaScript kütüphanesi sosyal medya düğmesini birkaç sosyal medya için paylaşımla gösterme. Vkontakte, Odnoklassniki, SurfingBird gibi daha önce hiç duymadığınız, Skype, WhatsApp ve LINE gibi birkaç mesajlaşma platformu gibi pek çok sosyal medyayı destekliyor. GoodShare ayrıca bir Vue bileşeni olarak da kullanılabilir.

    CopyChar

    Yapmanıza izin veren bir web sitesi panoya özel karakterler bul ve kopyala. Harfler, Noktalama İşaretleri, Matematik, Oklar ve Emoji, sitede yer alan karakterlerden bazılarıdır. basitçe karakteri panonuza kopyalamak için bir karaktere tıklayın veya dokunun.

    nerv

    Sinir başka reaktif VirtualDOM kütüphanesi; ReactJS'e bir alternatif. Tanıdık sözdizimini JSX of React'i getiriyor, ancak çok az fark var. Sinir, Internet Explorer 8'i destekliyor! ve React boyutunun sadece üçte biri. yine, Sinir, en karmaşık olanları içeren React eklentileriyle uyumludur..

    HyperappJS

    Web uygulaması oluşturmak için incelemeye değer başka bir JavaScript kütüphanesi. O durum yönetimini bir Sanal DOM motoru ile birleştirir hiçbir bağımlılığı olmayan anahtarlı güncellemeleri ve yaşam döngüsü olaylarını destekleyen.

    VulcanJS

    Vulkan bir modern bir web uygulaması oluşturmak için araçlar yığını. Önceden belirlenmiş React, GraphQL ve Meteor ile birlikte gelir. Zengin bir yardımcı bileşen yelpazesi sunan tam istifleyici bir çerçeve olduğundan arka uca ve ön uca ince ayar, her şey sadece işe yaramaz. Böylece uygulamanızı hızla çalıştırabilir ve çalıştırabilirsiniz..

    Koa11y

    Web sitesinde erişilebilirlik sorunlarını incelemek için Windows, macOS ve Linux için bir masaüstü uygulaması. Koa11y, web sitenizin Erişilebilirlik standartlarını ihlal edip etmediğine dair bildirimler ve uyarılar sağlayacaktır..

    Bu, her web geliştiricisi araç kutusunda bir araç olmalıdır. Erişilebilirliğin ne kadar önemli olduğunu anlamak için sadece bir günlüğüne klavyenizi kullanarak web sitelerinde gezinmeyi deneyin..

    TablePlus

    Bir gerçekten veritabanı yönetmek için güzel görünümlü GUI uygulaması. TablePlus, (tabii ki) MySQL, SQLite, Redis, Postgres, MS SQL ve daha pek çoğunu içeren çok çeşitli veritabanı motorunu destekler. TablePlus macOS ve Windows için kullanılabilir.