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

Bir yıldan fazla bir süredir bunu yaptıktan sonra, bu aylık kaynak yığınını tasarımcılar ve geliştiriciler için yazmanın en zor kısmı tanıtımdır. Biz konuyla ilgilenirken, işte Şubat 2015, sizin gibi web geliştiricileri için en iyi ve en taze kaynakların özeti.

Bu bölümde özel olarak bakıyoruz kod parçacıklarını bulmak için arama motoru, çok becerikli Flexbox modülündeki sorunların giderilmesine referans, ve daha iyi yönetim için geliştirme araçları renk, yazı tipi ve gradyanlar.

Gradyan Animatörü

CSS3 Gradient, web sitemizde herhangi bir resim yüklemeye gerek kalmadan hayali degradeler oluşturmamızı sağlar. Daha çekici bir etki sağlamak için CSS3 Animasyon ile bile birleştirebiliriz. Ancak kod sizin için çok fazlaysa, hoş bir arayüze sahip bir tane oluşturmak için daha basit Gradient Animator rotasını kullanın.

SVG Cep Kılavuzu

SVG Cep Kılavuzu Joni Trythall tarafından derlenmiştir. Size SVG'nin temelleri arasında (şekiller ve metin oluşturma gibi) daha gelişmiş özelliklere (degradeler, kırpma yolları ve desenler oluşturma gibi) kadar yol gösterecek olan kullanışlı bir referanstır. Kitap Markdown biçiminde gelir ve İngilizce ve Portekizce olarak mevcuttur.

Flexbugs

Flexbox, CSS3'te web düzenlerini oluşturma yöntemlerimizi tamamen değiştirecek olan gelecek vaat eden yeni bir modül. Bununla birlikte, kendi kendine tarayıcılar arası uyumluluk sorunları da geliyor. Bu depo, Flexbugs, bu hataların ve bu sorunların giderilmesine yönelik geçici çözümlerin bir derlemesidir. Bu, Web'in kanama kenarında yaşayan herkes için çok faydalı bir kaynaktır.

icono

Sadece CSS ile elde edebileceğimiz şey inanılmaz, sadece tek bir öğeyi kullanarak tamamen gösterilebilir bir simge oluşturmak gibi. icono Bunu yapan kütüphanedir. Bu kitaplıkta, yalnızca tek bir öğeyle yapılan bilinen simgelerden oluşan bir koleksiyon ve CSS bulacaksınız. Bu simgeler daha hızlı yüklenecek ve görüntü tabanlı simgelerden daha özelleştirilebilir.

Dillinger

Dillinger göze hoş gelen bir Markdown editörüdür. Burada Markdown formatında yazabilir ve çıktıyı anında sağ sekmede görebilirsiniz. Rahatlığınız için Dillinger, çalışmanızı HTML, PDF veya yalnızca bir Markdown dosya biçiminde yaptıktan sonra dışa aktarmanıza olanak tanır. Alternatif olarak, dosyayı kaydedebileceğiniz Dropbox ve Github gibi üçüncü taraf bir servise de bağlayabilirsiniz..

HTML5Up

HTML5Up ücretsiz HTML5 tabanlı şablonlar topluluğudur. İş, portföy ya da sadece basit bir blog: Farklı türdeki web sitelerine hitap eden bir avuç düzen bulabilirsiniz. Tüm şablonlar, içeriğin ve web sitesi düzeninin değişen ekran boyutlarında eğlenceli olmasını sağlamanın yanı sıra duyarlıdır..

CSS Renkleri

Belirli bir rengin ne olduğunu hiç merak ettin mi? CSS Renkleri temel renk koleksiyonu için renk adını ve Hex ve RGBA formatını gösterir. Web siteleriniz için mükemmel renk kombinasyonunu bulmak iyi bir kaynaktır.

Emmet Yeniden Görüntüleme

Yeniden görüntüleme, web sitenizi ayrıştıran bir Chrome uzantısıdır @media her birinde belirtilen kesme noktalarının her birini web sitenizi sorgular ve görüntüler @media sorgu. Duyarlı web sitelerini test ederken size biraz zaman kazandırabilecek bir araç arıyorsanız, o zaman ihtiyacınız olan araç budur..

TypeGenius

Google Font kitaplığına bakarsanız, çeşitli yüzlerde, ailede, ağırlıkta ve türlerde birçok yazı tipi bulacaksınız. Bu nedenle, doğru çifti seçmek veya yazı tipi kombinasyonları gerçekten çok zor bir görev olabilir.. TypeGenius Yazı tipi çiftlerinin seçilmesini genel popülasyon için basit, hızlı ve mümkün kılar.

SearchCode

Adından da anlaşılacağı gibi, bu JavaScript, C, PHP dahil olmak üzere birçok programlama dilinin kod parçalarını veya kod parçacıklarını aramak için bir arama motorudur. Bu arama motoru, sonucunu Github, Bitbucket ve Google Code gibi birçok kaynaktan elde edecektir. Bu, ağır kodlayıcılar için kesin olarak sahip olunması gereken bir araçtır.