teknikler | bildirgec.org

Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.

Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, "göreni kendisine hayran bırakan" tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.

Apple HTML5 Showcase: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.

Modern web tasarımı CSS olmadan olmaz. CSS'in esnekliği web geliştiricilerine güncellemesi daha kolay ve daha hızlı web siteleri yaratmasına olanak sağlar. Toxel, bu konuda müthiş bir arşiv oluşturmuş. İpuçları, teknikler, şablonlar, dersler, galeriler, kaynaklar ve araçlar hakkında bir 50 adet makaleyi bir araya toplamış. Mutlaka inceleyin.

css ipuçları ve teknikleri

• Web Tasarımınızı CSS3 ile Birlikte Geleceğe Hazırlayın [Smashing Magazine]
• CSS Tipografi: Kontrast Teknikleri ve En İyi Alıştırmalar [Noupe]
• Güçlü CSS Teknikleri ve Etkili Kodlama [Smashing Magazine]
• Linkler İçin Süper Havalı 4 Efekt [Css Globe]
• CSS Ustalarının 10 Prensibi [NETTUTS]
• Kodunuzu Temiz Tutmanız İçin 12 Prensip [Smashing Magazine]
• Tüm Zamanların 101 CSS Tekniği - Bölüm 1 [Noupe]
• Stillerinizi CSS Reset'i ile Resetlemek [Six Revisions]

• Onlarsız Yaşayamayacağınız 53 CSS Tekniği [Smashing Magazine]
• Tüm Zamanların 101 CSS Tekniği - Bölüm 2 [Noupe]
• CSS'te Yapsısal İsim Verme Adeti [Six Revisions]
• 10 Zorlayıcı Fakat Muhteşem CSS Tekniği [NETTUTS]
• CSS Styleguide'larıyla Kodun Okunabilirliğini Arttırmak [Smashing Magazine]
• 8 Özel Tek Satırlık CSS İpucu [Css Globe]
• 20 Üzeri Yaygın CSS Bug'ı ve Çözümleri [Noupe]
• 30 Üzeri Kopya Kağıdı (Cheat Sheet) ve Rehber [All Web Design Resources]
• Size CSS 3'ü Tanıtacak 5 Teknik [NETTUTS]
• Daha İyi CSS Kodlaması İçin 70 Uzman Fikri [Smashing Magazine]

Bir fikre ihtiyacınız olup da bir tane bile aklınıza gelmemesinden kötü bir şey yoktur. Geçimini fikirler üreterek sağlayan biri olarak, bu hissi iyi biliyorum. Yine de bir fikir bulabilmemiz için iyi bir pozisyonda olduğumuzdan emin olmamıza yarayacak teknikler var. İşte büyük bir fikir üretmeye hazır olduğunuzdan emin olmanız için 15 teknik.

1. Çevrenizi temizlemekle başlayın
Temizlemek bir çok şekilde yardımcı olur. Temizlik çalışma alanınızdan uzaklaşmanızı (bilgisayarınız gibi) ve hareket etmenizle birlikte tüm vücudunuzda kanın pompalanmasını sağlar. Psikolojik olarak da, temizlik aynı zamanda karışıklığın ortadan kalkmasını sağlar, ki karışıklık da odaklanmamızı oldukça zorlaştırır.
Temizlik, yaratıcılık düşmesinden çıkmak için benim açık ara favori metodumdur. Streslenmeye başladığım saniyede, masamı, oturma odasını ve mutfağı temizlemeye başlarım. Bitirdiğimde bir sürü fikrim olur.

acemi, uzman veya normal bir adobe Photoshop(PS) ve illustrator (AI) bilginiz olması önemli değil. yeter ki gördüğünüz bu dersleri yapma isteği duyun.. 53 adet mükemmel ders ve herbiri farklı farklı teknikler.

haydi başlayalım..

Neon ve Glow Effects dersleri

mükemmel neon efekti yapmak :tony ariawan'ın hazırladığı bu PS dersi ile warping,maskeleme ve renk kullanımı ile yüksek teknolojik bir görünüm nasıl kazandırılır, anlatmış.

css diğer yöntem ve dillere göre basit kullanımı ve hızlı sayfa gösterimi dolayısıyla sitelerin vazgeçilmezlerden. özellikle web2.0 adıyla anılan pek çok uygulamada son zamanlarda ileri derecede css kullanımları göze çarpıyor.

stylized.com sitesi güzel bir çalışma yapmış ve en çok kullanılan css tekniklerinden bir kuple derlemiş.

Flickr'i bilmeyen yoktur. Ama flicker hakkında her şeyi biliyormusunuz? Veya neler yapabildiğinizi? işte size flicker ile neler yapabileceğiniz için örnek yazı ve videolar:
Flickr kullanımı (k12 online konferansından)
How to
yeni başlayanlar için flickr
Flickr eğitselleri
ileri düzey flicker eğitseli
flickr teknikleri
fazlası