Tam o sırada, başka bir pillinetwork sitesi olan 10marifet.org'da: "Patikler"

Etiket:

960 grid system hakkındaki yazılar:

tüm yazılar gösteriliyor, sadece bildirileri görmek için tıklayın

Minimalist wordpres temalarından sonra daha önce görmemiş olabileceğiniz minimalist blogger temalarını listelemek istedim. Ayrıca 960 grid yapısına uygun, jquery destekleyen, XHTML valid temalara örnek olabilecek temaları bu yazıda görebilirsiniz.
Dibuang Sayang

Dibuang Sayang
Dibuang Sayang
demo download
Blogger Valid XHTML
xhtml
xhtml

demo download
Main simpel
Mainsimpel
Mainsimpel

demo download
960 Grid System
960grid
960grid

demo download
Ini Minimalis Kah
Ini Minimalis Kah
Ini Minimalis Kah

demo download
Typo Cufon
typo cufon
typo cufon

demo download
Blogger Template Framework
framework
framework

demo download
Blogger Template 1KB Grid
1Kbgrid
1Kbgrid

demo download
Daily Inspired
woork
woork

demo download
jquery blogger
jquery blogger
jquery blogger

demo download
Coklat
coklat
coklat

demo download
Emplode
emplode
emplode

demo download

Spacer
Spacer
 | 0 yorum var 
 | 24 Mayıs 2010 14:44 

Css Framework türkçeye "css iskeleti" olarak çevrilen, css ve html tabanlı web sitelerinin anahtar ve diğer yardımcı elemanların kısmen ve değişken olarak bizim için hazırlanmış halidir. Bu sayede karmaşık web sitelerini çok daha kolay biçimde hazırlayabiliriz. Ayrıca büyük ölçüde zaman kolaylığı sağlar. Ön önemli artılarından biri tüm tarayıcalarda büyük ölçüde çalışabilmeleridir. Normalden daha hızlı web sayfamızı geliştirebiliriz. Ayrıca gereksiz kod israfından da kurtulmuş oluruz. İşte en iyi css framework'leri;

Blueprint

\

Blueprint css başında harcanan zamanın azalmasını sağlıyor. Birçok eklenti sunmakla beraber aynı zamanda oldukça kullanışlı. Tarayıcılar arasındaki css farklılıklarını tamamen ortadan kaldırıyor. Birçok eklenti, editör, buton vb. kullanılabilir. Şu ana kadar hazırlanmış css iskeletlerden en popüleri. İskeleti css ve html içeren tüm projelenizde kullabilirsiniz.
Dokümantasyon : Wiki formatında
Topluluk : Twitter ve Facebook Fan
Lisans: MIT ve GPL
Boyut: 3.84mb.
Örnek Proje: WebAvanta

Spacer
Spacer
 | 3 yorum var 
 | 12 Aralık 2009 17:49 

Bir site tasarlamak sanıldığı kadar kolay bir iş değildir. Tasarımın güzelliği ayrıntılarda gizlidir ve o ayrıntılar web tasarımında o kadar fazladır ki bazen gözümüzden kaçan hatalar başkasının gözüne çok batabilir. Bu makalede sıkça yapılan hatalara dikkat çekilmiş ve tasarımda bize kolaylık sağlayacak öğelere değinilmiştir.

Tipografi
Web sayfalarında en çok göze hitap eden öğeler yazı karakterleridir. Uygun font’ların kullanılması tasarımlarımızı daha da çekici kılar. Fontların değişik işletim sistemlerindeki görünüşüne buradan bakabilirsiniz. Buradaki listede kullanıcı memnuniyetini en üst düzeye çıkarmak için “yazı tipi ailelerini” (font family) nasıl ayarlamanız gerektiğini bulabilirsiniz.

\

İkiden fazla Font Kullanmayın!
Tasarımlarda çok fazla sayıda font kullanmak sakıncalı olmaktadır. Eğer farklı font kullanmak istiyorsanız, başlıklar için ayrı düz yazılarınız için ayrı olmak üzere toplam 2 font belirleyin ve kullanın. Örneğin Başlıklar için “IMPACT” yazılar için “ARIAL” kullandıysanız, diğer sayfalarda da bu seçimleri kullanın. Ayrıca her font değişik alt, üst değerler ve satır yüksekliği kullanmaktadır. Bu değerleri karşılaştırmak için TypeTester programını kullanabilirsiniz.

Spacer
Spacer
 | 11 yorum var 
 | 09 Nisan 2009 13:06 

\
CSS çatılarının (framework) sayısı her geçen gün biraz daha artıyor. CSS çatıları özellikle CSS ile kod yazmak konusunda henüz kendisini yeteri kadar geliştirmemiş olanlar için kimi zaman oldukça kullanışlı bir hal alabiliyor. Ancak bazı CSS profesyonellerine ve diğer dillerin programcılarına göre CSS, üzerine bir çatı geliştirilmesi gerekecek kadar zor bir dil değil.

Eğer herhangi bir CSS çatısı üzerine bir rehber okuduysanız, ilgili rehberlere bırakılan pek çok yorum yukarıdakilerle aşağı yukarı aynıdır. Benim görüşüm bu tip yorumların büyük çoğunluğunun bir miktar tatminsizliğe bağlı olduğu yönünde. 960 üzerinde biraz zaman geçirdikten sonra, web uygulamalarınızı geliştirirken size ne kadar zaman kazandırabileceğine inanamayacaksınız. Hiç olmazsa ilgili çatıyı sadece bir 10 dakikalığına inceleyin. Her zaman klavyenizin delete düğmesine basabilirsiniz ancak bunu yapacağınızdan şüpheliyim.

\
Artıları
  • Geliştirme zamanını önemli ölçüde kısaltıyor.
  • Temiz ızgara yapısına sahip.
  • Farklı tarayıcılar üzerinde problemlerle karşılaşma ihtimaliniz çok düşük. Bulduklarınızı da kolayca düzeltebilirsiniz.
  • Pek çok kişinin söylediğinin aksine "abartılmış" değil. Burada 3-4 KB'den bahsediyoruz arkadaşlar! Bu tip stillemelerinin pek çoğunu zaten neredeyse tüm web uygulamalarında kullanıyorsunuz.
  • Karmaşık anahatları kolayca oluşturun.

Spacer
Spacer
 | 4 yorum var 
 | 15 Şubat 2009 15:13 

Çatılar (Framework) JavaScript ve PHP geliştirme aşamasında sıklıkla kullanılırlar ve CSS için de gittikçe popüler hale gelmeye başladılar. Çalışma alanınızı iyileştirmeye ve çabucak şablon oluşturabilmenize yarayan bu çatıları kullanarak farklı tarayıcılar üzerinde yaşanabilecek olası problemlerden de korunmuş olursunuz. Özellikle WordPress ve benzer içerik yönetim sistemleri için seri üretim şablon oluşturan kesimler, bu tip çatılara sırtlarını dayamaktadırlar. Neden siz de onlardan biri olmayasınız? İşte bu işlem için kullanabileceğiniz 9 adet CSS çatısını aşağıda sizler için listeledim.

  • BluePrint
    CSS geliştirirken harcanan zamanı azaltmayı hedefleyen bu CSS çatısı, üzerine projenizi inşa edebilmeniz için kolay kullanımlı bir ızgara sistemi, işe yarar bir tipografi ve hatta yazdırma için bir stil şablonunu da beraberinde sunuyor.
  • SenCSs
    Anahat dışındaki her şey için CSS çatısı sloganı ile yola çıkan SenCSs, özellikle kendi anahattını oluşturmak isteyen ancak onun dışındaki herşey için önceden tanımlı bir çatıyı kullanmak isteyenler için geliştirilmiş bir CSS çatısı.

Spacer
Spacer
 | 2 yorum var 
 | 09 Şubat 2009 09:45 

\
"Eğer düzenli olarak web siteleri oluşturan ve geliştiren kişilerden biriyseniz, o zaman şablon (template) oluşturma, kullanışlı kodları arşivleme ve bunun gibi diğer şeyler hakkında düşünmeye başlamalısınız. Özellikle bu gibi şeyleri geliştirme işlemi süresini kısaltmak için yapmalısınız, bu sayede her yeni bir proje başlangıcında bu şablon üzerinde gerekli değişiklikleri yaparak aynı şeyleri tekrar tekrar yazmak zorunda kalmazsınız. Ancak bu tip kod parçacıklarını ya da başkaları tarafından hazırlanmış eserleri projenizde kullanmaya başlamadan önce mutlaka ama mutlaka indirdiğiniz ürünün lisans sözleşmelerini okuyun... Pek çok geliştirici ve tasarımcı, Internet üzerinden ücretsiz olarak dağıttıkları içeriği çoğunlukla bireysel kullanımlar için ücretsiz, kurumsal kullanımlar için ücretli olarak yayımlarlar.

Yazımın devamında kendimce en iyilerin en iyilerini derlediğim ve web tasarımcıları için gerçekten kullanışlı 12 css framework'ünü, şablonunu ve kod sitesini bulacaksınız.

1. CSSTidy

\

"CSSTidy açık kaynaklı bir CSS bölümleyicisi ve optimize edicisidir. Komut satırı üzerinden kontrol edilebilen ve Windows, Linux ve Mac için ayrı ayrı sürümleri bulunan bu uygulamanın ayrıca bir PHP betiği de bulunuyor. Gerek masaüstü yazılımı gerekse de PHP betiği aşağı yukarı aynı özelliklere sahip.

Pek çok diğer CSS bölümleyicisinin aksine herhangi bir kurallı ifadenin kullanılmamış olması, tam CSS2 desteği ve yüksek kararlılığı ile CSSTidy, benzerlerinden ayrılıyor."

Bu bilgiyi kendi siteleri üzerinden çevirdim, zira her şeyi benim açıklayabileceğimden çok daha iyi özetlemiş.

Bazı insanlar derhal şu soruyu sorabilirler: Neden CSS kodumu optimize etmeliyim? Sadece kodunuzun daha temiz olmasının yanısıra ilgili kodları yüklediğiniz sayfaların daha hızlı açılması gibi nedenler hem ziyaretçilerinizi hem de sizi memnun edeceğinden, kodunuzu optimize etmemeniz için herhangi bir sebep bulunmamaktadır.

Spacer
Spacer
 | 5 yorum var 
 | 23 Ocak 2009 11:33 

bildirgec.org bölümleri
pillinetwork hesabınızla giriş yapın.

etiket menüsü

bildirgecinfo

bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.

network siteleri

RSS Dosyası
pillikutu