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

Başka herhangi bir sektörden farklı olarak, web geliştirme, sıçrama ve sınırlamalarla değişiyor. Neredeyse her gün yiyecek ve içecek sağlamak için geliştirilen yeni araçlar, yöntemler ve çerçeveler var. yeni trendler ve teknolojik gelişme web endüstrisinde.

Yani burada kolayca gerçekleştirmek için bir PHP çerçevesi dahil olmak üzere en son araç ve kaynakların bir listesi PHP uygulamanız için E2E testi, W3C Erişilebilirlik standartlarına uygun renkler üretmek için bir araç ve bir avuç Vue.js eklentisi. Listenin tamamını görmek için içeri girelim..

Anahtar Kareler App

Web tabanlı bir uygulama CSS animasyonu oluşturmak için güzel bir GUI sağlamak ve animasyonu bir zaman çizelgesiyle görselleştirin. Bu uygulama aynı zamanda memnun kaldığınızda CSS çıkışını indirmenize izin verir. CSS anahtar kareleri CSS'deki en kolay özellik değildir, bu nedenle böyle bir uygulamaya sahip olmak kesinlikle zaman kazandıracak.

Symfony Panter

“Symfony Panter” Symfony'den E2E (Uçtan Uca) testi yapmak için inanılmaz bir PHP çerçevesidir. Onunla geliyor dahili web sunucusu E2E testini gerçekleştirmek için bilgisayarınıza yüklenen Chrome’dan yararlanabilirsiniz..

Ayrıca, destekler JavaScript uygulamaları, ekran görüntüsü yakalama, özel Selenium sürücüsü, Chrome ve Firefox istemcisi. Bağımsız bir çerçeve olarak, Panter'ı, örneğin, WordPress, Joomla, vb. Gibi herhangi bir PHP projesine dahil edebilirsiniz..

TrendyPalettes

Güzel renk paletleri topluluğu. Koleksiyon binlerce sunar elle seçilmiş renk paletleri. Kullanıcılar yeni bir renk paleti gönderebilir, bu nedenle her zaman her gün eklenen yeni paletler vardır. TrendyPalettes, Chrome uzantısı olarak da kullanılabilir.

Eagle.js

Eagle.js, Vue.js üzerine inşa edilmiş slaytları oluşturmak için bir çerçevedir, böylece slaytlardaki özel Vue.js bileşenlerini kolayca yeniden kullanabilirsiniz. Slayt ayrıca destekler klavye ve fare gezintisi, özel stil veya tema, etkileşimli widget'lar ve slaydın hızla kurulmasına ve sunulmasına yardımcı olmak için bir kazan plakası sunar. Harika olabilir Reveal.js yerine, özellikle Vue.js ile zaten aşina iseniz.

Grape.js

GrapeJS, web sayfalarını kolayca oluşturabilmenizi sağlayan açık kaynaklı bir web kurucusudur. bileşenleri sürükleyip bırakmak. Metin, Resim, Vidoe, Sütunlar, Harita, Alıntı vb. Gibi bazı ortak bileşenler sunar. HTML ve CSS'ye dışa aktarabilirsiniz ve çıktı daha önce denediğim benzer araçların aksine inanılmaz derecede temizdir. Demoyu inceleyin.

yavan

Vapid, ilginç ve benzersiz bir yaklaşımla Node.js ile oluşturulmuş yeni bir CMS'dir. Yeni bir veri türü eklemek istediğinizi varsayarsak, çoğu CMS'nin önce Gösterge Tablosu / Yönetici alanındaki özel girişi tanımlaması gerekir..

Vapid ile şablonu tanımlayabileceğinizin tam tersidir ve Vapid, Gösterge Tablosu / Yönetici alanında girişi otomatik olarak oluşturur. NPM paketi olarak kullanılabilir.

WP CLI Bildirimi

Adı her şeyi söylüyor. WP-CLI yürütme işlemi tamamlandığında işletim sistemi bildirimlerini görüntülemek için özel bir WP-CLI paketidir. Oldukça süslü.

CSSGr.id

CSS Izgarası oluşturmak için web tabanlı bir uygulama. Öğe sayısını, sütunları, her bir öğe arasındaki boşluğu ve her bir öğe aralığını yapılandırabilir ve ardından HTML ve CSS kodunu oluşturabilirsiniz. CSS Izgarası, anlaşılması kolay olmayan CSS özelliklerinden biridir. Ancak bu araç onunla başa çıkmak için çok daha kolay hale getirir.

Kaydırma İpucu

ScrollHint, web sayfanızdaki bir bölümün kaydırılabilir olduğunu göstermek için yukarıdan bir öğe oluşturmanıza izin veren bir JavaScript kütüphanesidir. Bu, web sitenizde yatay bir kaydırma öğeniz varsa, çoğu insan web'i tüketirken doğal olarak soldan sağa (veya tersi) kaydırma yapmadığından özellikle yararlıdır..

PristineJS

Bir girişe doğrulama eklemek için bir JavaScript kitaplığı. HTML5 zaten bazı tür doğrulamalarla geliyor “type = eposta”, ve “tip = sayı” Örneğin. Ama ihtiyacın olursa HTML5'te uygulanmayan özel doğrulama, Bu JavaScript kütüphanesi kullanışlı olacak.

SelectionJS

Çoğu kişi muhtemelen bilgisayarlarında birden fazla klasör veya dosyayı nasıl seçeceğine zaten aşinadır; genellikle fare tıklatmaları olur ve seçmek istedikleri dosya veya klasörlerin etrafında sürüklenirler. Aynı UX'i web sitenize uygulamak istiyorsanız, SelectionJS kullanışlı olacak.

Webdash

Webdash yapabilen bir araçtır Projenizi GUI arayüzüne gösterin. Aracılığıyla bağlanır package.json bilgisayarınızdaki dosyayı. Böylece listesini görüntüleyebilir NPM paketleri, paketi güncelleyin, kayıtlı komut dosyaları, komut dosyasını çalıştırın, ve README dosyalarının doğrudan Web Veriden önizlenmesi. Oldukça müthiş!

CanJS

Web arayüzü oluşturmak için bir JavaScript çerçevesi. Bazı ek özelliklere sahip React.js'ye benzer ve yönlendirici, DOM Utilities ve AJAX kutudan çıkar çıkmaz. Aynı zamanda oldukça aktif bir topluluk desteği vardır bazı uzantıları sağlar.

CheerioJS

DOM için jQuery Core teknik özelliğini uygulayan ve sunucu tarafında kullanılmak üzere tasarlanmış bir JavaScript kitaplığı. Eğer öyleysen Node.js ile çalışırken jQuery sözdiziminin tadını çıkarın sevmek addClass (), ) (Attr, ve ) (Bulmak, bu aradığınız JavaScript.

Renk kutusu

Colorbox, Renk Erişilebilirliği standardına uygun bir renk kompozisyonu üretmek için Lyft girişimidir. Araç, basitçe yapmanızı sağlayan akıllı bir algoritma ile güçlendirilmiştir. düğmenin etrafında hareket etmek, yapılandırmayı değiştirmek, ve sizin için uygun renkleri üretecektir. Bu sadece harika.

PHP 7.4'te Yazılan Özellikler

PHP7.3 önceki bölümlerde belirttiğimiz gibi hemen köşede. Ancak PHP7.4 zaten Planda. Planlardan biri de Typed Property. Bu, yakında yapabileceğin anlamına geliyor gibi bir şey yaz public int $ id; PHP sınıfında. PHP uygulama hatalarınızı azaltmanıza yardımcı olacak büyük bir değişiklik.

şablon

En yeni standartta Web Bileşenleri oluşturmayı kolaylaştıran bir JavaScript derleyicisi. Bunun da ötesinde, StencilJS ayrıca, karışıma bazı modern web geliştirme yaklaşımları da ekliyor. JSX desteği, reaktivite, yönlendirici ve Durum Yönetimi bir eklenti kullanmak.

Vue Sonsuz Yükleme

Sonsuz kaydırma sayfası oluşturmak için bir Vue uzantısı. Mobil dostu ve herhangi bir kaydırılabilir elemanla uyumlu. Aynı zamanda iki kaydırma yönünü destekler ve hepsinden iyisi, çok zaman kazandırır.

V Pano

Bunu yapan özel bir Vue.js uzantısı oluşturmak kolay “kopya” buton. Sadece ekleyebilirsiniz v-pano bir düğmeye atfedilen özellik ve hepiniz hazırsınız. Bu Vue.js uzantısı, her modern tarayıcı için, IE11 ve en yeni sürümlerde çalışır..

Vue Seç

Select2 ile benzer işlevler sağlayan bir Vue.js bileşeni. Olmasına izin veren Vue.js için tasarlanmıştır Vuex ile uyumlu, Özel Temprating, ve bir sürü başka Vue.js iyiliği.