Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Ağustos 2016)

Bu yazıda, bir liste çerçeveleri ve araçlar web geliştirmeye yöneliktir. İlginçtir ki, Microsoft ve Alibaba gibi behemoth şirketlerden gelen bu araç ve çerçevelerden birkaçını buldum..

Bu, iyi bir işaret, çünkü daha fazla şirket şimdi açık kaynağa katkıda bulunuyor ve Web'i daha iyi şekillendirmeye yardımcı oluyor. Bu ayın derlemesi için depoda neler olduğuna bir bakalım.

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.

CuteStrap

Sass üzerine inşa edilmiş bir UI çerçevesi. Birçok durumda yeterli olması gereken form, gezinme ve buton gibi en yaygın web arayüzleriyle birlikte gelir. Önyükleme ve Temel ezici gibi popüler çerçeveleri bulursanız, Cutestrap senin için harika bir alternatif olabilir.

HTML5 Testi

HTML5 Testi Bir tarayıcının en son HTML5 özelliklerini ne kadar desteklediğini test edecek çevrimiçi bir araçtır. Modern web uygulamalarında hata ayıklamak ve test etmek isteyenler için kullanışlı bir araçtır.

Tarayıcı Kalorileri

Tarayıcı Kalorileri bir web sayfasının ağırlığını ölçen bir Chrome uzantısıdır. Yüklenen dosyaları ve bunların toplam ağırlığa katkısını tarar. Web sitenizin performansını optimize etmenize yardımcı olacak harika bir araç.

weex

weex Alibaba, sadece HTML, CSS ve JavaScript ile mobil uygulamalar geliştirmek için bir çerçevedir. Mobil ortama yönelik ve geliştirmeyi hızlandıran Modüller, UI bileşenleri, kendi DevTools ve CLI ile birlikte geliyor.

Microsoft Web Çerçevesi (MWF)

Microsoft’tan bir çerçeve, UI bileşenleri MWF Microsoft Modern tasarım diline dayanarak oluşturulmuştur: düz, temiz ve minimalist. Bu çerçeve, UI bileşenlerinin yanı sıra, Renklerin, Tipografinin ve Animasyonun kullanımına da yön verir. Bence Material Design Lite sonunda eşit bir rakiple karşılaştı.

Hayati

Hayati çok hoş bir minimal arayüze sahip bir çerçevedir. Hafif, JavaScript içermeyen ve yerel Rogue - Ruby'ye dayanan bir sözdizimi ışığı.

Fontea

Fontea Yüzlerce Google Fonts'u kolayca yöneten ve uygulayan ücretsiz bir Photoshop eklentisidir. Yazı tipini Photoshop içinden arayabilir, önizleyebilir ve yazı tipini doğrudan tasarımınıza uygulayabilirsiniz - iş akışınızı kolaylaştırır.

ahmak ıslatan

Bu, web siteniz için UI desenleri veya stil kılavuzu oluşturmanızı sağlayan bir araçtır. Kod snippet'inin yanı sıra, bileşenler için renkler, temel stiller veya düzen gibi şeyler üretecektir. Gibi bir stil kılavuzu jeneratör ahmak ıslatan web sitesi stillerinizle tutarlı kalmanıza izin verecek.

INTERCOOLER

InterCoolerJS web sitenize AJAX uygulamasının HTML niteliklerini eklemek kadar kolay hale getiren bir JavaScript kütüphanesidir. Bu, aracı kullanmaya başlamanıza yardımcı olacak geniş bir kılavuz ve birçok örnekle birlikte gelir..

Picla

Picla Resimden alınan resim etiketlerini göstermek için bir jQuery eklentisidir. alt bağlıyor. Etikete özel stil ve hareket eklemenizi sağlayan birkaç seçenek sunar. Picla, Bower ile web sitenize bağımlılık olarak yüklenebilir.

IziModal

İşte göstermek için bir jQuery eklentisi kip açılır pencereler. IziModal kişiselleştirme için birçok seçenek var. Örneğin, animasyonu, metin içeriğini, renkleri özelleştirebilirsiniz. Hafif, duyarlı ve retinaya hazır.

MegaBoilerplate

MegaBoilerplate hızlı bir şekilde bir geliştirme yığını ayarlamak için bir jeneratör. Web sitesine gidin ve web sitesi tabanınız olarak hangi araçları ve kütüphaneleri (Node.js, HTML5, Vanilla JavaScript ve Electron) kullanacağınızı seçin. Fermuarlı bir pakette ihtiyacınız olan her şeyi indirmeye hazır olarak derler ve yapılandırır.

gaf

Web Ses API'sini kullanarak modern müzik çaları görüntülemek için bir JavaScript kitaplığı, gaf IE9 kadar eski tarayıcılarda çalışır ve MP3, WEBM, WAV gibi birçok ses kod çözücüsünü destekler. Birçok özellik, modüler ve harici kütüphanesi olmayan işler.

SuperEmbed

SuperEmbed Orijinal oranı korurken gömülü nesneleri duyarlı hale getiren küçük bir JavaScript kitaplığıdır. Youtube, Flickr, Vine, VideoPress ve DailyMotion gibi çok çeşitli kaynakları destekler. Demoya bak.

CleaveJS

yarmak Girdideki değerleri otomatik olarak biçimlendiren JavaScript kitaplığıdır. Örneğin, bin ayırıcıyı para birimi girişine ekleyebilir, Kredi Kartı numarası girişine boşluk ekleyebilir veya / tarih girişi. Daha iyi bir kullanıcı deneyimi sunmak için bu kütüphaneyi kullanın.

Tipik saygısız

FlippingTypical sisteminizde yüklü olan tüm yazı tiplerini görüntülemenizi sağlar. Bu uygulamayı kullanmaktan daha uygun buluyorum FontBook macOS'ta uygulama. Rasgele metinler yazarım ve sistemimdeki yazı tiplerinden hangisinin en iyi olduğunu gördüm.

LightTable

Sanırım keşfetmeye değer yeni bir IDE. Matt Mullenweg (WordPress kurucusu) tarafından desteklenen KickStarter projesi olarak başladı ve nihayet açık kaynak oldu. Bu IDE'nin ne kadar havalı olduğu hakkında bir fikir edinmek için bu videoyu izleyebilirsiniz..

Kompresör

Kompresör görüntü dosyalarını görsel kaliteyi kaybetmeden en küçük boyuta kadar sıkıştıran bir web uygulamasıdır. JPG, GIF, PNG ve SVG'yi de destekler. Bu uygulama ücretsiz.

Microsoft Site Taraması

Bu, web sitenizi tarayıcı uyumluluğu ve erişilebilirlik gibi konularda analiz etmek için Microsoft'tan kullanışlı bir araçtır. Araç, web sitenizle ilgili herhangi bir şeyin doğru olmadığını ve konuyu nasıl giderebileceğinize dair bir raporu size listeler. Bir şans ver!

Bloglamayı Devre Dışı Bırak

Bu eklenti, adından da anlaşılacağı gibi, Yazılar, Yorumlar ve Yayınlar gibi bloglama özelliklerini kaldıracak. WordPress’te blog oluşturma özelliğine ihtiyacınız yoksa, sizin için doğru eklentidir..