Altuğ Orgun Kişisel Blog

AoRGuN’un web günlüğü…

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 …

Okumaya devam et »

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.
Okumaya devam et »

CSS Nedir?

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. Şuanki mevcut CSS versiyonu 2.1 olmakla beraber, CSS 3.0‘ın çalışmalarına devam ediliyor.

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.

Okumaya devam et »

Ç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 sayfayı farklı kaydetmelisiniz: EVET, İŞTE BU SAYFA!

HTML kodlarını test etmek birçoğumuz için sıkıcıdan ibarettir. Not defterini açar gerekli kodları girersin, kaydedip bir tarayıcı da görüntülersin, sonra beğenmezsin tekrar düzenlersin, aynı işlemleri yaparsın fakat bir hata olur, tekrar düzenlersin; eğer ayrıntılı bir şeyse uzar da uzar. Sırf bu işlemler için özel program kullananlardan bahsetmiyorum bile.

Bu editörümüz ise gerçek zamanlı, yani yazdığımız her şeyi anlık olarak düzenliyor ve bir sonucunu altta gösteriyor. Üstelik internet üzerinden yapıyorsunuz kodlamanızı, yüklemeniz veya uğraşmanız gerekmiyor. Çoğu CSS ve JS kodunu desteklemesini saymıyorum bile.

Tüm bu sebepler yeterli geliyorsa artık not defteri veya diğer programları HTML kodlarınızı test ederken kullanmanıza gerek yok.  Tek yapmanız gereken TIKLAMAK