Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Aralık 2015)

Web Geliştirme sahnesi bu yıl ışık hızında ilerliyor. CSS3 iyi kabul edilmiştir ve daha az bağımlıyız polyfill En son tarayıcılar en son web standardını desteklemekte gerçekten iyi olduklarından. Microsoft Edge tanıtıldı, Google Web için iki açık kaynak yayınladı: Material Design Lite ve Polymer 2.0.

Öyleyse yılı, web geliştiricileri için birkaç kullanışlı araçla tamamlayalım. JQuery ile daha verimli çalışacak araçların yanı sıra bir kaç JavaScript kütüphanemiz var. Daha fazlasını bulmak için, web geliştiricileri serisinin tüm kaynaklarını inceleyin.

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.

Notie.js

Notie.js daha güzel bir JavaScript uyarısı, bildirim ve iletişim kutusudur. Kullanmak yerine Alarm() donuk ve hafif görünen fonksiyon şok edici Uyarı kutusu ile değiştirebilirsiniz notie () Stil uyumlu bir uyarı göstermek için kütüphaneden Uyarı stilini Notie.js ile kolayca sitenizin genel tasarımı ile eşleştirin.

Github Köşesi

Sadece son zamanlarda anladım ki, genellikle açık kaynaklı bir projenin ana sayfasında gördüğümüz Github köşesi zaten 7 yaşında. Yüz gerdirme zamanı. Github Köşesi Github kurdele için daha modern ve taze bir görünüm için bir girişimdir. Yüksek çözünürlüklü ekranlarda keskin kalmasını sağlayan bitmap grafiği yerine SVG kullanır.

Tatlı (Gevşek) Temalar

Slack, küçük işletmelerdeki, girişimlerdeki ve geliştiricilerdeki en popüler sohbet uygulaması haline geldi. Skype ve Google Hangouts gibi diğer uygulamalarla karşılaştırıldığında Slack, teması dahil olmak üzere çeşitli şekillerde özelleştirilebilir - uygulama arayüzünün görünümü ve nüansı. Yüklemeye hazır Slack temaları koleksiyonu .

jQuery Config

jQuery modülerdir, yani istenmeyen modülleri çıkarabiliriz, böylece boyut daha hafiftir. JQuery'deki Gereksiz Modüllerin Nasıl Kaldırılacağı konusundaki önceki dersimiz, Homebrew, NPM ile nasıl yapıldığını gösterir, ancak Terminal üzerinden yapılır. Bu şekilde kullanmak istemiyorsanız, kullanmaya başvurabilirsiniz. jQuery Config. Sadece tıklama ile aynı şeyi yapar.

SummerNote

SummerNote WYSIWYG editörü oluşturmak için bir JavaScript kütüphanesidir. SummerNote, önde gelen açık kaynak kodlu projelerin üstünde geliştirildi: jQuery, Bootstrap ve Font Awesome. SummerNote'u dağıtmak, herhangi bir JQuery kütüphanesini dağıtmak kadar kolaydır ve TinyMCE için mükemmel bir alternatif kütüphanesidir, özellikle web'inizin temelini Bootstrap kullanıyorsa.

BackstopJS

BackstopJS, sıkıcı bir süreç olan web sitesi yanıtını test etmek için harika bir araçtır. Özet olarak, bu kütüphane, bir siteyi birden fazla ekran boyutunda test etme işlemini otomasyonla daha da sorunsuz hale getirir. Araç, web sitesinin ekran görüntülerini yakalar ve belirtilen parametrelere ve ekran boyutlarına göre testi hangi sayfanın geçip geçeceğini açıklar. Duyarlı web sitesi dağıtmak için Birim Test aracı gibi.

SuitCSS

SuitCSS Özel Mülkiyet ve Özel Medya Sorgusu gibi CSS'nin gelecekteki sözdizimini destekleyen CSS Ön İşlemciden, BEM yöntemini hizalamak, boyutlandırmak ve konumlandırmak ve bir çok CSS modülünü temel alan yardımcı program sınıflarından oluşan bir kazandır. sağlam bir web sitesi geliştirmeye başlamak için.

bağlamak

bağlamak TheGrid tarafından geliştirilen bir düzen algoritması olan GridStyleSheet kullanarak web arayüzleri ve düzenleri oluşturmanıza izin veren yerel bir OS X uygulamasıdır. GSS, web sitelerini etkili bir şekilde düzenlemenizi sağlar. Örneğin, CSS'ye aykırı olarak, GSS, eleman kaplarının tek bir kod satırı ile dikey olarak hizalanmasına izin verir..

AntiModerate

AntiModerate resimleri daha akıllıca yükleyen bir JavaScript kütüphanesidir. Bu kitaplık ile, yavaş İnternet bağlantıları altında bile, daha büyük görüntü hala arka planda yüklenirken, daha küçük boyutlu bir görüntü yükleyebilirsiniz. Tamamen yüklendikten sonra, daha büyük görüntü orta sahneyi alır. Bu teknik web sayfalarınız için daha hızlı bir yükleme hızı oluşturabilir.

Bilmeniz Gereken jQuery İpuçları

Harika bir başlık ve daha da serin içerik, bu bilmemiz gereken jQuery ipuçlarının bir koleksiyonudur (bunların yarısı çok daha önce bilseydim keşke). Tamamen göz atmaya değer.