Ayberk Atasay

Çok uzun bir aradan sonra tekrardan merhaba. Bu yaz benim için birçok konuda yoğun geçti. Bu yüzden yeni paylaşım ekleme fırsatı bulamadım. Ama yeni paylaşımlara başlıyorum.

Arkadaşımla yaptığımız bir web sitesi için menülerde kullanılmak üzere linklerimizin resim ve üzerine gelince de şekil değiştirmesi gerekiyordu. Bunun için ya JS yada CSS ile özellik vermem gerekiyordu. Bende CSS tercih ettim.

CSS ile tasarım yaparken sayfalarımızın daha renkli, daha hoş görünmesi için renk atayabilir veya içeriğimizle alakalı resimler, dolgular ekleyebiliriz. Bunun dışında CSS 'nin nimetlerinden faydalanarakta çok çeşitli özellikler ekleyerek daha farklı görünmesini sağlayabiliriz.

Eski tarayıcılar-yeni tarayıcılar.. Web tasarımı ile uğraşan bizlerin en büyük belası. Bir tasarım yaparsınız görüntüsü hepsinde farklı görülebilir. İşte bunlardan biride height elemanı.

CSS ile tasarlama yapanların veya yapacak olanların başına gelebilecek sıkıcı bir durumdan bahsedeceğim. Bu sorun bir elemanın (div) içine başka bir eleman (div) eklendiğinde dışarıda kalan elemanın uzunluğunun içtekine göre oynamaması.

CSS ile site yapmaya karar verdiniz ve hiç bilginiz olmadığını düşünelim. Tablolarda artık biraz daha çağ dışı kaldığını düşünürsek, kararınızın ne kadar doğru olduğunu görebiliriz.

Kendime ilk kez bir blog kurma fikri geldiğinde bunu kuralına göre oynayarak hem yeni teknolojilere ayak uydurmak, hem kullanımının avantajlarından yararlanmak, hem de daha sonra uygulanabilecek temalar için daha kolay bir hazırlama süreci sağlamaktı.

css kulllanarak artık çizgi film karakterleri ya da bir resim yapmak düşüncesi bir insanevladının aklına nasıl gelebilir bilmiyorum. homer ve bush çizimlerinin CSS ve ASCII karakterleri kullanılarak yapılışını görünce bu soruyu siz de kendinize sorabilirsiniz.

çizimler jquery isimli bir javscript kütüphanesi kullanılarak gerçekleştirilmiş. aşağıda çizimin gerçekleşme anından bir ara kesit bulunuyor.


burada homer çizimini, şurada ise bush çizimini görebilirsiniz. şurada ise çizimin yavaş olarak gerçekleşmesi gösteriliyor.