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

Bu seri tanık olduğumuz çok uzun bir yol kat etti web geliştirme araçları gel ve git; bir kez parlarlar, birkaç ay sonra diğer en son aletlerle eski hale gelirler. Bununla birlikte, geliştiricilerimizin bu ay araştırabileceklerini keşfetme konusunda listede yeni araçlar var. JavaScript kitaplıkları, duyarlı UI tasarımı için bir Sketch eklentisi, ve birkaç CSS çerçevesi.

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.

yazdım

Bir JavaScript sunmanıza olanak sağlayan kütüphane yazarak bir metin listesinin etkileri; Son zamanlarda internette görmüş olabileceğiniz bir etki. Bu JavaScript kütüphanesi efekti özelleştirmek için bir avuç seçenekle uygulanması kolaydır. Bu kütüphaneyi NPM aracılığıyla kurabilir ya da CDN aracılığıyla yükleyebilirsiniz. https://unpkg.com/[email protected].

Opera Neon

Opera, sekme tabanlı tarayıcıyı ilk tanıtanlardı ve o zamandan beri Sekmeler ve Hızlı Arama adı verilen tarayıcılar. Opera yakın zamanda Opera Neon adlı yeni girişimini yayınladı. Sözde gibi taze arayüzü ile yeni bir tarayıcı çok amaçlı adres çubuğu, bölünmüş ekran modu ve güzel duvar kağıdı seçimleri. Peki, Opera Neon tarayıcı alanını bir kez daha değiştirebilir mi? Bunu görmemiz gerekecek.

At.js

At.js size izin veren bir JavaScript kütüphanesidir. surat ekle, arkadaşlarından bahset veya etiketleme; Slack, Twitter ve Facebook'ta gördüğümüz gibi bir şey. Bu eklenti buna izin veren jQuery'yi gerektirir. Internet Explorer 7'de çalışın ve belki de İnternet 6'yı da keşfedin. Fantastik!

Serbest bırakmak

Yayın yapar Github'da bir yazılımın yeni bir sürümünün oluşturulması daha verimli. Yeni bir sürüm genellikle bir changelog ile birlikte gelir ve bu modül değiştirmeyi doldurmanıza olanak tanır Git taahhüt mesajlarından otomatik olarak türetilir.

Daha güzel

Bir JavaScript beautifier JavaScript kodumuzun tutarlı bir şekilde biçimlendirilmesini sağlamak. ES2017 ve JSX'i destekler.

Ayu

Ayu Taze ve modern bir çekiciliği ile yüce Metin teması. 2 ton koyu ve açık renkte geliyor. Ayu, Endonezya'da güzel demek, tabiri caizse; o Sublime Text UI'yi daha güzel kılar.

JSON Splora

bir JSON verilerini düzenlemek ve görselleştirmek için hafif bir uygulama. Windows, Linux ve MacOS ile uyumlu uygulama.

zoom yapma

Görüntüyü zarafetle yakınlaştırmak için bir JavaScript. Mobil cihazlar için optimize edilmiş, hi-def ekranda iyi çalışıyor ve kolayca özelleştirilebilir.

Ramme

Ramme bir Instagram masaüstü istemcisi. Resmi olmayan olsa da, belki bir kaç kaynak kodundan yeni şeyler.

Kullanıcı adını değiştir

Bir kez etkinleştirilen bir WordPress eklentisi, bir ekler “değişiklik” bağlantı kullanıcı adı girişinin yanında ve kullanıcı adını değiştirmenize olanak sağlar.

NodeifyWP

NodeifyWP oldukça benzersiz bir WordPress eklentisidir. WordPress'i her zamanki gibi kullanmanıza izin verir Node.js modülü kullanarak içerik çıktılamak. Bu eklentiyi henüz hiçbir projede denemedim. Ancak WordCamp Denpasar 2016'da gördüğüm sunum, Bu eklenti WordPress geliştirmeyi modernleştirmek için çok umut verici görünüyor.

ColorMe

ColorMe, daha önce gördüğüm diğer renk üreteci uygulamalarına benzemiyor. Renk kodları oluşturmanın yanı sıra, uygulama aynı zamanda renk parlaklığını, gölgeyi, tonu, doygunluğu, kontrastı, vb. ayarlama üzerinde kontrol.

WP-CLI Paketleri

bir WP-CLI uzantılarının toplanması Bu, bir gibi ek görevler gerçekleştirmek için fazladan komut satırı ve parametre ekler. WordPress'i uzak sunucuya dağıtmak, WordPress sitesini geçirmek, önbellekleri temizlemek, ve çok daha fazlası.

Sayfa Oluşturucuyu Terzi

Yapmanıza izin veren bir WordPress eklentisi sürükle bırak arayüzüyle doğrusal olmayan içerik oluşturma. Eklenti, benzersiz bir içerik türü eklemek için yeni bir bileşen için genişletilebilir. Bu içeriği de yönetmek için WP-API sağlar. Terzi Sayfa Oluşturucu, bu kategorideki en iyi eklentidir..

XVG

XVG bir Chrome eklentisidir. SVG grafik anahatlarını ve çapalarını görüntüler SVG nesnelerini kolayca hata ayıklamanıza yardımcı olabilir.

RibbonJS

RibbonJS size sağlayan bir JavaScript kütüphanesidir Web sitenizde dekoratif şeritler oluşturun, Aşağıdaki ekran görüntüsünü görebileceğiniz gibi. Bu sadece 1kb boyutunda ve özelleştirmek kolay.

Otomatik Düzen

Otomatik Düzen bir UI tasarımınızı test etmek için bir dizi hazır ekran boyutu sağlayan taslak eklentisi. Böylece tasarımın iPhone 5, iPhone 6, vb'de görüntülenip görüntülenmeyeceğini eşit derecede iyi görünmesini sağlayabilirsiniz. Ön ayarda mevcut olmadığında özel boyutları tanımlayın. Eklentinin bu videoda nasıl kullanıldığını görün.

Funcssions

Funcssion bir CSS sınıfları topluluğu Saf Fonksiyon ilkesini izler. Her CSS sınıfı, tek bir stil oluşturma amacı tanımlar. Bu CSS Çerçevesi şu anda gelecekte tanıtmak için daha fazla özellik ile devam eden bir çalışmadır duyarlı Izgara, Düğmeler, vb.

Webslides

Hafif ve Sunum slaytları oluşturmak için kullanımı kolay bir çerçeve sadece HTML ve CSS kullanarak. Web slaytları şu anda yapabileceğiniz birkaç güzel slayt şablonu sunar slayt sunumunuza hemen başlayın.

Esnek Web Tasarımı

Esnek Web Tasarım çevrimiçi bir kitaptır. Bu kitap, teknik bir şey değil, bunun yerine Web'i şekillendiren tarihler, ilkeler ve icatlar Bugünün dünyasında bildiğimiz gibi. Hafta sonu için harika bir okuma olduğunu düşünüyorum..