Zen Bahcesi
12 Ocak 2005
Dave Shea, Mezzoblue adli bir sitesinin yoneticisi ve Dave, birkac yil once, CSS'in yapabileceklerini gozler onune seren ve bizlerin, bu yeni teknolojiyi kesfedip, deneyebilecegi, inanilmaz guzellikte bir projeyi başlattı. Eger daha once adini duymadiysaniz, bu projenin adi "CSS Zen Garden". Zen Bahcesi, akilci CSS tekniklerle ve estetik tasarımlarla olusturulmus; CSS'in gucunu birkez daha herkese kanitlayan bir yer.
Projenin en ilginc yani ise, bu projeye katilanlar, ayni sitenin (bir HTML dosyasi var. tasarımlar degistigi halde, bu HTML dosyasi hic degismiyor. Eger isaretleme dilinin akisini gormek isterseniz, Andy Clark'in yarattigi su ekran goruntusune inceleyebilirsiniz.) tasarımini değişik CSS dosyalariyla ile degistiriyorlar. Bu galeri icindeki sitelere goz attiginizda, değişik bir websitesine bakiyormus hissine kapiliyorsunuz ama degisen tek sey yanlizca bir dosya: CSS dosyasi.
Herkesin ziyaret edebilecegi ve hatta isterlese aktif olarak katilabilecegi bu proje, dunya capinda buyuk ilgi goruyor. Bu ilginin sonuclarinda, bircok universite icinde bulunan Multimedia, tasarım bolumleri, bu siteyi ders mufretadi icine aldi. Yakinda, Dave, Molly E. Holzschlag ile ortaklasa yazdigi, bu site hakkinda bilgi veren bir kitabi yakinda yayinlayacak. Bu kitap, daha cikmadan, bircok kimsenin Amazon Istek listesinde yer aliyor.
Dave, bu sitesi ile, CSS ile yapilabilecek tasarımlarin sonucunda, hem erişebilir hem de web standartlarıni takip eden bir site elde edilecegini gosterirken, CSS'in limitsiz ve estetik bir teknik oldugunuda bizlere kanitliyor. Iste size birkac ornek bu siteden:
- c-Note
- Garden Party
- Wiggles
- Neat and Tidy
- don't you hate aCSSii (Tamam bu o kadar guzel degil ama benim ilk denemem :)
Bu site bircok tasarımciyi etkilemeye devam ediyor. Sizde deneyin. Goreceksiniz ki bu eglenceli proje ile ugrasirken, hem CSS'i daha iyi ogrencek hem de CSS'in limitsiz olanaklarini digerleri ile paylasacaksiniz.
Bu yazıya ait 10 yorum var.
Bu yazı yorumlara kapatılmıştır.ilgili sayfadaki sample html ve css dosyaları hata veriyor?
bu arada aklıma takılan bir konu var, google ın taradığı sayfalar içinde div lerin içini es geçtiği gibi kaynağı belirsiz bir düşüncem var, zoque da ve burada ve hemen her yerde css mantığı bu kadar anlatıldığına göre sanırım yanlış bir bilgi bu??
Taci, duyduklarinin tam tersine, sadece CSS ve HTML ile sunum ile icerigi birbirinden ayiran siteler, Google'da daha ust kisimda yer aliyor. Google'u, Internet uzerinde ki en aktif gorme engelli kullanici olarak dusunebilirsin. Bir gorme engelli ne kadar bir sitenin bilgisine ulasabiliyorsa, Google'da o kadar ulasabiliyor.
çok uzun zamandır div lere yan bakıp herşeyi table ile hallettim, son bir kaç gündür localde denemeler yapıyorum, henüz işin mantığını çözebilmiş değilim, ama azimliyim :) özellikle dinamik sayfalarda döngüleri nasıl sayfaya dökeceğim konusu tamamen çok bilinmeyenli bir denklem :)
hiç imaj kullanmadan muhteşem tasarımlar yapabilioruz css ile ki en akıllıcası bu çünkü ne band gidiyor , nede kötü tasarım ortaya çıkıyor. işi bildikten sonra css ile hayat daha güzel :)
güzel bir bilgi
ancak küçük bir not
linkler ayrı pencerede açılsa diye bir öneri de bulunsam çok mu olurum
link sağ tıklayın farklı pencerede açtırabilirsin veya shift tuşuna basılı tutarak :)
Zen Garden gerçekten güzel, yine de CSS'yi bu kadar etkileyici kullanmalarını sağlayan şey grafik ağırlıklı tasarımları seçemleri, tabi burada mucize içerik ve sunumun birbirinden her koşulda ayrı kalması.
Ben de yararlandığım bir adresi vermek istiyorum, galeri bölümlerinin adresini veriyorum
* http://cssvault.com/gallery.php
Makaleleriniz ufkumu açtı,css kullanarak yapılanları gördükten sonra diyecek bir kelime bulamıyorum...Sadece diyebileceğim;"mevzu budur!"
CSS kodlamanın faydalarını görmek için başlangıç noktası sanırım bu adres olmalı.
CSS Zen Garden gerçekten güzel ve başarılı bir proje. Buna rağmen benim ayrıca merak ettiğim bir konu var.
Eğer site tamamen dinamik olmuş olsaydı mesela her alanın içindeki içerikler uzayıp kısalabilseydi üstelik bunlar berlirli kurallara dahil olsaydı uzadığı zaman o alan kendi içinde scroll çıkarmadan altındaki alanıda ittirebilseydi bu durumda nasıl olurdu? Gerçekten bu yöntemle başarılı olunabilir miydi?
Projenin HTML ve CSS yapısını inceledim; içerik değişmiyor sabit kalıyor, CSS'de ise her bi alanı olabiliyorsa float özelliği ile başka yerlere taşıyorlar olmuyorsa position:absolute kullanarak taşıyorlar. Absolute özelliği kullanıldığı zamanda relative bir şey için değilse her şeyden bağımsız duruma geliyor.
Aslında bu konudan şikayetçi olduğum ya da sıkıntı duyduğum için yazmıyorum sadece aynı yöntem tamamen dinamik içerikli daha hareketli ve karmaşık bir sitede uygulanabilirmi diye merak ediyorum.
Bu yazı yorumlara kapatılmıştır.
Kitabımı satın almak ister misiniz?