bildirgec.org - cain - beğendikleri

Android'in iPhone'dan daha iyi yaptığı 10 şey...

cain — Sat, 05 Jun 2010 09:40:00 GMT

Android Elmadan bir ısırık aldı

Android (g1 olarak da biliniyor) ilk kez ekim 2008'de "iphone killer" (iphone katili) olarak duyurulduğunda belki bu katliamı gerçekleştirmedi ama Apple'ın hakimiyetine karşı ilk devrimsel hareketi başlattı. ilk android platformu bazı noktalarda iphone'dan iyiydi ama birçok fonksiyonu sağlayamıyordu. ancak 2008'den beri android çok gelişti, sadece iphone'un yaptıklarının tümünü yapmakla kalmadı artık onun yapamadığı birçok şeyi de başarıyor. aşağıda bunlar arasından öne çıkan 10 başlığı size tanıtmaya çalışacağım.

1 . android aynı anda birden fazla uygulamayı çalıştırabiliyor (multi application)

Çoklu uygulama desteği

android 1.0 sürümünden beri çoklu uygulama desteği sağlıyor. üstelik bunu yaparken sistem yazılımı veya marketplace'den (android'in app store'u) alınmış ayrımı da yapmıyor. iphone'un mevcut sürümü (3.1) limitli bir çoklu uygulamayı destekliyor ancak bunlar sadece iphone'un kendi uygulamaları ile kısıtlı (mail, ipod gibi) apple bu eksiğini os 4 ile gidereceğini belirtiyor ama android'in geldiği noktaya gelebilmesi için uzun bir yol gitmesi gerekecek gibi.

2. ilk ekranda bilgi sağlayabiliyor

Home ekranı

android'in önemli bir avantajıda kişiselleştirilebilen ilk ekranı. bu ekranda istediğiniz araç ile istenilen bilgi sürekli gözünüzün önünde durabiliyor. bunun için de her seferinde ilgili uygulamayı açmak zorunda değilsiniz (hava durumu veya borsa gibi) istenilen uygulama ana ekranda sürekli açık ve güncel bilgi ile durabiliyor.

3. Marketplace Appstore'dan daha iyi

App Store çok seçici

evet belki apple'in appstore'unda 200 bine yakın uygulama var, android'in market place'inde ise sadece 50 bin civarında. ancak hem android market place'e ilave olan uygulamalar hızla artıyor hem de burası gerçek bir açık pazar. app store'da birçok uygulama red edilirken android marketplace tamamen tüketiciler tarafından yönlendirildiği için başarılı uygulama kendini öne çıkarabiliyor. halbuki app store'da ilk fikri yaratanın ki kabul ediliyor çok daha iyi bir örneği ise benzeri olduğu için red alabiliyor.

4. Android'in uyarı ekranları daha iyi

notification ekranı

iphone'da pop-up mesajlar kısıtlandığı için aynı anda sadece bir adedini halledebiliyor, ayrıca uygulamaların birçoğu açılmadan uyarılarını veremiyorlar. android ise, uyarı barında sizi bekleyen her uyarınız için bir icon çıkarıyor, ayrıca pull down ile açarak her uyarı hakkında detay da sağlayabiliyor. iphone'un tersine tüm uygulamalara ilk ekranında uyarı verme imkanı da sağlıyor.

5. Android ile kendi donanımınızı seçebiliyorsunuz

farklı telefon markalarında aynı işletim sistemi

apple kullanıcıları farklı düşünmeye yönlendirdi ama iş donanıma gelince tüm seçebildiğiniz siyah mı beyaz mı veya 16 GB mı yoksa 32 gb mı ile kısıtlı. halbuki android açık bir platform olduğu için her üretici farklı ekran özellikleri, bellek veya prosesör kullanabiliyorlar. hatta bazıları klavye takımı bile sağlayabiliyor.

6. android ile operatörünüzü siz seçebilirsiniz

bu türkiye'de artık ciddi bir problem olmasa bile birçok ülkede, örneğin abd'de ciddi bir problem. abd'de halen at&t dışında iphone kullanmak için unlock şart. android ise bu konuda da sizi özgür bırakıyor.

7. android özel patchlere izin veriyor

custom ROM's

iphone'a jailbrake ile ek fonksiyonlar ilave edilebiliyor ama temel işlev aynı kalmaya devam ediyor. halbuki android'e özel patch'ler ile çok farklı işlevler kazandırmak mümkün ve bunu kendine iş edinmiş ciddi bir geliştirici topluluğu var.

8. android'de settings'ler daha kolay değişir

settings

pil katili 3G, bluetooth, wi-fi gibi birçok özelliği ikide bir açıp kapatarak pilimizi korumaya çalıştığımız bir gerçek. iphone da bunu yapmak için herseferinde settings'i açıp bunun içinde bir miktar kaybolmanız gerekiyor, halbuki android'de ana ekranınızda küçük araçları on/off yaparak kolayca bunu sağlayabiliyorsunuz.

9. google veya twitter'a daha iyi uyum

sosyalleşme

android'in google, twitter, facebook, flickr gibi sosyalleşme sitelerine uyumu çok daha iyi ve bunu native (doğal) olarak sağlayabiliyor, iphone'da belki bunda çok kötü değil ama flash desteği olmaması onu ciddi sıkıntılara sokuyor.

10. bütçenize daha uygun gelebilir

hesaplı

çok marka altında ve çok farklı donanımlarca desteklendiği için iphone'a göre daha hesaplı modellerini bulabilmeniz androidi bütçenize dost yapıyor.

Kaynak MaximumPC

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

Web Sayfa Yerleşimleri (Layouts) İçin: EZ-CSS

cain — Mon, 22 Feb 2010 17:07:00 GMT

Web sayfalarınızın yerleşim düzenleri (Layouts) + için kullanabileceğiniz EZ-CSS, bu işlemi Table yerine CSS (div) ile yapabilmeniz için geliştirilmiş ve dosya boyutu sadece 1kb olan bir CSS çatısı (CSS framework).

Çoklu sütun ve sıra oluşturabilme, farklı genişlik ve yüksek değerleri kullanabilme ve web sayfalarına kolayca ekleyebilme gibi daha birçok özelliği, avantajlar/özellikler listesinde barındıran EZ-CSS'yi farklı projeleriniz için kullanabilirsiniz.

EZ-CSS'nin ana sayfasına buradan ve farklı örneklerin bulunduğu demo sayfasına da buradan ulaşabilirsiniz.

Bonus+++++++:
+60 Beautiful Premium Icons (Free)

+TexturePalace

+Layouts için 6 Adet jQuery eklentisi
+jQuery ve CSS ile Page Peel Effect'i
+html formları için 25 harika jquery eklentisi
+jquery ile hoş bir Hover Effect'i
+en iyi 10 jquery slider eklentisi

Kaynak: EZ-CSS
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

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

OKyoutube İle Youtube'tan Video İndirmek Çocuk Oyuncağı!

cain — Fri, 05 Feb 2010 07:44:00 GMT

Web aleminin en popüler video paylaşım sitesi olan Youtube'tan video indirmek için, farklı yöntemleri kullanan onlarca araç bulunmakta. Bu onlarca araçtan biri olan OKyoutube, kullanım kolaylığı bakımından diğerlerinden ciddi anlamda ayrılmakta.

Diyelim şu an Youtube.com'da herhangi bir videoyu izliyorsunuz. Video'yu beğendiniz ve hemen indirmek istiyorsunuz. Eğer OKyoutube kullanmıyorsanız, ya bu iş için hazırlanmış bir uygulamaya yapıştırmak üzere adres çubuğundaki adresi kopyalamanız ya da bu iş için tarayıcınıza daha önce eklemiş olduğunuz bir uygulamayı çalıştırmanız gerekmekte.

Ama OKyoutube'u biliyorsanız yapmanız gereken tek şey;
adres çubuğunda:
[ www.youtube.com/watch?v=Jiu_RVueGBs ] şeklinde bulunan Youtube linkini,
[ www.OKyoutube.com/watch?v=Jiu_RVueGBs ] şekline dönüştürüp entere basmak.
İşte bu kadar. Yaptığımız sadece youtube'un başına OK harflerini eklemek ve enterlemek.

Bu işlemden sonra, herhangi bir başka sayfaya gitmeden, videonuzu FLV formatında hemen indirebilirsiniz.

Eğer videonuzu 3GP formatında indirmek istiyorsanız, Youtube linkini
[ www.3.OKyoutube.com/watch?v=Jiu_RVueGBs ] şekline veya MP4 formatında indirmek istiyorsanız;
[ www.4.OKyoutube.com/watch?v= Jiu_RVueGBs ] şekline dönüştürmeniz ve enterlemeniz yeterli.

OKyoutube'tan video indirmenin bir diğer yöntemi ise; indirmek istediğiniz Youtube videosunun linkini kopyalayıp www.okyoutube.com'a gitmek ve Enter Youtube Video URL : kutusuna yapıştırıp Show Download Links butonuna tıklamak.

Bu işlemden sonra, OKyoutube size videonuzu 3 farklı formatta indirmeniz için linkler önerecektir. Sizin yapmanız gereken bu linklerden istediğinize tıklamak ve videonuzu indirmek.

Son Olarak: OKyoutube için hazırlanmış videoyu buradan izleyebilirsiniz.

ve malum meselemiz

Bonus+++++++++:
+TweetSaver ile Tweetlerinizi Yedekleyin!
+TweetDeck Yenilendi ve Artık iPhone'da
+Twitter Şimdi de Mikro-Forum Oldu!
+Twinslator ile Tweet'ler Dillendi!
+Twitter İçin Web Tabanlı Terminal
+Twitter İş gücü ve Ürün Pazarı: Tweetmart
+Bu Tweet'ler Canlı Canlı...
+Poke.ly ile Twitter'daki Arkadaşlarınızı Dürtün!

Kaynak: okyoutube
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

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

Animasyon Yapımı için 24 adet ücretsiz photoshop dersi

cain — Mon, 28 Sep 2009 06:43:00 GMT

Photoshop (*), her çeşit tasarımcı için önemli bir araçtır. o, tasarımın birçok çeşidinde ve daha başka bir dolu yerde kullanılıyor. hatta photoshopu animasyon yapımında da kullanabilirsiniz.
eğer normal photoshop derslerinden sıkıldıysanız ya da onlar size artık kolay geliyorsa (aslında bunlar çok daha kolay) bu bildiri tam size göre.

daha önce şurada da birkaç örneği bulunan gif formatında animasyonlar yapabilmeniz ya da kendi hareketli avatarınızı, imzanızı kolaylıkla yapabilmeniz için bu bildiride 24 adet ücretsiz photoshop dersine yer vereceğiz.

1 - hareket eden böcek animasyonu

2 - kar temalı çalışmalar için animasyon dersi

3 - titreşim efekti

4 - photoshop ile dijital saat animasyonu

5 - animation burn fire in Photoshop

6 - How to Create GIF Animations

7 - Download meter photoshop animation tutorial

8 - Ripple Effect

9 - Animated Interface

10 - ajax tarzı dolan gif animasyonu

11 - Animating in PhotoShop CS3

12 - Glitter Menu in photoshop

13 - Animated Heart

14 - Animated Blur Text Transition

15 - arama iconu animasyonu

16 - disco efektli yazı animasyonu oluşturma

17 - Earthquake Animation

18 - Girl morphing into a devil animation

19 - düşen objeler animasyon dersi

20 - Photoshop Animated Melt Text

21 - Bomb Blast Technique Tutorials

22 - Mona lisa animation

23 - garafik photoshop animasyon

24 - Photoshop Photo Retouch Animation

şuradaki gibi oldukça hareketli bir bildiri oldu sanırım. bu derslerden birkaç tanesinin yardımıyla bile artık kendi hareketli giflerinizi yapabilir, onları avatar ya da (mail veya forumda) imza olarak kullanabilirsiniz.

tüm bunların sonunda photoshop ile ilgili şu dersler de ilginizi çekecektir:

|diğer yazılarım|

|dilerseniz yazılarımı rss üzerinden de takip edebilirsiniz|

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

hayatı kolaylaştıracak 11 css3 tekniği

cain — Thu, 10 Sep 2009 09:03:00 GMT

Hayatı kolaylaştıracak CSS tekniği nasıl mı olur? İşte cevabı... CSS3 birçok yeni nesil tarayıcıda desteklenmeden önce CSS ile yapmaya uğraştığımız birçok efekt vardı. Örneğin Yuvarlak Köşeler (rounded corners) yapmak için ekstra bir imaj ya da javascript dosyası kullanmak zorundaydık. Lakin CSS3 ile beraber ,bu çok kullanılan ama yapılması biraz külfetli olan efektler, rahatça yapılmaya başlanacak. Bu yazıda CS3 desteği ile gelen ve kod yazma süresini oldukça aza indirecek efektleri göreceğiz.

1. Yuvarlak Köşeler
jquery eklentisini kullanarak, yada top şeklindeki bir imaj dosyasını CSS Sprite tekniği ile bölerek yapabildiğimiz yuvarlak köşeleri artık kısa bir kod ile yapabileceğiz.

rounded corners


border-radius: 10px;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;

2. Eleman Gölgesi
Türkçe mealini eleman gölgesi olarak telaffuz edebileceğimiz Box Shadow'u aslında jQuery'nin dropShadow eklentisi ile kolayca yapmak mümkündü. Şimdi ise sadece 3 satırlık bir kod ile yeni nesil tarayıcılarda bu özelliği kullanmak mümkün.

box shadow


box-shadow: 5px 5px 2px black;  
-moz-box-shadow: 5px 5px 2px black;  
-webkit-box-shadow: 5px 5px 2px black;

3. Yazı Gölgesi
CSS ile yazı gölgesi yapabilmek için eskiden iki divi üst üste getirip, araya çok ufak bir top margin ve left margin koyuyorduk. İki div'de farklı renklerde aynı yazının bulunmasına da önem gösteriyorduk. CSS3 ile yazı gölgesi desteği de geldi.

text shadow

Eski tip yazı gölgesi
<style type="text/css"> .font { font-size: 20px; color: #2178d9; } .fonts { position: relative; } .fonts .font { position: absolute; z-index: 200; } .fonts .second { top: 1px; color: #000; z-index: 100; } </style> <div class="fonts"> <span class="font">The quick brown fox jumps over the lazy dog.</span> <span class="font second">The quick brown fox jumps over the lazy dog.</span> </div>

Yeni tip yazı gölgesi
<style type="text/css"> .font { font-size: 20px; color: #2178d9; } .font { text-shadow: 0 1px 0 #000; } </style> <span class="font">The quick brown fox jumps over the lazy dog.</span>

4. Font Desteği
Cufon, sIFR, FLIR gibi servisleri sırf CSS'in desteklemediği fontlar için kullanmadık mı? Hala çok popüler olan bu servisler gelecekte tarihin tozlu sayfalarında yerlerini alacaklar. Çünkü CSS3 ziyaretçinin bilgisayarında bulunmayan fontları indirerek gösterime izin vermekte.

font face

Yaşasın @font-face
<style type="text/css"> @font-face { font-family: 'Loyal'; src: url('loyal.ttf'); } .font { font-family: Loyal; font-size: 20px; } </style> <span class="font">The quick brown fox jumps over the lazy dog.</span>

5. Opaklık
Zaman zaman png dosyaları ile sağladığımız, zamanla css'nin de içine sızan opacity'i CSS3 ile tüm tarayıcılar destekleyecek.

Eski usul opaklık ayarlama
<style type="text/css"> .box { opacity: .6; // all modern browsers (this is CSS3) -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE 8 filter: alpha(opacity=60); // IE 5-7 } </style> <div class="box">  </div>

CSS3 ile opaklık ayarlama
<style type="text/css"> .box { opacity: .6; } </style> <div class="box">  </div>

6. RGBA Desteği
Herkes RGB'nin red, green ve blue (kırmızı, yeşil ve mavi) olduğunu bilir. Ama nedir bu A harfinin anlamı? A harfi Alpha'nın baş harfidir. Alpha ise transparanlık değerini belirlemektedir. Daha önce php ile sağlanan rgba desteği artık CSS3 ile server tabanlı bir uygulama olmaktan kurtuluyor.
CSS3 kullanımı
<style type="text/css"> .box { background: url(rgba.php?r=239&g=182&b=29&a=.25); } </style> <div class="box">  </div>

7. Arkaplan Resmi Boyutu
Arkaplan resmini Windows'taki döşeme usulü kutumuzun içine yapıştıran CSS'e resmin boyutlarını belirtmek için bol satırlı tanımlamalar yapardık.
<style type="text/css"> .box { position: relative; overflow: hidden; } .box img { position: absolute; top: 0; left: 0; width: 50%; height: 50%; z-index: 100; } .box .content { position: absolute; z-index: 200; } </style> <div class="box"> <div class="content">  </div> <img src="http://nettuts.s3.amazonaws.com/423_screenr/200x200.jpg" alt="" /> </div>

Fakat dediğimiz gibi CSS3 hayatı kolaylaştırıyor.
<style type="text/css"> .box { background: #ccc url(http://nettuts.s3.amazonaws.com/423_screenr/200x200.jpg) no-repeat; -webkit-background-size: 50%; /* Safari */ -o-background-size: 50%; /* Opera */ -khtml-background-size: 50%; /* Konqueror */ } </style> <div class="box">  </div>

8. Çoklu Arkaplan Resmi
Bir içeriğin arkaplanına iki resim üst üste atayabilmek için, iç içe iki div tanımlamalı, bir de üsttteki resmin arkaplanını transparan yapmak zorunda kalırdık. Çok şükür ki CSS3'e gelen özellik ile bir elemana birden çok arkaplan resmi tanımlayabilecek, bunları sıralayarak hangisinin daha üstte görüneceğini belirleyebileceğiz.

<style type="text/css">
.box {
width: 200px;
height: 150px;
background: url(images/text.png) center center no-repeat, url(images/bg.png) repeat-x;
}
</style>
<div class="box">
    <!--CONTENT-->
</div>

9. Hücreler
bir paragrafı iki hücre halinde sayfaya yansıtmak için çok kez javascript'e başvurduk, sayfalarımızı gereksiz kodlarla doldurduk. CSS3 bu uğraşımıza çare bulmuş ve nihayet hücrelendirmeyi bünyesine katmış.

hücrelendirme

<style type="text/css">
.columns {
-moz-column-count: 2;
-webkit-column-count: 2;
}
</style>
<div class="columns">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>

10. Kenarlık Resmi
Border olarak tanımladığımız ve sadece çizgiden ibaret olan bu elemanlar sizin de canınızı sıkmadı mı? Eğer cevabınız evet ise, CSS3 kullanarak borderlarınıza istediğiniz resimleri koymanızda hiçbir sakınca yok!

border'a resim koymak css3 ile mümkün olacak

<style type="text/css">
.box {
border-width: 20px;
-webkit-border-image: url(images/border.png) 27 round;
-moz-border-image: url(images/border.png) 27 round;
border-image: url(images/border.png) 27 round;
}
</style>
<div class="box">
    <!--CONTENT-->
</div>

11. Animasyonlar
jQuery ile yapabildiğimiz animasyonlar Webkit'li tarayıcılarda hiç javascript kodu yazmadan görülebilecek.

<style type="text/css">
.box {
position: relative;
-webkit-transition: top 300ms linear;
}
.box:hover {
top: 20px;
}
</style>
<div class="box">
    <!--CONTENT-->
</div>

Sözün Özü
Yakın gelecekten CSS3'ün iyice yaygınlaşması ile bir işe ayrılan zamanda azalmalar olacaktır. Her ne kadar IE başta olmak üzere tarayıcıların birbirleriyle olan uyumsuzluğuna bir çare bulunamasa da CSS3, birkaç popüler uygulama için bu uyumluluğu sağlayacak gibi görünüyor.

Not: Bu yazının orjinali Nettuts sitesinde 11 Classic CSS Techniques Made Simple with CSS3 başlığı ile yayınlanmış olup, bildirgeç için Tükçe'ye çevrilmiş ve yazar tarafından yorumlanmıştır.

İlgilinizi çeker mi?

Beni takip edin
basarozcan: RSS, Twitter, FriendFeed

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

yepyeni 32 adet birbirinden güzel ikon seti

cain — Tue, 08 Sep 2009 16:58:00 GMT

herhangi bir tasarım sırasında ya da bazı farklı çalışmalarımızda hiç kuşkusuz simgelere ihtiyaç duyarız ve sıklıkla onlardan faydalanırız. görsel açıdan bir üsünlük sağlayan ve üzerinde çalıştığımız tasarımlarımıza (ya da masaüstüne) daha da güzel bir hava katan ikonlar, bu yüzden birçok kişi için oldukça önemlidir. hatta tasarımcı olsun olmasın, bilgisayarla ilgili çoğu insanın bir yerlerde mutlaka bir ikon arşivi mevcuttur ve karşılaştığı yeni ikonlarla o arşivi sürekli genişletir.

daha önce şurada ve burada sizlere sunduğum ikon setlerine bu bildiri ile bir yenisini daha ekliyor, desktop veya web tasarımlarınız için kullanabileceğiniz yepyeni 32 muhteşem ikon setine yer veriyorum.

Transformers Icon Set

Hologram Dock icons

Sketchy Icons

Origami Icons

Jeans Social Icons

Blue Light Icons

Social Icons Pack Plus

Clear Bubble Social Icons

Designers Icon

Twitter Skecth Icons

Phoenix Gloss Browser Icons

Freak Icons

Coquette Part 7 Icons

Twitter Square Icons

Harmonia Pastelis Icon Set

Kidaubis Nike Dunk Icon

Psferox Design Icons

RGB Icon

Biscotto RSS Icon

iSphera Iconset

Fungiiiiiii Iconset

Office Leopard Icons

The Simpsons Icon Pack

Email Icons

Gift Box Icon

Slika Perfilux Icon Set

Adobe CS4 Replacement Icons

Micr Os Icon Pack

CS4 Pixelation Drive Icons

Google Dock Icons

Game Time Icon

Color Flow Icons

kaynak: deviantart

|diğer yazılarım|

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

Görselleri maxImage ile Boyutlandırın!

cain — Fri, 28 Aug 2009 13:32:00 GMT

Web sayfalarının tasarımında karşılaşılan farklı sorunlara, oldukça kolay uygulanabilir çözümler sunmak için geliştirilen jQuery eklentilerinden biri olan maxImage, web sayfalarındaki görsellerin boyutlanma sorunlarına bir çözüm önerisi sunmakta.

Web tasarımcılar/geliştiriciler, web sayfalarına ekledikleri görsellerin görünümlerinin, farklı boyutlardaki tarayıcılarda, benzer görüntüleri elde etmek için farklı teknikleri kullanmaktalar.
maxImage eklentisi ile web sayfalarındaki görselleri, tarayıcı her yeniden boyutlandığında görselleri de yeniden boyutlayabilme veya görselin boyutunu sabit tutabilme gibi özellikleri, web sayfalarınıza kazandırabilirsiniz.

maxImage ekletisini adım adım nasıl uygulayabileceğinizi buradan öğrenebilir ve örnek gösterimleri de buradan deneyebilirsiniz.

Bonus+++:
+jQuery ve CSS ile Page Peel Effect'i
+jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları
+html formları için 25 harika jquery eklentisi

Kaynak: aaronvanderzwan
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

tasarımcılar için ücretsiz kaynaklar

cain — Fri, 17 Jul 2009 09:18:00 GMT

daha önce ücretsiz tasarım öğeleri yazısında verdiğimiz kaynaklara ek olarak tasarımlarınızda yararlanabileceğiniz diğer öğeler:

tasarım nesneleri arama motoru yazısı da ilginizi çekebilir.

tüm yazılarım - kaynak

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

Çok Aranan 10 Flash Dersi

cain — Wed, 15 Jul 2009 09:01:00 GMT

Web üzerinde en çok aranan ve istenen flash dersleri bu yazıda toplanmıştır. Birçok projede size faydalı olabilecek derslere aşağıdan ulaşabilirsiniz.

1. Build a Fluid Website Layout (Akışkan website düzeni yapımı)

2. FlashMovieSeekBar-ControlTheMovieTimeline

3. Animate a Continuous Quad Run Cycle With Flash (Flash ile sürekli döngü animasyonu)

4. Create a Simple Inverse Kinematics Animation with Flash CS4 (Flash cs4 ile basit devrik kinematik animasyonu oluşturma)

5. Flash Animation to Mobile Phones with Flash Lite (Flash Lite ile cep telefonu animasyonu)

6. Create an Apple Inspired Flash Preloader (Apple tarzı flash preloader yapımı)

7. Flash Slideshow Image Gallery (Flash Slideshow resim galerisi)

8. Taking Music from Adobe Soundbooth to Flash (Adobe Soundbooth'dan Flash'a müzik alma)

9. 3D Space Project with Adobe Flash CS4 (Adove Flash cs4 ile 3d uzay projesi)

10. Loading XML in Actionscript 3.0 (Actionscript 3.0'da xml yükleme)

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

Youtube'dan 60+ Müthiş Flash CS4 Dersi

kaynak: colorburned.com | graphicmania.net

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

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

3d illustrasyonlarıyla yaratıcı 25 flash website!

cain — Sat, 11 Jul 2009 14:29:00 GMT

birbirinden harika bu 3 boyutlu sitelerde sörf yapmak gerçekten harika. inanılmaz görsel deneyim ve sınır tanımaz tasarımlar birleşince karşınıza çıkan siteye giriyorsunuz ve kendinizi gerçekten sitenin içinde gibi görüyorsunuz.
alt tarafta sunulan 3d formatındaki flash websiteler hayal gücünü zorlayan ve en iyi olarak lanse edilen flash websiteler arasında. bu tasarımlarla birlikte sunulan müzikli açılışlar da ayrı bir zevk sunuyor.
sitelerin açılışları biraz uzun sürse de beklemeye değer olduğunu açıldığında göreceksiniz.

Comcast Town
sitenin açılmasını beklerken bile geçen sürede ziyaretçiye sunduğu ufak görsel şölen bile izlemeye değer.

siteyi incelemek için tıklayabilirsiniz

Markez Models
açılışta sizi 3 farklı dil seçeneği karşılıyor ve bu görsel ziyafeti farklı dillerde sunuyor.

siteyi incelemek için tıklayabilirsiniz

Mourcio
sanki küçük bir köyde geziyormuşsunuz havası veren bu site, size o küçük kasabanın bir elemanıymışı gibi hissettiriyor.

siteyi incelemek için tıklayabilirsiniz

Tinman
incelediğim websiteler arasında en görkemli olanı belki de. harika bir girişle başlayan site size kendinizi galaksideymişsiniz gibi hissettiriyor ve sonra inanılmaz bir grafik resitalinin içinde buluyorsunuz kendinizi. gerçekten eşsiz bir site tasarımı. ısrarla bakmanızı öneriyorum.

siteyi incelemek için tıklayabilirsiniz

Get the Glass

siteyi incelemek için tıklayabilirsiniz

Dragon Hunters

siteyi incelemek için tıklayabilirsiniz

PrismGirl

siteyi incelemek için tıklayabilirsiniz

Capri Sonne
hepimizin çocukluğunda bir yeri olan ve "önce hüplet sonra gümlet" sloganıyla akıllarda kalan "capri sun" adlı içeceğin yabancı verisyonu.

siteyi incelemek için tıklayabilirsiniz

Lata z Coca-Cola
coca cola'nın polonya'daki sitesi. gerçekten emek harcanarak hazırlanmış bir numara bir site.

siteyi incelemek için tıklayabilirsiniz

City Expression
google earth'ün daha yakından ve net gösterdiği halini düşünün biraz daha ilgi çekici bir tasarımla ön plana çıkan enfes bir site.

siteyi incelemek için tıklayabilirsiniz

K2 Inavi

siteyi incelemek için tıklayabilirsiniz

Erguvan Platin Evleri
hep merak ediyorduk "acaba bu tarz türk siteleri var mı?" diye. gerçekten emek vererek hazırlanmış bir site. ev sahibi olmak isteyenlere birebir bir izlenim veriyor.

siteyi incelemek için tıklayabilirsiniz

Real Casual
insanlara "nasıl yani?!" dedirten türden inanılmaz bir site daha.

siteyi incelemek için tıklayabilirsiniz

Senisoft
eski zamanların ingiltere'sini anımsatan farklı tarzda yaratıcı bir çalışma.

siteyi incelemek için tıklayabilirsiniz

On Toyota’s Mind

siteyi incelemek için tıklayabilirsiniz

Simcity

siteyi incelemek için tıklayabilirsiniz

Del valle dos Monstros

siteyi incelemek için tıklayabilirsiniz

Creatktif
düşüncenin ve tasarımın sınırlarını zorlayan bir 3d site.

siteyi incelemek için tıklayabilirsiniz

Summer Festival
sitenin açılışı bile hayranlık bırakıyor insanda. harika bir site.

siteyi incelemek için tıklayabilirsiniz

Ten heldere Kijk op schipol

siteyi incelemek için tıklayabilirsiniz

Saizenmedia

siteyi incelemek için tıklayabilirsiniz

WWF Brasil

siteyi incelemek için tıklayabilirsiniz

Zigg

siteyi incelemek için tıklayabilirsiniz

Wake up YOur Feelings

siteyi incelemek için tıklayabilirsiniz

New Work City

siteyi incelemek için tıklayabilirsiniz

kaynak

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