bildirgec.org

css bank

Webmaster‘ ların el çantasında kesinlikle bulunması gereken online CSSkaynaklarını geniş bir liste halinde aşağıda bulacaksınız. Bu kaynaklar sitenizi tasarlarken görsellik ve işlevsellik boyutunda sizlere çok yardımcı olacak. Ayrıca bu konuyu bölmemek için diğer yazımda ; kullandığınız çekirdek (site alt yapısı – script) yapısına nasıl csskullanılarak tema / template yaparsınız veya kullandığınız temayı editlersiniz onu anlatacağım .. şimdi online css bankamızdan faydalı linkler :
CSS Button & Text Field Generator
CSS Formatter and Optimiser
CSS Layout Generator
CSS Font and Text Style Wizard
QrONE CSS Designer – CSS Style Editor
Cascading Style Sheet Optimiser
CSS Formatter and Optimiser
CSS Form Code Maker
CSS Tab Designer
Create easy slideshows
Corner Shop
The Generator Form v2.90
List-O-Matic

her ne kadar fazla sitede rastlamasak da site içerisindeki bağlantıların çeşitli biçimlerde gösterilmesi mümkün. daha önce CSS ile linkleri simgeleştirmek yazısında işlenen konuda olduğu gibi… şuradaki kaynakta ise sitenizden verdiğiniz bağlantıların nasıl daha fazla açıklayıcı ve kullanılabilir olacağına dair bazı teknikler verilmiş.

1. dosya tipini ikon şeklinde göstermek
   

   önizlemede de görüldüğü gibi ziyaretçi bir bağlantıya tıkladığı zaman ne türde bir sayfanın açılacağını önceden biliyor. dolayısıyla adres çubuğuna bakıp sayfa türünün ne olduğunu kestirmeye çalışmasına gerek kalmıyor.

2. sayfanın dilini göstermek
   

   site yapımcıları tarafından kullanımı yaygın olsa okuyucuyu az da olsa zahmetten kurtaracak bir uygulama.

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.

arkadaşlar burada vista aerodaki gibi düğmeler yapabileceğiniz css kodları var buyurun.

buradan basit bir css menüsünün nasıl yapıldığını görebilirsiniz.

buradan da css ile;sayfa kenarlıklarıresmin yanına yazı yerleştirmesayfayı kolonlara bölmesayfa içinde bölüm oluşturmasayfayı dikey veya yatay ortalamamouse üstüne geldiğinde yanıp sönen butonlarmouse üstüne geldiğinde öne çıkan resim gibi bir kaç ugulamanın nasıl yapıldığını görebilirsiniz.

mouse üstüne geldiğinde renk değiştiren ve öne çıkan buton

mouse üstüne geldiğinde arkadaki resim öndeki büyük karede çıkıyo

sayfa üç kolona bölünmüş