26 Ekim 2014 Pazar

Online CSS Araçları


   Tasarım yaparken bize hız kazandıracak ve işimizi biraz daha kolaylaştıracak olan online CSS araçları yaptığımız işi kısa sürede bitirmemize yarayabilir.Üstelik CSS kodlama ile ilgili bilgisi olmayan site sahiplerine de oldukça yardımcı olacak bu araçlar sayesinde profesyonel olacak duruma gelebileceksiniz.
    Bazen benimde kullandığım bu uygulamalar yardımı ile işlemlerimi kolayca yapabiliyorum.Şimdi size aşağıda online CSS araçlarından bazılarını gösterecem.

border-radius.com
Css yuvarlak kenarları destekleyen tarayıcıların tümünde çalışan css kodunu üretir.

css3.me
Destekleyen bütün tarayıcılarda çalışan yuvarlak kenarlar, gölge, gradient arka plan efektlerini veren css kodunu üretir.

css3d.net
Resimde gördüğünüz şekilleri oluşturan html ve css kodlarını üretir.Bütün tarayıcılar ile uyumludur.

Css3 ile gelen bir çok özelliğin destekleyen tüm tarayıcılarla uyumlu css kodunu üretir

Yine aynı şeklilde Css3 ile gelen bir çok özelliği destekleyen tüm tarayıcılarla uyumlu css kodunu üretir.

Bu aracımız ise online css editörü görevini görmektedir. Aynı anda hem html hemde css kodunu yazarken değişimleri yan panelde takip edebiliyorsunuz.

Slogandan da anlaşılacağı üzere sizin yazmış olduğunuz css kodun tüm tarayıcılarda çalışan versiyonunu oluşturur.

Yine css sprite tekniği ile kullandığınız resimleri birleştirmenizi sağlayan bir site. css-sprit.es den farklı olarak resimleri rar veya zip dosyası içerisinde upload etmemiz gerekiyor.

Siteniz için uygun yazı fontları ve renklerini deneyip css kodunu bu siteden edinebilirsiniz.

glrzad
Css ile gradient arka planlar oluşturup css kodunu sizin için oluşturur.

layerstyles
Arayüzü photosop programını andıran sitede, arka planlar oluşturabilirsiniz.

cssprism
Url'sini vermiş olduğunuz css dosyası içerisindeki css kodunda kullanılan bütün renkleri bulur. Bu renkleri değiştirebilir ve değişim sonucunda oluşan yeni css dosyasını indirebilirsiniz.

Siteniz için kullanılabilecek gelişmiş CSS3 buton kod oluşturucu.





Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!

Hiç yorum yok:

Yorum Gönder