RSS

CSS Framework - CSS Yapıları

Yorum Yap | Bu yazı 25 Ara 2008 tarihinde yazılmıştır

Daha önce hatırlarsanız http://www.kadirgunay.com/web-standartlarinda-en-bilinen-5-yanlis-anlasilma.html bağlantılı yazımda standartlara uymak istiyorsanız muhakkak web sitelerinizi CSS ile kodlamalısınız demiştim ve bunun etkilerini anlatmıştım. İşte bu yazımda da sizlere CSS Yapıları yani Framework dediğimiz olayı anlatacağım. Framework kelimesinin karşılığına baktığımızda önümüze çokca seçenek sunuluyor; “yapı, çatı, iskelet, kadro ve kafes” bunlardan en bilinen kelimeler. Ben genel anlamda yapı dedim. Sonuç olarak yaptıkları iş de bu kelimeye uygun.

Framework - Yapı Nedir?

Framework işi gereği hazır sınıfların, betik kodlarının ve örneklerin bulunduğu yapıların genel adıdır. Hemen hemen her yazılım dilinin kendine özgü bir veya birden fazla çeşitli işlere yaran yapıları ve bu yapılara ait hazır kodları, örnekleri bulunur.

Framework Ne İşe Yarar?

Genel olarak düşündüğümüzde;

  • Hızlı üretim
  • Bakımı kolaylaştırmak (güncelleme, değişiklik v.b durumlar)
  • Projeye modülerlik kazandırma
  • Farklı projeleri birleştirme ve yeniden kullanma
  • Açık kaynak kod (tüm frameworkler değil)

gibi işlevsellikler sağlar.

CSS Frameworkleri - Yapıları Nedir, Nasıl Kullanılır?

Google’ da “css framework” diye arama yaptığınızda karşınıza bilindik css yapıları çıkacaktır. Bunlar,

YAML

YAML

Blueprint CSS

BlueprintCSS

LogiCSS

LogiCSS

Elements

Elements

Eswat

Eswat

YUI

YUI
Yukarıda verdiğim CSS Yapılarını açık kaynak kod oldukları için kolayca indirip kullanabilirsiniz. Örneklerin içinde çok güzel ve işinizi çok kolaylaştıracak kod örnekleri mevcut. Örnek verirsek, 2 kolonlu ve daha fazla kolonlu css kodlamaları, menu (navigasyon örnekleri), ie6 ve alt versiyonları için kutu modelleme ve hackler, css sıfırlama v.b daha bir çok kod örneğini göreceksiniz.

Bu css yapıları sayesinde kısa zamanda web sitelerinizin çatılarını oturtabilir ve daha hızlı bir şekilde css kodlaması yapabilirsiniz.

Kaynak Siteler;

50 jQuery Örneği

Yorum Yap | Bu yazı 12 Ağu 2008 tarihinde yazılmıştır

jQuery her geçen gün web programcılarının hayatını kolaylaştırmaya devam ediyor. Daha bugün yine toggle diye adlandırılan belirli metinlere ait içeriklerin gösterilip gösterilmemesi kavramını kullandım. Toggle için bir yazı hazırlıyorum bunu bir kaç güne burada yayınlayacağım. Ama ondan önce sizlere noupe.com sitesinin listelediği bazı jquery örneklerinin başlıklarını ve tüm listenin adresini yazacağım.
En basitinden yapabileceklerimiz;

  • Slide Paneller

    jQuery Slide Panel

    jQuery Slide Panel

  • Menüler

    jQuery Menu

    jQuery Menu

  • Slide Show

    Slide Show

    Slide Show

  • Form Doğrulama

    jQuery Form Doğrulama

    jQuery Form Doğrulama

Bu ve buna benzer daha fazla uygulama için lütfen http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html adresini ziyaret ediniz.