CSS ile Resim Galerisi

Ocak 15th, 2010

Resim galerileri çoğu kullanıcı için vazgeçilmezdir, hatta yüzlerce “galeri” temeliyle kurulmuş websitesi vardır fakat basit kodlamalar kullanılmaz bu siteler için, genellikle mysql + php betik(script)leri kullanılır. Fakat CSS ile oldukça basit bir kodlamayla, basit bir resim galerisi oluşturmak mümkün. O basit kodlara geçelim isterseniz :) …

(daha fazla…)

CSS ile Bar Yapımı

Aralık 27th, 2009

CSS’in ne olduğunu daha önce kısaca anlatmıştım. Aslında CSS öğrenebilmeniz için yazı okumanız yetmez, çalışmanız gerekir. Şimdiden söyleyeyim, CSS dersleri değil “CSS teknikleri ve CSS ile yapılabilecekler”i paylaşmayı daha uygun görüyorum. Bu teknikleri anlayıp geliştirebilmek için CSS öğrenmeniz şart, bu konuda size Fatih Hayrioğlu‘nun e-kitabını önerebilirim; buradan…

Şimdi ise CSS ile bar yapımıyla ilgili 2 kod vereceğim.  Aslında 3 tane var fakat ilk 2’si daha kullanışlı.  3.ye kaynağımdan ulaşabilirsiniz.
(daha fazla…)

CSS’e İlk Adımlar

Aralık 14th, 2009

Bir şeye başlamadan önce ne olduğunu bilmeniz gerekir. CSS, yani açarsak Cascading Style Sheets‘in amacı HTML ile beraber daha esnek sayfalar oluşturabilmek. 1996′da W3C tarafından duyuruldu. Gerek kullanımının kolaylığı, gerek kullanışlılığı ile hemen her sitede yer alan bir dil. HTML ile kodlanmış her sayfada düzenleme yapmak yerine tek bir CSS Stil dosyası üzerinde düzenleme yaparak, tüm sayfalara etki etmesini de sağlayabiliyorsunuz.

CSS ile Yapılabilecekler

Aslında CSS ile yapılabilecekler sınırsızdır, yani tasarımı her türlü özelleştirebilirsiniz. Fakat yine de birkaç basit örnek göstermek istiyorum.

(daha fazla…)

CSS ile Resim Çizilir mi?

Aralık 5th, 2009

Çiziliyormuş işte, iş CSS olunca… Tamamen ascii karakterler ve CSS kullanılarak yapılmış 2 çalışma var: Aptal Bush ve Homer. Bu düşünce nasıl gelmiş akıllarına ilginç doğrusu :) . Jquery isimli javascript kütüphanesi sayesinde aşamaları sırayla, yavaşlatarak izleyebiliyorsunuz. Tabi ki kodları tek tek anlatmıyorlar, hatta hiç anlatmıyorlar ama ben yine de size Homer çalışmasının tüm kodlarını vereceğim, belki incelersiniz :) .

Burada “Homer”, şurada “Aptal Bush” çalışmaları var. Ayrıca Homer çalışmasını yavaşlatarak izlemek için şuraya girip “Animate Slow” demeniz yeterli.

Tüm kodları incelemek istiyorsanız bu sayfaya alalım sizi: EVET, İŞTE BU SAYFA!