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

CLI (Komut Satırı Arayüzü) ile yapabiliyoruz web geliştirme iş akışlarını kolaylaştırın ve otomatikleştirin. Bu nedenle, bu kurulumda yerel bilgisayarınıza yükleyebileceğiniz veya sunucuda bazı şeyler çalıştırabileceğiniz çok sayıda harika CLI ekledik. Bunun üzerine, biz de bir kaç tane ekledik PHP araçları, tarayıcı eklentileri ve JavaScript kütüphaneleri. Onları 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.

Guetzli

Google’dan yeni bir kodlayıcı görüntüyü% 35 oranına kadar sıkıştırmanıza olanak tanır kaliteyi koruyarak ilk boyuttan itibaren. Gibi benzer açık kaynak kodlayıcılar verilen oldukça bir atılım. JPEGOptim ve jpegtran, ortalama olarak yalnızca% 20 ile sınırlıdır. JPEG dosyalarını optimize etmek için Guetzli'yi entegre eden CMS platformu için birçok uygulama ve eklenti olacağını görebiliyorum..

Geliştirici Yol Haritası

Adından da anlaşılacağı gibi, Geliştirici Yol Haritası bir Bir Web Geliştirici olma yolculuğunun Infographic. Ön uç, Arka uç ve DevOps olmak üzere üç kurs vardır. Bu yol haritaları bir harita gibidir; ve görmek için harika bir referans şu anda nerede olduğumuzu, neyi kaçıracağımızı ve bir sonraki adımda nereye gideceğimizi.

Netlify CMS

SmashingMagazine kısa süre önce yaptı WordPress'i hendek açmak için kalın hareket ve tamamen Netlify CMS adlı yeni bir CMS ile yeni bir şey deneyin. Bu React.js üzerine inşa edilmiş yeni bir CMS ve olabilir Jekyll, Hugo ve MiddleMan gibi herhangi bir statik site üreticisi ile entegre.

BadSSL

Bu bir SSL yapılandırmanızı kontrol etmek için web sitesi. BadSSL, sitenize yüklenen SSL üzerinden hata ayıklama ve hata gerçekleştirmek için kullanışlı bir araçtır.

Alix

Alix bir Web sitenizin güvenilirliğini denetlemenizi sağlayan Chrome uzantısı. Kurulduktan ve etkinleştirildikten sonra, eklenti sayfadaki bir dizi öğenin üzerine bir kaplama kutusu ekler hangi uyarı veya hatalar.

AR.js

AR.js Diğerlerinden farklı olarak JavaScript kütüphaneleri. Bu kütüphane, Web teknolojisini kullanarak Artırılmış Gerçeklik oluşturmamızı ve cep telefonlarında şaşırtıcı derecede hızlı çalışıyor.

Tepki Trend

Bu bir Eğilimleri göstermek için tipik olarak güzel bir çizgi grafik oluşturmak için Unsplash’tan gelen bileşeni tepki. Bileşen yapılandırılabilir; çizgi kalınlığını, rengini, degradelerini ve eğri düzgünlüğünü ayarlayabilirsiniz. GUI’yi sadece bileşen kodunu uygun bir şekilde oluşturma.

Gitee

bir Github etkinliğinizi doğrudan masaüstünüzden izlemek için macOS uygulaması, Gitee durum çubuğuna yıldız, takipçi ve bildirim sayısını gösteren yeni bir öğe ekler. Ek olarak, ayrıca itme ve taahhüt işlemlerini grafik olarak görüntüleyebilme Geçerli ay ve haftada. Özetle Masaüstünde Github.

Goops

Goops bir proje dizini analiz edecek kullanışlı CLI eklemek istediğiniz dizinleri ve dosyaları belirleyin. .gitignore. CLI, NPM aracılığıyla kurulabilir. Kurulduktan sonra, yazın goops ve bitti.

CSS’de hata ayıkla

DebugCSS bir Tarayıcıdaki CSS çıktınızı analiz etmenizi ve doğrulamanızı sağlayan CSS açılır yardımcı programı. DebugCSS stil sayfasını yüklediğinizde veya yer imi kullandığınızda, Alix'e oldukça benzer şekilde çalışır. Sayfadaki hataları veya uyarıları artıran unsurları vurgular.

EagleJS

EagleJS bir Sunum oluşturmak için JavaScript kitaplığı RevealJS'e benzer. EagleJS bazı yönlerden farklıdır; Bir JavaScript MVC çerçevesi olan Vue.js kullanılarak oluşturulmuştur ve Pug kullanılır. slayt oluşturmak için şablonlama sistemi olarak.

BootstrapTour

bir Bootstrap bileşeni kullanarak açılır pencere kılavuzları oluşturmak için JavaScript kitaplığı. Pop-up kılavuzları genellikle yeni kullanıcının uygulama arayüzü, yeni özellikler ve ipuçlarını göstermek için gezinmesi için görünür.. Siteniz Bootstrap ile de oluşturulmuşsa mükemmel bir kütüphanedir..

Tuğla

Tuğla web uygulaması kullanıcı arabirimi oluşturmak için tasarlanmış bir JavaScript kitaplığı. Birlikte verilen bileşenlerin arasında Takvim, Menü ve Form gibi bazı sık kullanılanları bulabilirsiniz. "Depolama-IndexedDB" size izin verecek bileşen IndexedDB kullanarak istemci tarafında veri depolamak.

OctoTree

OctoTree, IDE'lerde veya kod editörlerinde olduğu gibi, Ağaç yapılı Github'daki kaynak kodlarına ve dosyalara göz atmanızı sağlayan güzel bir yardımcı programdır. Chrome, Safari, Firefox ve Opera için bir eklenti olarak gelir ve resmi eklenti havuzunda bulunur. Octotree, Özel ve Kurumsal Github deposunu destekler.

Github Bildirimi

Chrome için başka bir yararlı Github uzantısı. Yüklendikten sonra, şu anda Github sayfalarında olmasanız bile bildirim alabileceksiniz. Depolarınızla döngüde kalmak istiyorsanız harika bir eklenti.

Harekatçısının

Dağıtıcı, PHP sitelerinizi dağıtmak için bir araçtır. WordPress, Drupal, Magento, Laravel ve CodeIgniter gibi birçok popüler çerçeve ve platformla çalışır. Bu araçla, dağıtım sırasında çalıştırılacak bir komut parçası olan kendi tariflerinizi oluşturabilirsiniz. İle geliyor Geri Alma arıza durumunda önceki sürüme dönmenizi sağlayan özellik.

PHPStan

Çalışma zamanı çalıştırmadan hataları bulmak için PHP dosyalarını taramak için bir CLI. Bu, projenizdeki PHP dosyalarında hata ayıklamak için tam yığın bir PHP ortamına ihtiyacınız olmadığı anlamına gelir.

NGINX Kazan

Arka Uç Önbelleğe Alma, bağlantı ve istek oranı sınırı ve sitenizi hızlandırma amacıyla hızlandırmak ve trafik akışını ayarlamak için diğer bazı en iyi uygulamaları içeren ortak Nginx yapılandırmaları koleksiyonu.

kabarcıklı

Bubbly, Let's Encrypt ile sertifika oluşturmak, yönetmek ve yenilemek için sunucunuza yükleyebileceğiniz harika bir komut satırıdır. Doplying SSL şimdi çok kolaylaşıyor.

Gofret Izgarası

Yine de, Flexbox ile oluşturulmuş bir başka CSS ızgara çerçevesi, dikkat etmeniz gerektiğini düşünüyorum.