cascading style sheets | bildirgec.org

Cascading Style Sheets yani css HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.
styleneat css dosyalarında düzenleme yapmak ve css dosyalarını kolayca online olarak organize etmenize yarayan bir servis. css dosyanızı isterseniz direkt kodlarını kopyalayıp alana yapıştırabilirsiniz, isterseniz css dosyası şeklinde siteye "upload" edip kullanabilir ya da css dosyanızın direkt linkini verip kullabilirsiniz. dosyanızı upload ettikten sonra seçenekler kısmından istediğiniz özellikleri seçip dosyanızı organize edebilirsiniz.

Beyaz Boşluk (White Space) Nedir?

Basitçe anlatmam gerekirse beyaz boşluk bir tasarımın farklı elementleri arasındaki boşluktur - metinler, resimler, paragraflar, başlıklar, altlıklar, bağlantılar vb. Bu boşluk bir sayfa üzerindeki farklı elementler arasındaki boşluktur, harfler arasındaki boşluk, bir paragrafın satırları arasındaki boşluktur.

Beyaz boşluk bir web sitesinin kolayca taranabilmesini sağlar. Ziyaretçinin sitenizi ziyaret ettiğinde gördüğü metin miktarını azaltır ve bu vesileyle okumayı daha da kolaylaştırır. Sayfanıza kutular ve çizgiler gibi yeni elementler eklemenize gerek kalmadan tasarım elementlerinin görsel olarak ayrımını kolaylaştırır. Bu boşluklar doğru kullanıldığında sayfanızın temiz ve profesyonel görünmesini sağladığı gibi, sitenizin karmaşık görünmemesini, taze görünümünü korumasını sağlar.

Beyaz boşluk ne yazık ki güçlü bir web tasarımında en az dikkate alınan elementlerden birisidir. Beyaz boşlukların parlak ve ışıldayan bir tasarımının olmamasının, onun web sitesi için önemli olmadığı anlamına gelmez.

Bu konudaki araştırmamıza başlamadan önce gelin tasarımlarında beyaz boşlukları verimli bir şekilde kullanan bazı web sitelerine bir göz atalım.

• 1. Made By Sofa

Made By Sofa web sitesi, sitenin üst kısmında büyük boyutlu bir imaj ve imajın alt kısmında ana içerik ve navigasyon öğeleri kullanılarak güçlü bir tasarım oluşturmuş. Sofa başlıklar, paragraflar ve slogan elementlerini birbirinden ayırmak için beyaz boşlukları kullanmış. Aşağıdaki yakınlaştırılmış resme bir bakın:

web tasarımcıların yeni tasarım standartlarına (web 2.0, css, v.b...) göre tasarımlarını yaptıkları günümüzde, modern tasarımların neredeyse olmazsa olmazı haline gelen gradyenler (türkçesi gradyen) (gradient) bu adreste enine boyuna incelenmiş.

tasarımcıların bakmaları işlerine yarar.

CSS çok önemli ve gün geçtikçe kullanımı artmakta. Cascading Style Sheets bizlere tablodan bağımsız tasarımlar ve kodlamaların yazı sıra kendine has seçici ve belirleyici , arayüz efektleriyle XHTML diline yeni başlayan arkadaşların çoğunun henüz tanışmadığı fakat bu işle biraz uğraşmış bir çok webtasarımcı arkadaşın kullanmadan yapamadığı bir çok tekniği içerisinde saklamaktadır.

Geçen bir kaç yıl içinde CSS üzerine bir çok makale yazıldı çoğu HTML dilinin tablolardan ayıklanmması ya da tablosuz tasarımda büyük bir websisteminin tasarımının tek bir dosya ile nasıl saniyler içerisinde değiştirilebileceğini anlatan makalelerdi .

bu linkte çok çeşitli css menü örnekleri sıralanmış. css şablon örnekleri de var.

benim hoşuma giden menü özellikle şu sitede kullanılmış menü modeli. menünün nasıl yapıldığını görmek için tıklayın.

Kullanıcı arayüzü ile css düzenlemesi yapabilen kullanışlı bir program.