bildirgec.org

css popup image wiever

Tasarımcıların en can sıkıcı sorunu ie ,firefox ,safari ve ie farklı versiyonları için tasarım farklılıklarıdır bunun en önemli nedeni ie6 gibi eski browserların kullanımının devam etmesi uyumluluk sorunları hakkında bir çok makale var mesela reset dosyası kullanmak, farklı tarayıcıların desteklediği kodlardan kaçınmak, ie 6 dan css kodlarımızı gizlemek ve bana da en mantıklı gelen bu css’i kullan <-- if [enif] --> önce kullanıcının tarayıcı özelliklerinin öğrenip ona göre farklı css dosyası dahil etmek… bu tarz sorunlardan kurtulduktan sonra uygulayabileceğimiz css örnekleriyle dolu bir kaynaktan söz etmek istiyorum işte :
Dynamic drive CSS kütüphanesi bu kaynakta CSS , jquery ile ilgili bir çok örnek uygulama ve kaynak kodu mevcut örneğin:
CSS ile submit buton tasarımı

css submit form

Div ve yorum kutuları

css comment box

CSS popup menu resim galeri

css popup image wiever

daha bir çok örnek uygulama kütüphaneleri mevcut artık herkes css’ci olacak 🙂 CSS Kütüphanesine buradan ulaşabilirsiniz …

CSS’de Yardıma İhtiyacınız Olduğunda Kullanabileceğiniz 10 Kaynak

Zaman zaman bir web tasarım ya da geliştirme projesi üzerinde çalışırken bir yardıma ya da rehbere ihtiyacınız olacaktır. Her ne kadar İnternet üzerindeki css kaynaklarının sayısı gün geçtikçe artsa da, bu yazıda CSS ile bir sorun yaşadığınızda size yardımcı olabilecek 10 adet gerçekten kullanışlı kaynağı listelemeye çalıştım.

Stack Overflow

Stack Overflow bir sosyal medya sitesi ve bir forumun kombinasyonundan oluşmuştur. Özellikle programlama ve geliştirmeye yönelik zengin içeriğe sahip bir sitedir (CSS, sitede tartışılan konulardan sadece biri). Stack Overflow’un amacı programcılara soru sorup onların sorularına cevap verebileceğiniz bir platform oluşturmak. Sitede herkes bir soru sorabilir (bir hesap bile açmanıza gerek yok) ve ardından sitedeki diğer kullanıcılar sorularınıza cevap verebilirler. Diğer kullanıcılar sitedeki cevaplara artı ya da eksi puan vererek en iyi cevabın seçilebilmesine yardımcı oluyorlar.

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

CSS’yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.

1. CSS Sekmeler ve Navigasyon

1.1. Genişleyebilen CSS Sekmeleri Dersi
Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.

1.2. Gelişmiş CSS Menüsü
Bu rehberde Photoshop’taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS’nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.

tüm bildirgec.org okurları için ücretsiz css şablonları veren siteleri araştırdım. sizlere en iyileri ve kalitelileri seçmeye çalıştım. şimdi yazımın devamını takip edin.

ilk adresimiz css52 burada daha çok basit şablonlar var. yine de arada 5-6 tane de olsa güzel şablon bulabiliyorsunuz. 52css’de 100+ şablon bulunmakta şablonlara gitmek için burayı tıklayın.

ikinci adresimiz 52css’ye göre daha profesyonel templateworld css’nin yanında xhtml’de sunuyor. çok kaliteli şablonlar var. gitmek için buraya tıklayın.

“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.

• Masaüstü Yazılımı
• Çevrimiçi Sürümü

css-eğitici kaynaklar

merhabalar yine bir başka css yazımla sizlerle beraberiz, daha önce CSS Teknikleri hakkında yazmış olduğum buradaki ve şuaradaki yazılarımdan sonra css üzerine son bir dokunuş yapıp başlıklar halinde css ‘i anlatmaktan çok bizlere noktasal bir uygulama gerektiğini anladım çünkü biliyorum ki bu saatten sonra hiç bir arkadaş saatlerini ayırarak css’i baştan sona tüm hatlarıyla öğrenemez ya da o kadar vakit harcamaya biraz çekinirler, oysa ihtiyacı olan noktlarda css denen kodlamayı nerde ve nasıl kullanacağını bilmesi onun için yeterli olacaktır. işte bu yüzden sizleri yeni kaynaklarla tanıştırmayı bir borç biliyorum.
öncelikle benim yeterli zamanım var ben oturur öğrenirim diyenlere işte CSS’e başlamak için bir kaynak. yok benim o kadar vaktim yok diyorsanız,
Bu başlıklara kısaca göz atın…
1 – Arkaplan ve css
2 – css ve listeler
3 – CSS pozisyon ve hizalama
4 – css stiller, tablolar ,formlar
5 – css ile daha fazlası için burayı tıklayın

CSS’e Başlamak

Fatih Hayrioğlu’nun sitesinde yeralan makaleleri derlediği e-kitabı sitesinde yayınladı.

CSS’e başlayacaklar için güzel bir kaynak. E-kitabı indirmek için buradan, kaynak kodları indirmek için buradan, Fatih Hayrioğlu’nun sitesine ulaşmak için buradan.

CSSile ilgili başarılı kaynakların yer aldığı

1. Blogs
2. Galleries
3. Miscellaneous
4. Resources
5. Templates

başlıkları altında yayın yapan geniş bir kaynak.