Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Nisan 2015)
Dostluk hatırlatıcınız April Fool Günü bu yıl nasıl? Eh, şaka yapamayan hepimiz için, işte web tasarımcıları ve geliştiricileri için en yeni kaynak listesi.
Nisan ayında üretkenliği artırmak için çok sayıda harika uygulamamız, büyük veri uzmanlarıyla kullanıcı deneyimini geliştiren bir kütüphane, size hava durumu widget'ları veren bir Photoshop uzantısı ve web fontunu önbelleğe alan kullanışlı bir web aracı var..
CSS Cetveli
CSS'de bir dizi birim ölçüm vardır; bazıları sabit, bazıları ise göreceli em
, rem
ve ch
. CSS Cetveli Birim ölçeğini görsel olarak birbiriyle karşılaştırabileceğiniz bir araçtır.
ResponsiveJP
ResponsiveJP Latin kökenli bir tipografik içerik söz konusu olduğunda, yanıt vermeyi daha fazla zorlayan web tasarımcıları için referans olarak, Japonya'dan gelen birkaç yanıt veren web sitesine sahiptir. Bakış açınızı genişletmenize ve doğu web tasarım trendlerine bir bakış atmanıza yardımcı olur..
Google Yazı Tipleri Alternatif
Google’da Google Google’ın dahil olduğu pek çok Google hizmeti engellendi - Google Font’un Çin'de düzgün bir şekilde görüntülenmeyeceği neredeyse kesin. Çin anakarasında Google Font koleksiyonu sunmak isterseniz, font stil sayfasını alternatif bir kaynağa yönlendirin. Useso, Örneğin:
// Google Yazı Tipi stil sayfaları. // Alternatif bağlantı
İyi şanslar ve godspeed!
Muir Simgeler
Muir Simgeler OS X Yosemite ile eşleşecek şekilde tasarlanmış simgeler koleksiyonudur. Orijinal Yosemite’i korumaya yardım eden bir doğa bilimci ve aktivist olan John Muir’in adını almıştır, evet, ABD’deki o milli park bu yazının yapıldığı sırada, bu 3 cilt setini yayınladı. Her biri, Adobe Creative Suites, Twitter, Sketch, Skype ve SublimeText gibi popüler uygulama simgelerinden oluşur..
- Muir Cilt I
- Muir Cilt II
- Muir Cilt III
CouleursApp
CouleursApp, ekranınızın herhangi bir yerinde renk almanıza olanak tanıyan küçük bir uygulamadır. Yerleşik Mac renk seçici uygulamasını geliştirir. Hex ve Swift'in UIColor dahil birçok renk formatını destekliyor.
Uyumluluk: OS X 10.10 veya üzeri
Hava
Hava Photoshop eklentisi Photoshop çalışma alanınıza hava widget'ları ekler. Masanızdan ayrılma ve güzel havanın tadını çıkarmak için dışarı çıkma zamanı olup olmadığına karar vermenize yardımcı olacak kullanışlı bir araçtır.
Uyumluluk: Photoshop CC
Awesomplete
Awesomplate HTML5'i taklit eden bir JavaScript kütüphanesidir öğesi. Kullanıcı türleriniz olarak görünecek olan bir giriş öğesinin içine bir öneriler listesi ekleyebilirsiniz. Özellikle büyük bir veri uzmanıyla iş yaparken, kullanıcı deneyimini geliştirmek için pratik bir yaklaşım..
Uyumluluk: IE9 +, Chrome, Firefox, Safari 5+, Mobil Safari.
Noizio
Noizio rüzgar, okyanus ve fırtına sesleri: doğal sesler koleksiyonu ile bir uygulama. Basınçlı bir çalışma ortamının koşuşturmasından ayrılmanıza izin veren sakin bir ortam sağlayarak işinize daha iyi odaklanmanıza yardımcı olabilir. En azından benim için yaptı.
Uyumluluk: OS X 10.8 veya üzeri
Hocus Focus
Odaklanmayı zor bulanlar için bu. HocusFocus, OS X masaüstünüzdeki pencereleri ve çalışma alanlarını belli bir süre boyunca akıllıca gizleyen, yalnızca en çok kullandığınız pencereleri bırakan bir uygulamadır. Sizi daha verimli hale getirir, masaüstünüzdeki karmaşayı temizler ve işinize odaklanmanıza yardımcı olur.
Uyumluluk: OS X 10.10 veya üzeri
PixelCounter
PixelCounter, resimlerinizdeki pikselleri sayar. Projenizin bir görüntüsünü veya dizinin tamamını uygulamaya sürükleyip bırakmanız yeterlidir; JPEG, PNG, WebP, GIF ve hatta SVG resimlerinizdeki tüm pikselleri sayar ve ekler. Şimdi, yalnızca müşterileri piksellerden ücretlendirdiğimiz bir eğilim başlatabilirsek… hmm.
Uyumluluk: OSX 10.8 veya üzeri, Windows 7 veya üzeri ve Linux (Yakında)
UI Blurbs
UIBlurbs kurgusal bir kullanıcı profili oluşturur ve bir tasarım prototipi oluşturmak için UIFaces ve UINames ile birlikte kullanmak için mükemmel bir web uygulamasıdır.
localFont
localFont web font performansını artıran bir web uygulamasıdır. Bir yazı tipini sürükleyip bırakırken (.woff
, veya .ttf
), yazı tipini kodlayacak ve CSS'ye yerleştirecektir. Ayrıca, kullanıcının localStorage öğesinde fontu önbelleğe alacak birkaç JavaScript satırı oluşturur (Cookie & HTML5 localStorage kullanma hakkındaki önceki eğitimimizi okuyun)..