bildirgec.org - etiketler: teknikler

Harikulade CSS3 Tekniklerinden Bir Demet!

algoz — Mon, 07 Jun 2010 12:04:00 GMT

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

CSS3 Butonlar - Demo

CSS3 İle Sütun Grafikler (Bar Graph) - Demo

CSS3 Aşağı Açılır Menü (Dropdown Menu)

CSS3 Konuşma Balonları (Speech Bubbles) - Demo

CSS3 Yuvarlak Kenarlar ve imleç etkileşimi (Border Radius Hover States) - Demo

CSS3 Gölgeleme (Box Shadow)

[Bonus+++++]
+Flash ile Görsellere Büyüteç Etkisi!
+Tweetmojo İle Webcam'li Tweetler!
+jQuery Scrollable ile Web Sayfalarını Hareketlendirin!
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?
[Kaynak] mashable
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

ilgili yazılar

Bu yazı algoz tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En İyi 50 CSS Makalesi

MisterMadDog — Wed, 14 Jan 2009 17:27:00 GMT

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

CSS ŞABLONLARI (Template) VE PLANLARI (Layout)

CSS DERSLERİ

CSS GALERİLERİ

CSS KAYNAKLARI

CSS ARAÇLARI

(kaynak)

Bu yazı MisterMadDog tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Bitirme Tarihi Yaklaştı, Hala Boş Sayfaya Bakıyorsunuz: İşte 15 Öneri

MisterMadDog — Sat, 09 Aug 2008 14:14:00 GMT

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.

2. Zaman sınırı koyun
Bazıları zaman sınırı koymanın fikir üretmek için kötü bir yöntem olduğunu düşünebilir, ve genel olarak katılıyorum. Ama zaman sınırları çok önemli olan bir şey yaparlar: bir amaca odaklanmanızı sağlarlar. Zaman sınırlarıyla birlikte, neyin yapılması gerektiğini ve ne kadar vaktimiz olduğunu biliriz. Bize kapsam, amaç ve perpektif verirler.

3. Kullandığınız araçları değiştirin
Bazen çalışmak için kullandığınız araçları değiştirmek gerçekten büyük bir fark yaratabilir. Bir ressamsanız, suluboya yerine kömür kalemi veya kurşun kalem kullanın. Eğer fikir üretmek için bilgisayarları kullanıyorsanız, kalem ve kağıda geçiş yapmayı deneyin. Önemsiz bir değişim gibi görünse de, küçük bir değişiklik yaratıcılığınıza çok büyük etki yapabilir. Değişik bir araca geçiş yapmada gerçekten insanı özgür bırakan bir şeyler var.

4. Problemi açıkça tanımlayın
Bazen amacımıza yeterince odaklanamadığımız zaman üzerinde düşündüğümüz fikirlerde kayboluruz. Sadece fikir üretmek için fikir üretiriz. Ve inanın bana, bu noktaya vardığınızda en iyisi durup “çizim tahtasına” geri dönmektir. Çözmeye çalıştığımız problemin, çözmeye çalıştığımız tek şey olduğundan emin olmalıyız.

5. Etrafınızı kaynaklarla çevreleyin
Bazen ihtiyacınız olacak kaynakları bir araya getirmek yardım eder. Eğer başka hiçbir şey işe yaramıyorsa, eninde sonunda ihtiyacınız olacak kaynakların olup olmadığına bakın. Referans kaynaklarının, kitapların, araştırma kitaplarının veya ihtiyacınız olabilecek her şeyi çıkarın. Bazen bu kaynaklara bakmak bile bir fikirnizin oluşmasına yardımcı olacaktır.

Eğer bu kaynaklara bakmak bir işe yaramıyorsa, en azından fikir nihayet geldiğinde işe başlamaya hazır olacaksınız.

6. Derin nefes alın, sinirlerinizi rahatlatın
Ah, yaklaşmakta olan kıyametin hissini kim bilmez ki? Boğazınız kurur, heyecanlanırsınız, alnınızdan terler akmaya başlar... hiç eğlenceli değildir. Bir tek o da değil, stres iyi bir fikir yakalamanızı engeller. Rahatlamanıza yardımcı olacak nefes alma tekniklerini deneyin. Güzel fikirler bulmak için rahat, ferah bir kafaya ihtiyacınız vardır.
Kontrollü nefes alma psikolojik olarak yardımcı olur çünkü hiç değilse kontrol edebileceğimiz şeylerden biridir. Hala boş sayfaya baktığımız gerçeğini kontrol edemeyebiliriz, ama nefes almamız gibi şeyleri kontrol edersek, bize ufak bir güven duygusu verir.

7. Akıl Haritası Yapın

MindMeister isimli program

Akıl haritaları bildiğiniz şeyleri ortaya koymak ve organize etmek için mükemmel bir yoldur. Bazen düşüncelerinizi organize etmek, fikir üretme işleminde inanılmaz etkili olabilir. Bir akıl haritası yaratarak, bildiğiniz ve bilmeniz gereken şeylerin kontrolünü elinize alırsınız.

8. Bir arkadaşa sorun
Eğer bitirme tarihi yaklaşıyor ve hala hiç fikriniz yoksa, bir arkadaşınızdan tavsiye alabilirsiniz. Herhangi birinden. Üzerinde çalıştığınız şeyin nüanslarını bilmelerine gerek bile yok. Bir arkadaşınıza durumu açıklamak, sizin de problemi gözden geçirmenize yardımcı olacaktır.
Neredeyse bütün fikirlerimi, yakın bir arkadaşıma danışırım. Arkadaşlardan yardım istemek iyidir, ve ister inanın ister inanmayın, genelde arkadaşlar yardımcı olmayı severler.

9. Gözleriniz kapalıyken düşünün
Bazen sadece gözlerinizi kapatmanız ve diğer dikkat dağıtıcılardan uzaklaşmanız oldukça yararlıdır. Basit bir işlem olmasına rağmen bir şeyin nasıl görüneceğini hayal etme konusunda oldukça fark yaratır.

10. Uyuyun
Dokuz numarayı bir adım öteye götürelim ve biraz kestirelim. Aklınızın yenilenmeye ihtiyacı vardır, ve 20 dakikanızı güçlenmek için uyumaya ayırabilirseniz, bitirme tarihine yetişmek için hazır olacaksınız.

11. Google’ı kullanmaktan korkmayın
İş bir çözüm bulmaya gelince çevrede hala ne kadar pürist olduğunu görmek beni şaşırtıyor. İşte küçük bir ipucu: Güneşin altında yeni olan hiçbir şey yoktur. Fikirler, genellikle başka fikirlerin uyarlanmış halleridir. Fikriler, bir başka fikrin üzerine kurulur. Temel hatları oluşturmak için birisi bütün ağır işi yapmış olabilir. Onların işlerini, ilham almak için kullanmak son derece normaldir. Yalnız çalmayın. Çalmaktan iyi bir şey asla çıkmaz.

12. Soru sormaktan korkmayın
Serbest tasarımcı (freelancer) olarak çalışırken, her zaman aklıma gelen bir sürü soruyu sorardım. Yine de eğer soru sormasaydım, müşterilerin ihtiyaçları olan en iyi çözüme ulaşamazdım. Sorunu veya işi tamamen anlamak çözümün nasıl olması gerektiğine dair daha iyi bir fikir verir.
Ve patronunuzu (veya müşterinizi) dert etmeyin. Elinizdeki görevi en iyi şekilde anlamak için her şeyi yaptığınız gerçeğini taktir edeceklerdir. (Daha önce 8 defa açıkladıkları bir soruyu sormayın da)

13. Müzik açın
Müzik yaratıcılığınızda ve problem çözme yeteneğinizde oldukça büyük bir etkiye sahiptir. Araştırmalar müziğin problem çözmede oldukça işimize yarayan düşünme yeteneğimize olumlu bir etki yarattığını göstermiştir. Jazz veya klasik gibi sözleri olmayan müzikleri daha etkili buluyorum, yaptığım işten dikkatimi dağıtmıyorlar.

14. Egzersiz yapın
Düşünce fırtınası yapmak için egzersiz çok iyi bir yoldur. Temizlik gibi, egzersiz de vücudunuzda (özellikle beyninizde) kan pompalanmasını sağlar. Bu da problemleri değişik bir şekilde çözmenize yardımcı olur. Egzersiz, yürümek, esnemek, yoga, koşmak, bisiklete binmek veya vücudunuzu hareket ettiren herhangi bir şey olabilir.
Bir fikre gerçekten ihtiyacım olduğu zaman koşmayı tercih ediyorum. Bitirdiğimde, monitöre boş boş bakacağıma koştuğum için kendimi bir çözüm bulmaya daha yakın hissediyorum.

15. Çalışmak, ilham almak değil
Bu tekniklerin en istek uyandırıcısı olduğu söylenemez ancak kendinizi bir çözüm bulmaya zorlamak bazen en iyisi olabilir. Thomas Edison bir keresinde şöyle demiştir, “Dahilik %1 ilham almak ve %99 ter dökmektir.” Bazen kendimizi bir çözüm bulmak için çalışmaya zorlamalı, ve biraz ter dökerek bir fikre ulaşmalıyız.

Bu yazarlara hep olur. Çoğu zaman yazmak, sözcükleri öğütmek ve yazmak için yazma sürecidir. Eninde sonunda çalışmak ilhama doğru gidecektir.

Yazar: Glen
Kaynak: Lifedev

Bu yazı MisterMadDog tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

53 adet öldürücü Photoshop ve illustrator efekti

pisho — Tue, 20 May 2008 20:59:00 GMT

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ış.

neon effect

illustrator ile parlak neon efekti yapmak:güzelliği ve benzersizliğiyle bir izleyicinin dikkatini çekebilen parlak bir neon etkisi yarat.

glowing neon effect

daha fazla neon ve glow (parlaklık) efekti

tüm güzel şeyler

daha çok neon, daha çok glow

duman efekti dersleri

müthiş bir dijital duman efekti yapmak: hem PS hemde AI ile yapılabilen bu teknik,oldukça özelleştirilebilir ve bir hayli çabuk yapılabilir.

dijital duman efekti

duman efekti:

duman efekti

duman oluşturmak: Abduzeedo'dan PS'ta nasıl bir duman yapılır öğrenelim.

photoshop'ta duman yapmak

daha fazla duman efektleri

Pakarabanu

Jessica Rabbit

gümüş beyaz fractal:

gümüş beyaz fractal

girdap(swirl) yapma dersleri

PS ve AI'da swirl mania: 4 farklı yolla bu efektin yapılışını gördükten sonra bunları kendin karıştırıp yeni teknikler oluşturabileceksin.

Swirl Mania

swirl illüstraysonlarını nasıl AI'da çizebiliriz

illustratorda swirl çizmek

Adobe Illustrator'da bukleli girdaplar

bukleli swirl

ışık efekti dersleri

parlak hatlı ışık efekti yapmak: fabio, bizlere hızlı bir şekilde, bu efektin ne kadar kolay olduğunu gösteriyor.

Glowing Light Painting Effect

Windows vista ışık efekti yapmak: windows vistanın her yerde gördüğümüz wallpaperlerinin nasıl yapıldığını öğrenebilir ve uygulayabiliriz.

windows vista

daha fazla ışık efekleri

yağmurlu gün gökkuşağı

rainbow

bu geniş makalenin devamını şuradan takip edebilirsiniz.

Bu yazı pisho tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

en çok kullanılan basit css teknikleri

bildigimiz son sey — Fri, 28 Mar 2008 09:13:00 GMT

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

yazıda, içinde imaj kullanmadan yumuşak köşeler yapma, tablosuz formlar hazırlama, gradient yazı efekti, çok büyük harfle paragraf başı yapma gibi teknikler anlatılıyor. herkes için ideal bir derleme

Bu yazı bildigimiz son sey tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Flickr ile neler yapabiliriz?

Gfx[pilli_silinen_hesap] — Fri, 19 Jan 2007 12:01:00 GMT

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ı

Bu yazı Gfx[pilli_silinen_hesap] tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage