Online Takip

Çevrimiçi CSS Araçları Listesi

Posted on: 25 Şub 2009

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

\

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

\

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

CSS Type Set

\

CSS Type Set sayesinde tasarımcılar ve geliştiriciler, sitelerinde kullanacakları metin bloklarının çeşitli CSS değerleri kullanıldığında nasıl görüneceğini eş zamanlı olarak görüp en doğru tercihi yapmalarına yardımcı oluyor.

Font Tester

\

Font Tester bir diğer ücretsiz çevrimiçi yazıtipi karşılaştırma aracı. Çeşitli CSS yazıtipi stilleri atanmış farklı yazıtiplerini yan yana karşılaştırmanıza olanak sağlıyor.

PXtoEM Conversion

\

Pixel değerlerini EM’e dönüştürebileceğiniz bir diğer kullanışlı araç. BODY etiketine atadığınız yazıtipi boyutunu pixel olarak girin ve site size farklı em değerlerini içeren tabloyu versin. Gerçekten kullanışlı.

CSSTXT

Metinlerinize stil atayabileceğiniz bir başka uygulama.

CSS Anahat Oluşturucuları

YUI – CSS Grid Builder

\

CSS Izgara Oluşturucusunun basit web tabanlı arayüzü sayesinde YUI’nin CSS dosyalarına bağlı dilediğiniz sayıda anahattı kolayca oluşturabilirsiniz.

YAML Builder

\

YAML tabanlı CSS anahatları oluşturabileceğiniz bir görsel anahat oluşturucusu.

iStylr

Çevrimiçi CSS Şablon Oluşturucusu.

Grid Designer

\

Izgaralar ve Tipografiler oluşturabileceğiniz bir araç.

CSS Oluşturucusu

Bu oluşturucusu sayesinde esnek ya da sabi genişliğe sahip yüzen sütunlu anahatlar oluşturabilirsiniz. Site 3 adede kadar sütun, başlık ve altlık içeren anahatları destekliyor. Değerler pixel, em ya da yüzde olarak girilebilir.

Drawable Markup Language

\

Web sitenizin kodunu neredeyse çizebilmenize olanak sağlayan bir uygulama.

CSSMate

İnteraktif çevrimiçi CSS düzenleyicisi CSSMate sayesinde CSS stilleri oluşturabilirsiniz.

QrONE CSS Designer

CSS Stil düzenleyicisi.

CSS Frame Generator

\

XHTML altyapınız üzerinde CSS çerçeveleri oluşturabileceğiniz basit bir araç.

XHTML/CSS Markup Generator

XHTML/CSS kodlama hızınızı ilerletmeye yardımcı olacak bir uygulama.

Sky CSS Tool

Sky CSS neredeyse hiç kod yazmadan CSS sınıfları oluşturabilmenizi sağlıyor.

CSS Creator – CSS Generator

CSS Creator, web sayfanız için bir stil seçebilmenizi sağlıyor.

CSS Grid Calculator

CSS Izgara Hesaplayıcısı’nı kullanarak sayfa anahattınızı çabucak görselleştirebilir ve çeşitli yollar kullanarak ızgaralar çizebilirsiniz.

CSS Generator

Bu araç basit bir stil şablonu oluşturabilmenizi sağlıyor.

Dynamic 3 Column Layout Generator

3 sütunlu anahatlar oluşturabilmenizi sağlayacak kullanışlı bir araç.

Construct Your CSS

WYSIWYG anahat düzenleyicisi. Semantic ve tablo kullanmadan.

Blueprint Grid CSS Generator

Bu araç, Blueprint’in grid.css, compressed.css ve grid.png dosyalarının özelleştirilebilir sürümlerini oluşturabilmenizi sağlıyor.

CSS Çatıları

Blueprint

\

Blueprint bir CSS çatısı olup CSS geliştirirken harcadığınız zamanı azaltmayı hedefliyor.

Yet Another Multicolumn Layout

\

Yet Another Multicolumn Layout (YAML), bir diğer (X)HTML / CSS çatısı olup modern ve özelleştirilebilir yüzen anahatlar oluşturabilmenizi sağlıyor. Yapısı, programlamasında son derece değişken ve son kullanıcılar için tümüyle erişilebilir.

Hartija – CSS Print Framework

Web yazdırması için kullanılabilecek evrensel CSS çatısı.

Elements

Tasarımcıların daha hızlı CSS yazabilmeleri ve daha verimli olabilmeleri için geliştirilmiş.

960 Grid System

\

960 Izgara Sistemi web geliştirmesi sırasında harcayacağınız zamanı, 960 pixellik genişliğe dayalı sık kullanılan ölçüler kullanarak kısaltmayı hedefliyor.

Logic CSS Framework

Logic CSS çatısı bir dizi CSS dosyası ve PHP aracından oluşmuş, web standartları ile uyumlu xHTML anahatları oluştururken geçirdiğiniz zamanı kısaltmayı hedefleyen bir uygulama.

SenCSs

SenCSs sayesinde anahat dışındaki her şey için standart CSS dosyasını kullanabilirsiniz.

Tripoli

Tripoli, HTML işleme için geliştirilmiş bir CSS standardıdır. Tarayıcı standartlarını sıfırlayıp yeniden inşa ederek, web projeleriniz için çapraz tarayıcı uyumlu bir temel üzerinde web projelerinizi inşa edebilmenizi sağlar.

BlueTrip CSS Çatısı

\

BlueTrip web sitesi inşa edebilmek için bir dizi stil ve yöntem sunarak, işin zaman harcatan kısmını geçip projenize odaklanabilmenizi sağlıyor.

Grids CSS

\

Yahoo! tarafından geliştirilen ve dört ön tanımlı sayfa genişliği, altı ön tanımlı şablon ve dört sütuna kadar alt-bölümleri içeren anahatları geliştirebilmenize olanak sağlayan bir CSS çatısı. Oldukça kapsamlı ve genişletilebilir.

Biçimleyiciler, İyileştiriciler ve Sıkıştırıcılar

Code Beautifier

\

Çevrimiçi CSS biçimleyicisi ve düzenleyicisi.

Clean CSS

\

CSS’nizi farklı sıkıştırma ayarları kullanarak optimize edebilmenizi ve biçimlendirebilmenizi sağlıyor. Bu araç sayesinde okunması daha kolay CSS kodlarına ulaşabilirsiniz.

CSS SuperScrub

Bu araç CSS’nin karmaşıklığını gereksiz içeriği silerek, önemsiz kodları kaldırarak ve geri kalan element isimlerini zeki bir şekilde gruplayarak azaltmayı hedefliyor.

Online CSS Optimizer

Çevrimiçi CSS İyileştiricisi sayesinde CSS dosyalarınızın dosya boyutunu azaltabilirsiniz.

CSS Drive Gallery – CSS Compressor

İhtiyacınıza göre değişen 3 farklı sıkıştırma ayarından birini seçerek CSS dosyalarınızı sıkıştırabilirsiniz.

Online CSS Optimizer

Bir başka çevrimiçi CSS iyileştiricisi, CSS kodunuzun dosya boyutunu azaltmayı hedefliyor.

Robson – CSS Sıkıştırıcısı

Bu CSS sıkıştırıcısı stil şablonlarına önemli değişiklikler uyguladığından ve henüz geliştirme aşamasında olduğundan, bazı CSS dosyalarında verimli çalışmayabilir.

FlumpCakes – Çevrimiçi CSS İyileştiricisi

Bu araca yükleyeceğiniz CSS dosyası işleniyor ve gereksiz tüm kodlar kaldırılarak daha temiz bir koda ulaşmanız sağlanıyor.

Format CSS Online

CSS’nizi otomatik olarak biçimlendirerek onu daha kolay okunur ve düzenlenebilir hale getirin.

PrettyPrinter

Çevrimiçi kod güzelleştiricisi.

Tabifier

Tabifier sayesinde bilgisayar kodunuzu daha okunaklı hale getirebilirsiniz.

Doğrulama

W3C CSS Doğrulama Servisi

\

W3C CSS Doğrulama Servisi, web tasarımcılarının ve web geliştiricilerinin CSS dosyalarını kontrol edebilmelerini sağlıyor.

CSS Analyser

Bu servis CSS dosyalarınızın doğruluğunu W3C’nin doğrulama servisi üzerinden kontrol edip, bunun yanısıra kontrast testi ve boyut testi gibi bazı farklı testleri de uyguluyor.

CSS Redundancy Checker

HTML dosyalarınızda kullanılmayan CSS seçicilerini bulmak için kullanabileceğiniz bir araç.

CSS Formları

JotForm

\

İlk WYSIWYG Form Oluşturucusu. Tarayıcınızı kullanarak web formları oluşturun ve yayımlayın.

Wufoo

\

Wufoo, web üzerinden bilgi toplamanızı kolaylaştırıyor.

FormSmarts

FormSmarts üzerinden formlar oluşturup onları yayımlayarak ziyaretçilerinizden çeşitli alanlarda bilgi toplayabilirsiniz.

FormAssembly

Web Formları Oluşturun ve sorularan verilen yanıtları toplayın.

Navigasyon

CSS Menu Builder

\

Web standartları ile uyumlu XHTML / CSS menüleri oluşturun.

CSS Menu Generator

CSS Menü Oluşturucusu sayesinde ortalama bir web yöneticisi, çapraz tarayıcı uyumlu web site menüleri oluşturabilir.

TabCreatr

Ücretsiz CSS Menü Oluşturucusu.

CSS Sıfırlama

Reset CSS

Sıfırlama stil şablonlarının hedefi, farklı tarayıcılar arasındaki tutarsızlıkları gidermektir. Bunlar arasında öntanımlı satır yükseklikleri, marjlar ve başlıkların yazıtipi boyutları gibi elementler yer alır.

Yahoo! UI Kütüphanesi: Reset CSS

Yahoo!’nun sunduğu bu CSS sıfırlaması da farklı HTML elementleri arasındaki tutarsız CSS stillerimini sıfırlayarak daha tutarlı web siteleri inşa edebilmenizi sağlıyor.

Master Stylesheet: En Kullanışlı CSS Tekniği

Temel bir stil şablonu.

Boş CSS Anahatları

168 Adet Izgara ve CSS Anahat Kolleksiyonu

Bu CSS anahatları tüm A sınıfı tarayıcılar için desteği içeriyor. Bunun anlamı tüm bu örneklerin Internet Explorer 6, Internet Explorer 7, Firefox, Opera, Safari ve diğerlerinde aynı şekilde görünecek olması.

42 Adet Sahte Sütunlu CSS Anahatları

53 Adet Sabit Genişlikli CSS Anahatları

___layouts

___layouts dosyası dilerseniz tam yakınlaştırma desteğine sahip ya da sabit genişliğe sahip beş adet ön tanımlı şablonu içeriyor.

The Only CSS Layout You Need

Tamamı aynı HTML dosyasını kullanarak oluşturulmuş 10 farklı anahattı ve örnek sayfalarını içeren bir anahat.

Little Boxes

Tarayıcı bazlı CSS sorunları için hileler.

Diğer Araçlar

PSD 2 CSS Online

Saniyeler içerisinde Photoshop tasarımlarınızdan dinamik web sayfaları oluşturun.

Conditional CSS

Bu araç sayesinde belirli tarayıcıları hedefleyen CSS kodları yazabilirsiniz.

CSS Evolve

Bu araç sayesinde bir web sitesinin rengi, şeması, yazıtipleri, sınırları gibi elementleri üzerinde oynayabilirsiniz.

CSS Text Wrapper

CSS Text Wrapper sayesinde bir HTML metnininin düz köşeleri olmayan bir görseli sarmalamasını sağlayabilirsiniz.

The Box Office

Yukarıdaki araçla aşağı yukarı aynı işlemi yapan bir başka uygulama.

Eğer sizin de bu listede yer almayan ancak faydalı olduğunu düşündüğünüz bir CSS aracı varsa yorumlarınızda belirtmeyi ihmal etmeyin.

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s

Web Tasarım

Oto Galeri Portalı = 200 $

Emlak Portalı = 200 $

Site Kurucu = 100 $

E Ticaret Sitesi = 250 $

İlan Sitesi = 200 $

Haber Portalı = 350 $

Arkadaşlık Sitesi = 200 $

E Katalog = 200 $

Flash Site Kurucu = 200 $

Kategoriler

Kategoriler

Takvim

Şubat 2009
P S Ç P C C P
« Oca   Mar »
 1
2345678
9101112131415
16171819202122
232425262728  

Arşiv

Blog İstatistikleri

  • 16,113 kişi

Popüler Yazılar

RSS Bay Bedava

  • Bir hata oluştu; besleme kapalı gibi görünüyor. Lütfen daha sonra tekrar deneyin.

RSS Bildirgec.org

  • Bir hata oluştu; besleme kapalı gibi görünüyor. Lütfen daha sonra tekrar deneyin.

RSS InternetHaber.com

  • Bir hata oluştu; besleme kapalı gibi görünüyor. Lütfen daha sonra tekrar deneyin.

Toplistler

News & Media Blogs - BlogCatalog Blog Directory
%d blogcu bunu beğendi: