bildirgec.org - eylulbulut - beğendikleri

İlham Kaynağı 21 Güzel Giriş Sayfası / Form Tasarımı

eylulbulut — Tue, 12 May 2009 12:21:00 GMT

Bir web sayfasında bulunan giriş (login) bölümü tasarımı ziyaretçiler için önemlidir. Eğer farklı tasarımlar yapmak istiyorsanız bu yazıda size ilham kaynağı olabilecek giriş sayfası tasarımlarına ulaşabilirsiniz.

1 - myvirtualpaper.com

2 - login page

3 - Mobile ME

4 - unblbab

5 - Acrobot

6 - Nasi Briyani

7 - Joost

8 - Login page design

9 - Wufoo

10 - PSI: Login Page

11 - Login window

12 - Login Page

13 - smart client layout Login page

14 - window vista login page

15 - Login Page

16 - Maple Login

17 - Project Red Mantis

18 - Go Plan

19 - MMO Site

20 - College Humor

21 - Strawpoll

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

ilham kaynağı olabilecek 30 güzel müzik web sitesi

Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

30 Yaratıcı İllustration Website Başlığı

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

İlham Kaynağı Olabilecek Buton Tasarımları

Web Tasarımında Beyaz Renk Kullanan Web Siteleri

Web Tasarımında Etkili Başlıklar

İlham Kaynağı 101 Harika Portföy Sitesi

40 Güzel Mavi Renk Kullanan Web Sitesi

30 Güzel İllustration Website Altı (Footer)

kaynak: dreamcss.com
diğer yazılarım

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

flaş oyun geliştirme dersleri ve fla dosyaları

eylulbulut — Tue, 05 May 2009 08:35:00 GMT

Flash Game Development Tutorials & FLA Files

flaş oyun geliştirmek ve actionscript öğrenmek isteyenler için seçilmiş, 35+ flaş oyunun yer aldığı bu liste ile derslere, oyunların demolarına ve fla dosyalarına ulaşabilirsiniz.

Tavuk ve Yumurta Oyunu

Chicken And Eggs Game

demo - kaynak dosyalarını indir

ActionScript 3 ile basit bir kaçış oyunu

Simple Avoider Game Tutorial

Demo - Kaynak dosyalarını indir

AS3 Karakter Hareketi: Helikopter Oyunu

AS3 Character Movement: Helicopter Game

Demo - kaynak dosyalarını indir

ActionScript ile basit tahmin Oyunu

Simple Guessing Game with Actionscript

Demo - kaynak dosyalarını indir

Lazer Çarpışmasını kontrol etmek

Laser Collision Checking

demo - kaynak dosyalarını indir

Arcade Oyun

Building an Arcade Game

Demo - kaynak dosyalarını indir

Yarış Oyunu

Flash Racing Game Tutorial

demo - kaynak dosyalarını indir

Adam asmaca

Hangman Game

demo - kaynak dosyalarını indir

Fırlatma (Mancınık) Oyunu

Catapult Game

demo - kaynak dosyalarını indir

Balon vurma

Balloon Shooting Game

demo - kaynak dosyalarını indir

devamını görmek için buraya tıklayabilirsiniz.

ilginizi çekebilir
30 Flaş (Actionscript 3.0) Dersi
Ücretsiz Flash Dersleri (Video) Sunan 19 Site
5 mükemmel flash uygulaması

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

online 3d videolar üretin

eylulbulut — Fri, 07 Nov 2008 09:10:00 GMT

örnek

xtranormal, Hazır ortamlar ve karakterler ile kendi 3 boyutlu videolarınızı yapabileceğiniz bir site. karakterlerinizi seçiyor, ona istediğiniz hareketi yaptırabiliyor ve istediğiniz şeyleri söyletebiliyorsunuz. daha sonra yaptığınız videoları site üzerinden başkalarıyla paylaşabilir yada facebook youtube gibi sitelere gönderebilirsiniz.

örnek

Örnek Videolar için 1 ,2, 3

Bu yazı eylulbulut 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 iyi 4 Flash 3d motoru

eylulbulut — Fri, 07 Nov 2008 13:12:00 GMT

Bilindiği gibi Flash iki boyutlu animasyonlar oluşturabileceğiniz bir yazılım. Her ne kadar swift3d gibi yazılımlar ile 3dsmax'te oluşturulan animasyonlarınızı flash'a aktarabiliyor olsanızda bu önceden render edilmiş görüntüler bazen işinizi görmeyebilir. Örneğin kullanıcılarınıza ürünlerinizi interaktif olarak döndürüp çevirebileceği her yönünü incelebileceği araçlar yapamazsınız.

Bu tarz uygulamalar için görüntüyü gerçek zamanda render eden kütüphanelere ihtiyacınız vardır. Adobe Flash'ın iki boyutlu ortamından sıkılanlar için Flash ile yazılmış en iyi 3d motorları sizler için derledik.

flash sandy

Flash Sandy
Açık kaynak kodlu bu kütüphane ile nesnelerinize basit shader efektleri uygulayabilir, materyal sınıfları ile istediğiniz görünümleri elde edebilirsiniz. Kullanımı kolay, AS2 ve AS3 versiyonları olan bir kütüphane

Away3d

Away3d
En başarılı Flash 3d motorlarından biri. standart özelliklerin yanısıra 3d font,quattree,fog gibi gelişkin özelliklerede sahip.

Alternativa 3d

Alternativa3d
Ticari projeleriniz için para vermek zorunda olduğunuz bir motor alternativa. Bu motor tamamen Flash Player 10 için optimize edilmiş bir versiyonada sahip. Yani içlerinde en performanslısı diyebiliriz. Özellikle şu demo yukarıda bahsettiğim ürün tanıtımları için iyi bir örnek teşkil ediyor.

Papervision3d

Papervision3d
İlk tam teşekküllü motor dersek yanlış olmaz. Papervision 3d ile çalışmayı tercih ederseniz arkasındaki topluluktan memnun kalacaksınız. Kaynak sıkıntısı çekmeyeceksiniz.

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

DaVinci Programıyla yurtdışına bedava gidiş

eylulbulut — Sat, 01 Nov 2008 08:10:00 GMT

Muhtemelen birçok insanın haberi olmayan bir oluşum DaVinci programı. Bu program çerçevesinde tüm meslek gruplarından insanlar, öğrenciler ve akademisyenler başta Almanya olmak üzere 90 güne kadar Avrupa Birliği'nin sponsorluğunda yurt dışına gönderiliyor. Tüm harcamalarınızın finanse edilmesi bir yana bu iş için vize gerekmemesi ve sadece gri pasaportun yeterli olması oldukça güzel bir imkan. Bunun yanında uçak biletinizden, yiyecek giderlerinize, ulaşım giderlerinizden tercüman ihtiyaçlarınıza kadar her şey AB'nin kültür programı olan DaVinci programı ve partner firma europeancontact sayesinde oluyor.

Süreci kısaca açıklamak gerekirse; Bir kültür programı için proje hazırlıyorsunuz. Bu projeyi Ulusal Ajans'a gönderiyorsunuz. Projeniz AB Kültür ofisi olan Ulusal Ajans'a gidiyor ve onaylandığında gereken masraflarınız tespit edilip gri pasaport işlemlerine başlanıyor. Yurt dışında havaalanında karşılanıyorsunuz ve projenizi gerçekleştirmeniz için gereken ne varsa partner firma tarafından sizin için karşılanıyor.

Projeye gelince, mesela muhasebicisiniz ve ofisinizde 10 kişi toplanıp gitmek istiyorsunuz. Projeniz tekdüzen muhasebe sisteminin Almanya'da uygulanışı olsun. Belirttiğiniz süre içerisinde oradaki sistemi anlamaya yönelik grup gezileriniz, kontakt kurabileceğiniz insanlar ve işyerleri a'dan z'ye partner firma tarafından hallediliyor. Böylece öğrenmek istediklerinizi yerinde sorabiliyor, isterseniz belli bir süre orada gönüllü olarak çalışabiliyorsunuz.

vize ve maddi sebeplerden yurt dışına çıkamamış, farklı bir kültürde merak ettiği bir konuyu kendi gözlemleriyle anlamak ve yaşayarak öğrenmek isteyen herkes için büyük bir fırsat DaVinci Programı.

Bu yazı eylulbulut 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 ile sayfa zeminine hükmedin!

eylulbulut — Thu, 16 Oct 2008 09:14:00 GMT

XHTML'in cazibesinden gözlerinizi kamaştırabilmek için size, CSS kullanarak ne gibi zemin işlemleri (css background) yapabileceğinizi anlatmak istiyorum. Artık HTML etiketlerinde klasik olarak kullandığımız "background" etiket özelliği (property) yerini CSS'in güçlü background tanımlarına bıraktı.

Sayfa zeminine tam ekran resim yerleştirme:
Mesela sayfanız zemininde tam ekran olarak görüntülenecek bir görsel kullanmak istiyorsunuz. Ayrıca bu görselin tüm çözünürlüklere göre kendini sayfaya tam olarak yerleştirmesini de bekliyorsunuz. Hiçbir javascript kodu yazmadan sadece buradaki örneği şablon olarak değerlendirerek bunu yapabilirsiniz. Nasıl birşey elde edeceğini tam olarak burdan ve şurdan görebilirsiniz.
CSS ile filigran (watermark) kullanımı
CSS tanımları sayesinde artık filigranlı (watermark) görseller oluşturmakta çok kolay. Burada, bu konuda çok detaylı ve PHP destekli olarak hazırlanmış bir örnek bulabilirsiniz. Burdaki eğitsel notta ise (tutorial'da ise) PNG resim kullanarak CSS ile nasıl filigran görseller yapabileceğinizi görebilirsiniz.Bu yazıda ise direk filigranlı zemin hazırlamanın yöntemi mevcut.
CSS'de zemin konumlandırma (background position)
CSS tanımlarının bize sağladığı en büyük kolaylıklardan biri ise zemin üzerinde tam hakimiyet kurmanızdır. Tanımladığınız zeminin bulunduğu bölge (division) içersindeki X ve Y konumlarını belirtebilirsiniz.

Bu özellikten faydalanarak yine hiç javascript kullanmadan yanıp-sönen (roll over) butonlar hazırlayabilirsiniz. Son olarak konu hakkında özet bilgi niteliğindeki bu yazıya da göz atın.

Bu yazının BONUS BİLGİSİ:
CSS etiketlerinin neler olduğunu hatırlamakta güçlük çekiyor ve neyi nasıl yapacağını tam olarak hatırlayamıyorsanız, imdadınıza Cheat sheet'ler koşuyor. Bunları yazıcıdan yazdırıp her an göz hizasında bir yere asın. İşte size kapsamlı bir kaç cheat cheet;

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

kidzui ile çocuklar için daha güvenli internet

eylulbulut — Sat, 04 Oct 2008 13:08:00 GMT

daha önce burada çocuklar için olan bir video paylaşım sitesinden bahsetmiştik.

bu bildiride ise "çocuklar için internet" sloganı ile yola çıkan yeni bir uygulamadan bahsedeceğim. filtrelemeden ziyade interneti çocuklar için özelleştiren KidZui adlı tarayıcı çocuklara uygun olan 1 milyona yakın site, video ve resmi onlara güvenli bir şekilde sunuyor. çocukların güvenli bir şekilde internette gezinmelerini hedefleyen bu uygulamanın kullanımı oldukça kolay olmakla birlikte çocukların ihtiyacına göre tasarlanmış.

yayın aşamasından önce 200 öğretmen ve gönüllü ebeveynler tarafından ağ araştırması yapılan KidZui, sürekli gönüllü öğretmen ve ebeveynler tarafından inceleniyor.

ebeveynlere, çocuklarının internet aktivitelerini kontrol etmesini de sağlayan ve daha önceleri tamamen ücretli olan bu uygulamaya artık ücretsiz bir şekilde ulaşabiliyorsunuz.

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

tek tıkla sitenize wysiwyg editör ekleyin!

eylulbulut — Sun, 21 Sep 2008 19:07:00 GMT

siteleriniz için wysiwyg editör

WYSIWYG editörleri siteye yapılan giriş işlemlerinde metni düzenlemek için birçok yerde kullanılmakta. Örneğin Wordpress'te çok detaylı bir wysiwyg editör bulunmakta. Bu editörleri yazmak için javascript bilgisi gerekiyor ve bilmeyenler için bu tarz özellikleri sitelere eklemek işkence oluyordu. Fakat jQuery için yapılan bir ek paket bu zorlukları tamamen ortadan kaldırıyor. Sadece 4-5 satır kod ve 7kb'lık js dosyası ile güzel tasarlanmış ve basit işlemleri kolaylıkla yapabilen bir wysiwyg editöre sahip olmanız mümkün.

Buradan indirebilir ve nasıl kullanılacağı hakkındaki rehberi okuyabilirsiniz.

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

Adobe illustrator için oldukça faydalı 10 adet ücretsiz script

eylulbulut — Thu, 18 Sep 2008 14:31:00 GMT

İllustrator; AppleScript, Visual Basic, JavaScript, ve ExtendScript gibi script türlerini destekler. Bu scriptleri Dosya/Scripts dizinini takip ederek yükleyebilirsiniz.

Close All Paths / Close All Selected Paths: bu script yardımı ile açık unuttuğunuz tüm path'leri veya seçmiş olduğunuz tüm path'leri kapatabilirsiniz.

Divide Text Frame: basit ama oldukça faydalı bir script. Seçili cümledeki her kelimeyi size liste şeklinde diziyor.

Join Text Frames: Bir önceki script'in tersi bir işleve sahip, ayrık haldeki kelimeleri tek bir cümlede toparlıyor.

Fleurify: Basit şekillerden çiçeğimsi şekiller oluşturan güzel bir script.

Meatball: basit şekillerden, bağlantılı yeni şekiller oluşturabileceğiniz bir script. Logo tasarımlarınıza yeni bir aheng katabilir.

CMYK to Pantone v.2: Renk dönüşümü için kullanılabilecek bir çevirici script.

Vary Hues / Randomize Colors: Bu script, renkleri resimde göreceğiniz şekilde, tek yapı bir çeşitten, çoklu ve değişik bir yapıya dönüştürüyor.

Save File With Timestamps v.3: Çalışma dosyalarınızın isminin sonuna zaman eki koyan ve olası karışıklarda hayat kurtaran bir script.

Circle: bir şekli düzenlemek için Ona pen tool ile point ekler ve düzenlemek isteriz. İşte bu script çember'lerde bir çok nokta oluşturup daha iyi düzenleme yapmamıza olanak sağlıyor.

Swap Objects: Resimde göreceğiniz gibi iki şeklin boyutlarını çapraz bir şekilde değiştiren bir script.

kaynak

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

Yeni Başlayanlar İçin Hızlı Illustrator Kursu

eylulbulut — Wed, 17 Sep 2008 06:10:00 GMT

Vectordiary, Illustrator öğrenmeye yeni başlayanlar için toplam 22 dersten oluşan 30 günlük hızlı kurs hazırlamış. Temel tekniklerin anlatıldığı bu kursta her ders 20 dakika civarında tamamlanabiliyor. Yeni başlayanlar için faydalı olacağını düşündüğüm derslere buradan ulaşabilirsiniz.

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