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

Her ay web tasarımı ve web geliştirme topluluğunda çok cömert insanlar tarafından paylaşılan onlarca ücretsiz şeyler var; tüm bu yeni şeylere yetişmek neredeyse imkansız. Bununla birlikte, endişelenmemelisiniz; bu yayında seçtik Kod parçacıklarından araçlara, çerçevelerden eklentilere kadar 10 faydalı 'öğe' web tasarımcıları ve geliştiricileri olarak işinizi ve hayatınızı kolaylaştırmak için.

Onları kontrol edelim.

Tüm taze kaynaklarımıza göz atın (aya göre):

• Ekim 2012
• Kasım 2012
• Aralık 2012

CSSS

CSSS hangi "CSS tabanlı SlideShow Sistemi" anlamına gelir Lea Verou (CSS gurusu olarak bilinir). Temel olarak, bu çerçeve HTML ve CSS web standartları ile sunum slaytları oluşturmanıza olanak sağlar. Bu slayt gösterisi gibi klavye kısayollarını destekler ←, →, ↓ ve ↑ slaytlarda gezinmek için.

CSS ve HTML yaparsanız, bu çerçeve MS PowerPoint gibi yüksek fiyatlı yazılımlar için (daha iyi) bir yedek olduğunu düşünüyorum..

BonsaiJS

Bonsai, sezgisel bir API ile hafif bir JavaScript grafik kütüphanesidir. Bu kütüphaneyi dikdörtgen, üçgen, daire veya derin karmaşıklığı olan bir grafik gibi basit şekiller çizmek için kullanabiliriz. Bu kütüphane, desteklenmeyen tarayıcılarda Ölçeklenebilir Vektör Grafiği (SVG) sunumu sağlamak için bir geri dönüş olarak da kullanılabilir.

Ayrıca, Bonsai, bu grafiklerin daha etkileşimli çalışmasını sağlamak için Animasyon, Etkinlik ve Filtreler gibi birkaç özellik de sunar..

Duyarlı desen

Duyarlı Desenler, duyarlı bir web sitesi oluşturmak için kullanabileceğiniz bir desenler koleksiyonudur. Bu koleksiyon, bazı görüntü, video, tablo ve formlar gibi ortak web bileşenlerinin diğer birkaç yanıt veren desenine sahip bazı duyarlı düzen ve gezinme örnekleri içerir..

Effin Araçlar

Bu muhtemelen web sitenizi geliştirmek için ihtiyacınız olan tek şey. Effin Toolsets, web geliştiricileri için hepsi bir arada paketlenmiş bir düzine faydalı araç koleksiyonudur..

Bu koleksiyondaki şahsen son derece yararlı bulduğum araçlardan biri de Entifier, bu araç bu karakterleri değiştirecek, < ve >, kod pasajınızın içinde doğru şekilde işlenebilmesi için HTML kodlarının içine

 etiket.
 
 
Susy
 
Susy, Pusula için duyarlı bir ızgaradır. Diğer herhangi bir duyarlı ızgara çerçevesi gibi, önceden tanımlanmış birkaç stilden oluşuyor ancak Sass ve Compass ile oluşturulduğundan, bu çerçeve çok daha yapılandırılabilir.
 
Susy, sütun numarasını, sütun genişliğini, oluğu ve ızgara dolgusunu özelleştirmenize olanak tanır, bu sayede web sitenize uyan kendi kılavuzunuzu yaratır. Susy tüm bu zor işi yapacak: hesaplama. Sass ve Compass'la çalışmaktan hoşlanan bir süper inekseniz, bu eklenti tam size göre.
 
 
Sonsuz açılır menü gezintisi
 
Bir açılır menü, bir web sitesinde bulduğumuz yaygın bir bileşendir. Yine de, açılır menü navigasyonu oluşturmak göründüğü kadar kolay değil. Harry Roberts CSS Büyücülüğü, neyse ki, onun paylaştı “sihirli kod” sonsuz bir açılır gezinme oluşturmak için (ki bu harika).
 
 
Bourbon Neat
 
Düzgün, yanıt veren bir web sitesini kolayca yönetmenize yardımcı olan duyarlı bir ızgara çerçevesidir. Sass ve Bourbon'a inşa edilmiştir, Sass için faydalı karışımlar koleksiyonu. Bu çerçeve bir Ruby taşıdır, bu komut satırıyla Terminal veya Komut İstemi üzerinden yüklenebilir mücevher temiz yükleyin.
 
 
Typicons
 
Simgeler için yeterli olmayacak. Typicons, yaklaşık 88 karakterden oluşan bir yazı tipi simgeleri kümesidir. Bu simgeleri @ Font-face CSS sözde elemanları ile onları yönetin ve web sitenize uygulayın ya da doğrudan HTML karakterleriyle gömün.
 
Simgelerinizi iletmek için webfont kullanarak, CSS sprite dağıtmaya gerek duymama ve simgeleri görüntülemek için arka plan konumunu ayarlama, yüksek çözünürlüklü ekranı hazır ve teknik olarak http isteklerini azaltır ve bitmap simgelerinden daha düşük bant genişliği tüketme avantajlarına sahip olabilirsiniz..
 
 
yorumcu
 
Bu kütüphane web içeriğinize yorumlar, etiketler ve etiketler eklemenizi sağlar ve AnnotateIt ile birlikte ek açıklamalarınızı ücretsiz olarak saklayabilirsiniz.
 
 
Havalimanı
 
Havaalanındayken, uçuş bilgi panosunu her yerinde metin çevirerek göreceksiniz. Bu jQuery eklentisi ile, Airport, aynı metin efektini yaratabiliyoruz..
 
 
Sonuç
 
Hepsi bu ay için. Bunlardan herhangi birini denedin mi? Senin favorin hangisi? Bu listeden kaçırdığımız web tasarımcıları / geliştiricileri için başka güzel şeyler buldunuz mu??.
 
Bunları aşağıdaki yorum kutusuna paylaşmaktan çekinmeyin, ve düşüncelerinizi de duymak istiyoruz.