bildirgec.org - dragon111 - beğendikleri

15 Ücretsiz Müzik Vektör

dragon111 — Wed, 29 Apr 2009 14:42:00 GMT

15 Free Music Vector Download

Müzik ile ilgili 15 yeni ve kaliteli vektör, ücretsiz indirilmek için müzik severleri ve tasarımcıları bekliyor.

İşte liste;

1- Melodi Arkaplan | indir

Music Melody Background Vector Download

2- Müzik Arkaplan | indir

Vector Music Background Download

3- Notalar | indir

Music Notes vector Download

4- Gramofon | indir

Gramophone Vector Graphic Download

5- Neşeli Melodiler | indir

Merry Melodies Vector Download

6- Yaz Şarkısı | indir

Summer Song Vector Download

7- Nabız | indir

Music Pulse Vector Download

8- Grafik | indir

Musical Graphic Vector Download

9- Ses | indir

Sound Trackers Vector Download

10- DJ Araçları | indir

DJ Tools Vector Download

11- Kayıt | indir

Recording Pack Vector Download

12- Canlı müzik silueti | indir

Live Music Silhouette Vector Download

13- DJ Electrique | indir

DJ Electrique Vector Download

14- DJ Kız | indir

DJ Girl Club Flyer Vector Download

15- Gökkuşağı | indir

Rainbow Music Vector Download

Kaynaklar
>Vector Lady
>Vector4free
>DryIcons
>DragonArtz
Kaynak

Bu yazı dragon111 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

47 Profesyonel Poster ve Reklam Tasarımı Dersi

dragon111 — Mon, 13 Apr 2009 20:20:00 GMT

Tutorials for Creating Professional Posters and Ads

Grafik tasarımcılarının öncelikli pazarlarından olan, poster ve reklam tasarımının, profesyonel örneklerini ve nasıl yapıldıklarını ayrıntılı olarak görebileceğiniz 47 dersi aşağıda bulabilirsiniz.

Özel Photoshop ve Illustrator Efektleri

Film Afişi

Bilimkurgu

Taşınabilir Oyun Aleti

listenini devamını görmek isterseniz, buraya tıklayabilirsiniz.

Bu yazı dragon111 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

css'de uzman olmanızı sağlayacak 20 css dersi

dragon111 — Sat, 14 Feb 2009 15:25:00 GMT

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.

1.3. CSS Tabanlı Navigasyon
Bu rehberin amacı fare imleci bir menü öğesi üzerine getirildiğinde ilgili öğenin ön plana çıkarılması ile sonuçlanan CSS tabanlı bir menü oluşturmak.

1.4. Şık CSS Menüsü
Bu makalede bazı sevimli Javascript efektleri kullanılarak oluşturulmuş özel bir navigasyon çubuğunun oluşturulma aşamalarını öğreneceksiniz. Mootools kütüphanesinin işlevselliği sayesinde bu efekt sadece 1.5 KB'a sığdırılmış durumda. Bununla da kalmıyor ve ilgili menü hem çapraz tarayıcı desteğini bünyesinde barındırıyor hem de erişilebilir olduğu için arama motoru optimizasyonunu dikkate alanların gönlünü fethediyor.

1.5. Kayan Kapılar
CSS ile kayan kapılar tekniğinin nasıl kullanılabileceğine yönelik güzel bir makale.

1.6. Tanıtım Metni İçeren CSS Dikey Navigasyon
Navigasyon elementlerine tanıtım metni eklemenin yanısıra bu teknik sayfanız üzerindeki herhangi bir elemente açıklama eklenecek şekilde modifiye edilebilir. Örneğin profil adlarına, soru-cevap tarzındaki SSS sayfalarına, navigasyon elementlerine ya da diğer uygulamalara açıklama mesajları ekleyebilirsiniz.

1.7. CSS'de Sekmeli İçeriğin Üzerine Bindirme
Bu makalede Javascript kullanmadan ve çapraz-tarayıcı desteği bulunan, CSS ile hazırlanmış, bindirme desteği bulunan bir CSS sekmeli navigasyonun nasıl oluşturulabileceği anlatılmış.

2. CSS İle Yuvarlatılmış Köşeler

2.1. Box - Hepsi İçin Yuvarlatılmış Köşeler
Bu egzersizin amacı görsel olarak göze hoş gelen ve semantik olarak yazılmış en az miktarda kod kullanarak yuvarlatılmış köşeler oluşturmak. Ayrıca bu kutuların boyutu gerektiğinde değiştirilebilmeli de. İlk kutu için gerekli olan XHTML ve CSS kutunun hemen alt kısmında yer alıyor.

2.2. CSS'de Yuvarlatılmış Köşeler
CSS'de yuvarlatılmış köşeler oluşturmaktan bahsediyorduk ve arkadaşıma kendi yöntemimi gösterdim. Bunu gerçekleştirebilmek için diğer yöntemlerin de olduğunu biliyorum ancak bu yöntemlerin pek çoğı karmaşık HTML ve CSS kullanımını gerektiriyor. İç içe girmiş DIV'lerin tablo kullanmaktan çok daha iyi olmadığının farkına vardım. Bu sebeple benim yöntemim HTML ve CSS açısından fazla bir kod gerektirmiyor.

pinkfloyd'un notu: Her ne kadar burada arkadaşımız tablo kullanma yoluna gitmiş ancak siz sakın zorunda olmadıkça bu yöntemi denemeyin. Tabloları sitenizin anahat elementlerini oluşturmak için kullanmak yanlıştır.

3. CSS Fotoğraf Galerisi

3.1. Hoverbox Görsel Galerisi
Efekt için anchor bağlantısı kullanılmış zira IE'de :hover ast sınfının tek desteklendiği element bu. Her ne kadar kullandığım bu örnekteki tüm bağlantılarda # bağlantısını kullanmış olsam da siz görsellerin tam boyutlu sürümlerine bağlantı verebilirsiniz.

3.2. Çapraz Tarayıcı ve Çoklu Sayfa Destekli Fotoğraf Galerisi
Suckerfish HoverLightbox'dan esinlenmesine rağmen bu örnekte benim geliştirdiğim, metin yerine görsel kullanan çoklu sayfa anahat sistemini kullandım.

Suckerfish HoverLightbox'un aksine bu sürüm JavaScript'e ihtiyaç duymuyor ve sadece CSS kullanılmasına rağmen IE üzerinde sorunsuz çalışıyor.

3.3. Kayan Fotoğraf Galerileri
Bu galeri benim bugüne kadar geliştirdiğim en sade galeri. Dikey olarak 8:1 oranında sıkıştırılmış görselleri sırasız liste üzerinde kullanıyorum. Bu görsellerden birinin üzerine fare imlecinizi getirdiğinizde sıkıştırılan bu görseller tam boyutuna genişliyor. Kayan menü sistemimi temel aldığım bu örnekte metin yerine görsel kullandım. Herhangi bir küçük resim kullanmaya gerek yok ve tüm görsel önceden yükleniyor. Bu yöntem hem dikey hem de gösterildiği gibi yataay olarak kullanılabilir.

4. CSS Gölgeler

4.1. CSS Gölge Efekleri: Fuzzy Shadows
Bu makalede:

IE harici tarayıcılarda bir stil şablonunu nasıl gizleyebileceğimizi ve bu sayede ilgili belgenin doğrulanmasını engellememeyi,
IE5.5 ve IE6'da PNG saydamlığının nasıl doğru olarak görüntülenebileceğini,
Yukarıdakileri kullanarak nasıl gölge efekti oluşturabileceğimizi öğreneceğiz.

4.2. CSS Gölgeler
Bu makalede bir başka tekniği inceleyeceğiz. Diğer tekniklerin pek çoğu negatif marj kullanırken bu örnekte bağıl pozisyonlama kullanılarak nasıl gölge efekti oluşturabileceğimizi göreceğiz.

5. Diğer CSS İpuçları ve Hileleri

5.1. IE Çift Yüzen Marj Hatası
Eminim bununla pek çoğumuz boğuşmuşuzdur, zira en sık kullanılan css "hilelerinden" birisi de budur. eğer bu hata ile daha önce karşılaşmadıysanız hemen özetleyelim: ie6'da üzerine 'margin' uygulanmış yüzen (float) bir element kullanıyorsanız, bunun ilgili tarayıcı üzerinde doğru pozisyonlanmadığını göreceksiniz. ne şans ki ie6'nın bu hatasını gidermek çok basit.

5.2. CSS Çapraz Tarayıcı Saydamlığı
İster inanın ister inanmayın tüm tarayıcılar üzerinde CSS'nin saydamlık elementini doğru bir şekilde kullanmak mümkün. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski tarayıcıları bile kapsayabiliriz.

5.3. Kapanır Tablolar: Bir Örnek
Aşağıdaki tabloların her bili "footcollapse" adı verilen bir sında dahiller. Bu sayede kullanılan betik ok görselini altlığa yerleştiriyor ve üzerine tıkladığında tablonun kapanıp açılabilmesini sağlıyor.

5.4. CSS İle İçerik Üzerine İçerik
Kapsayıcı üzerine fare imlecini getirdiğinizde halihazırda var olan içeriğin üzerinde yeni bir kapsayıcı belirecektir. Bu teknik position:relative tekniğini kullanarak statik içeriğin mutlak olarak pozisyonlanmış içeriğin üzerinde görüntülenebilmesini sağlıyor.

5.5. CSS Yakınlaştırma
Son zamanlarda metni yeniden boyutlandırabilme özelliğini barındıran bir web sitesinin yeniden tasarlanmasında çalışıyorum. Sitenin hitab ettiği kesimin yaş ortalaması biraz yüksek, bu sebeple büyük boyutlu metin kullanmak onlar için önem taşıyor. Ve siz insanların tarayıcılarında halihazırda bulunan bu özelliği kullanmaları gerektiğini söyleyip üzerime yürümeye başlamadan önce pek çok ziyaretçinin bu tip özelliklerin farkında olmadığını ve benzer özelliğin sitenin içine gömülmesinden memnun olduğnu hatırlatmak isterim.

5.6. CSS İle Oluşturulan ve Sonradan Beliren Görsel Açıklamaları
Bu örnekte ise görsel açıklaması ve tanıtım tekniğini bir arada kullandım. Görselin açıklamasını bir bağlantı içerisine dahil ettim. Yapmak istediğim şey ise ilgili açıklamayı kullanıcı görsel üzerine fare imlecini getirene kadar gizlemek.

Kaynak: DWS mg

CSS Üzerine Yazdığım Diğer Yazılar

Bu yazı dragon111 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

dragon111 — 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ı dragon111 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