bildirgec.org - redgreen - beğendikleri

Şık Sunumlar İçin jQuery Eklentisi: jCoverflip

redgreen — Sat, 17 Apr 2010 11:10:00 GMT

Genellikle alışveriş sitelerinde görmeye alışık olduğumuz, şık ve zarif bir içerik/ürün/materyal sunum türünü Flash kullanmadan yapabilmemizi sağlayan jCoverflip, etkiletici bir jQuery eklentisi görünümünde.

jQuery 1.3+ ve jQuery UI 1.7.2 gereksinimleri ile çalışabilen jCoverflip, içeriğindeki öğeleri; herbir öğe üzerine tıklamak veya jQuery UI slider ile hazrılanmış olan kaydırma çubuğu yardımı ile, sunmakta.

jCoverflip eklentisi, animasyon hızlarının ve geçişlerinin ayarlanabilmesinin yanında, renk ve font gibi görsel özelleştirmelere de izin vermekte.

Bu şık jQuery eklentisine hemen buradan ulaşabilir ve demosunu da buradan deneyebilirsiniz.
jCoverflip eklentisini ücretsiz olarak buradan indirebilirsiniz.

[Bonus+++++++]
*+10 Useful Website Analytics Tools
+Firefox'a Jet Hızında Eklenti Yazın
+Yahoo'dan Placemaker ile Coğrafi Konum API'si
+Wolfram Alpha için 3 Adet Firefox Eklentisi
+Google, Haritaları Altın Tepside Sunuyor
+Wordpress için Google Analytics Eklentisi
+TinyBox ile Web Sayfanıza Animasyonlu Pencere
[Kaynak] jCoverflip
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

10-30/04/2010

Algoz Desteğinizi Bekliyor...

2010 Blog Ödülleri için beni desteklemek isterseniz; buradan kayıt olduktan sonra, buradan teknoloji kategorisinde yarışmakta olan bloguma (algoz.bildirgec.org / profil) oy verebilirsiniz.

Şimdiden Teşekkürler...

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

psd'den css/html'e tasarım çevirme

redgreen — Tue, 21 Apr 2009 16:15:00 GMT

daha önce photoshop site tasarım dersleri ve photoshop site şablonları yazılarında site tasarımında photoshop'tan nasıl istifade edebileceğimize dair kaynaklar vermiştik. o yazılardan ediğindiğiniz şablonları ya da sizin photoshop kullanarak oluşturduğunuz tasarımları html'e nasıl uyarlayacağınıza dair anlatımlar da şurada listelenmiş.

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

57+ Ücretsiz Resim Galerisi, Slayt Gösterisi ve Lightbox Çözümü

redgreen — Wed, 18 Mar 2009 07:45:00 GMT

Aslında ilk olarak bir web tasarım projesi için kendime sade bir görsel galerisi çözümü arıyordum ancak araştırmamı ilerlettikçe İnternet üzerindeki tüm başarılı görsel galerilerinin yer aldığı bir makale yazmanın ne kadar kullanışlı olabileceğinin farkına vardım ve sonuçta da bu yazıyı yazdım. Listeyi AJAX, JavaScript ve Lightbox tabanlı galeriler, CSS tabanlı galeriler ve Flash tabanlı galeriler olmak üzere 3 ana kategoriye ayırdım bu sayede doğrudan ilgilendiğiniz kategorideki örnekleri inceleyebileceksiniz. Eminim listede bu alanda herhangi bir gereksinimi olan herkesin işine yarayacak bir çözüm mutlaka vardır.

AJAX, JavaScript (jQuery, mooTools), Lightbox Tabanlı Galeriler

1. Jon Design's SmoothGallery
mooTools 1.11 kütüphanesini kullanan bu JavaScript galerisi ve slayt gösterisi sistemi, geçiş efekti içeren yumuşak görünümlü görsel galerileri, slayt gösterileri, vitrinler ve diğer güzel görünümlü içerikleri web siteniz üzerinde kullanabilmenizi sağlıyor. Site üzeride aynı kodu kullanan 7 farklı galeri örneği bulacaksınız. Dilediğiniz örneği indirebilir ve bilgisayarınız üzerinde test edebilirsiniz.

Diğer sistemlerin aksine JonDesign'ın SmoothGallery betiği en başından itibaren web standartları ile uyumlu olacak şekilde kodlanmış durumda. Galeriyi dilediğiniz belge üzerinden besleyebilir, özel CSS seçicilerini kullanabilirsiniz. Daha da iyisi bu gelişmiş betiğin kullandığı kod sadece 24KB.

SmoothGallery

2. MiniShowcase Gallery
MiniShowcase küçük ve sade bir PHP/JavaScript tabanlı çevrimiçi fotoğraf galerisi olup, AJAX desteği sayesinde herhangi karmış bir veritabanı ya da kod kullanmadan görsellerinizi çevrimiçi ortamda paylaşabilmenizi sağlıyor. Bu betik aracılığı ile sadece birkaç dakika içerisinde çalışır bir galeriniz olacaktır.

MiniShowcase Gallery

3. jQuery SlideViewer
SlideViewer'ın dosya boyutu sadece 1.5KB. Bir jQuery eklentisi olan bu uygulama sadece birkaç satır HTML kodu yazarak görsel galerileri oluşturabilminizi sağlıyor. SlideViewer listenizde kullandığınız görselleri otomatik olarak sayıyor ve kullanılabilecek bağlantıları otomatik olarak oluşturuyor. Ayrıca her bir görsel üzerine tıklandığında otomatik olarak bir sonraki görsele geçiş yapılıyor. Sade ve kullanışlı.

jQuery SlideViewer

4. DevKick Galleria
Galleria bir JavaScript görsel galerisi olup jQuery kullanmaktadır. Görselleri sırasız liste üzerinden yüklüyor ve yüklenen her bir görselin önizleme resmini görüntülüyor. Eğer dilerseniz görsellerin önizleme resimlerini otomatik olarak oluşturabilen bu betik, önizleme resimlerinin oluşturulmasında da orantılı/orantısız, ortalanmış ya da kırpılmış gibi seçenekleri de size sunuyor ve ilgili önizleme resmini CSS ile tanımlanmış sabit önizleme kutusunun içerisine yerleştiriyor.

DevKick Galleria

5. ZenPhoto
ZenPhoto çevrimiçi galeri ihtiyacında olan kullanıcıların pek çok sorununu giderebilecek kapasitede bir betik. Karmaşık olmaktan ziyade sadece görselleri görüntülemeye odaklanan bu betiğin geliştiricileri, bir çevrimiçi galeriden beklenen herşeyi yapabildiklerini ancak bunu oldukça sade bir arabirim üzerinden görüntüleyebildiklerine dikkat çekiyorlar. Galerinin özellik listesi bir hayli uzun. Sitelerinden kontrol etmeyi ihmal etmeyin.

ZenPhoto

6. Lightbox 2
Lightbox sade ve rahatsız etmeyen bir betik olup görselleri sayfanın üzerinde ön plana çıkararak gösterebilen bir betik. Kurulumu oldukça basit ve tüm modern tarayıcılar üzerinde çalışıyor.

Lightbox 2

7. Visual Lightbox
VisualLightbox ücretsiz bir sihirbaz program olup web fotoğraf galerilerini, tek bir satır kod yazmadan oluşturabilmenizi sağlıyor. Program, popüler Lightbox 2 betiğini kullanıyor.

Visual Lightbox

8. Photo Gallery with mooTools
Tümüyle detaylandırılmış ders niteliğinde açıklamasının yanısıra pek çok görseli görüntüleyebilecek muhteşem bir fotoğraf galerisi.

Photo Gallery with mooTools

9. Grey Box
GreyBox, web siteleri, görseller ve diğer içeriği güzel bir şekilde görüntüleyebilmenizi sağlayan bir betik. Kullanımı oldukça kolay olan bu betik ile tam ekran web siteleri, görsel galerileri kullanabilirsiniz. Betik, pop-up engelleyicileri tarafından etkilenmiyor ve sadece 22KB dosya boyutuna sahip.

Grey Box

10. TripTracker
TripTracker slayt gösterisi küçük boyutlu bir JavaScript görsel görüntüleyicisi olup animasyonlu slayt gösterisi özelliğine sahip.

TripTracker

11. qGallery
qGallery kullanması kolay, prototype tabanlı bir galeri betiği. Tüm görsel işleme süreci betik tarafından gerçekleştirildiği için sunucunuza gönderdiğiniz görseller için endişelenmenize gerek yok. Tüm görseller sunucunun geçici depolama alanında depolandığı için sunucuya da fazladan bir yük bindirmiyor.

qGallery

12. jFlow Gallery
jFlow eklentisini kullanarak kendi galerinizi nasıl oluşturabileceğinizi gösteren bir rehber ve açıklama.

jFlow Gallery

13. noobSlide
Görsellerinizi mooTools kullanarak 8 farklı şekilde görüntüleyebileceğiniz bir betik. Ne yazık ki betik hakkında herhangi bir belgeleme bulunmuyor ancak kaynak kodunu incelediğinizde kullanımının ne kadar kolay olduğunu göreceksiniz.

noobSlide

14. Spacegallery jQuery Eklentisi
Görsellerinizi görüntüleyebilmenin bir diğer yolu.

Spacegallery jQuery Eklentisi

15. jQuery Cycle Plugin
jQuery Cycle eklentisi küçük boyutlu bir slayt gösterisi eklentisi. Fare imlecinin görsel üzerine getirildiğinde animasyonun duraklatılması, otomatik durdurma, otomatik sığdırma, önceki/sonraki bağlantları, tıklama önleyicileri ve pek çok geçiş efekti için destek içeriyor. Eklenti ayrıca Metadata ve Easing eklentilerini de destekliyor ancak bu eklentileri kullanmak zorunda değilsiniz.

jQuery Cycle Plugin

16. Slider Gallery
Bu 'ürün kaydırıcısı' sade bir galeriye benziyor ancak onun yerine öğreler arasında gezinmek için kaydırıcıyı kullanıyor. jQuery eklentilerini kullanan sade bir uygulama.

Slider Gallery

17. PrettyPhoto
jQuery Lightbox kopyası olan bu uygulama orjinal Lightbox uygulamasına benziyor ancak ona birkaç yeni özellik ekliyor ve tam belgelenmiş kod gibi avantajlar içeriyor.

PrettyPhoto

18. Pretty Gallery
Fotoğraflarınızı jQuery kullanarak gösterebilmenin bir diğer yolu.

Pretty Gallery

19. FrogJS
FrogJS sade, rahatsız etmeyen bir javaScript galerisi. Lightbox JS gibi örneklerin yerine kullanabileceğiniz bir uygulama olmasa da galerileri görüntülemek için bir başka yöntemi kullanıyor. Özellikle her bir görsel için bir sayfanın kullanıldığı galeriler ve fotoromanlar için ideal.

FrogJS

20. Galleriffic
Hızlı işleyen fotoğraf galerilerini işlemek için kullanılabilecek bir jQuery eklentisi. Galleriffic Mike Alsup'un Cycle eklentisinden esinlenmiş ancak daima yüksek performansı göz önünde bulundurarak özellikle çok sayıda fotoğrafın sorunsuz bir şekilde görüntülenebilmesi için optimize edilmiş.

Galleriffic

21. Pirobox jQuery Eklentisi
Özellikle son birkaç aydır görsellerin web siteleri üzerinde görüntülenmesi için kullanılan Lightbox betikleri çok popüler hale geldiler. Piyasada bu tip betiklerden onlarcası mevcut ve bunlar farklı çatıları ya da kodlama dillerini kullanıyorlar. DesignShack bu listeye bir yenisini ekliyor. Bu betiğin tasarımı ve geliştirilmesi Diegro Valobra tarafından yapılmış.

Pirobox jQuery Eklentisi

22. Slideshow 2
Slideshow 2, mooTools 1.2 için bir JavaScript sınıfı olup web sitenizdeki görsellerin sunumunu hareketli hale getiriyor. Yukarıdaki bağlantı üzerinde ilgili eklentinin farklı kullanım şekilleri örneklendirilmiş. Eklentinin kullanım bilgisi için sayfanın kaynak kodunu incelemeniz yeterli.

Slideshow 2

23. jQuery Flickr Galerisi
FlickrGallery bir jQuery eklentisi olup Flickr fotoğraflarınızın web sitenize dahil edilebilmesini sağlıyor. Eklenti bir galeriyi Flickr'ın kolleksiyonlarına benzer albümler olarak nitelendiriyor. Albümler ise fotoğraf setlerini içeriyor.

jQuery Flickr Galerisi

24. Otomatik Oluşturan Galeri
Bu galeri sizin belirleyeceğiniz bir klasör içerisindeki görselleri otomatik olarak tarayıp galeri oluşturuyor. Galerinize yeni resimler eklemek ya da resimleri çıkarmak için tek yapmanız gereken sunucudan görsellerin bulunduğu klasöre müdahale etmek. Bu güzel özellik PHP kullanılarak mümkün hale getirilmiş.

Otomatik Oluşturan Galeri

25. Photo Slider
Başlat/Duraklat düğmelerini içeren ve jQuery kullanarak nasıl bir fotoğraf slayt gösterisi oluşturabileceğinizi anlatan bir rehber.

Photo Slider

26. JavaScript Tiny Slideshow
Bu dinamik JavaScript slayt gösterisinin dosya boyutu sadece 5KB.

JavaScript Tiny Slideshow

27. S3Slider jQuery Eklentisi
Üç farklı özelliğe ve slayt gösterim yöntemine sahip bir jQquery slayt gösterisi eklentisi. Kod iyi bir şekilde kullanmış ve ileri seviyede özelleştirilebilir. Bu örneği ben bugüne kadar geliştirdiğim bazı projelerde kullandım ve şimdiye kadar bir sorun yaşamadım. Denemenizi öneririm.

S3Slider jQuery Eklentisi

28. AJAX Photo Gallery
AgileGallery'nin AJAX sürümü ücretsiz bir AJAX Fotoğraf Galerisi olup Google'nin ücretsiz Picasa uygulaması üzerinden alacağınız XML dosyasından aldığı tüm bilgileri web tabanlı bir galeri haline getiriyor. Uygulama tamamen AJAX tabanlı olduğundan resimler arasında gezinirken sayfanın yeniden yüklenmesine gerek kalmıyor.

AJAX Photo Gallery

29. Suckerfish HoverLightbox Redux
Kullanışlı bir JavaScript / CSS tabanlı görsel galerisi olup Lightbox'un bir başka sürümünü içeriyor.

Suckerfish HoverLightbox Redux

30. PhatFusion Slideshow
Çeşitli geçiş, döndürme, kaydırma efektleri içeren etkileşimli bir JavaScript mooTools galerisi.

PhatFusion Slideshow

31. HighSlide JS
Highslide JS açık kaynaklık bir JavaScript yazılımı olup Web 2.0 yaklaşımını pop-up pencerelere uygulayabiliyor. Önizleme görsellerini ve HTML açılır pencerelerini web sayfaları üzerinde kullanabilmenizi sağlıyor.

HighSlide JS

32. SlideFlow AJAX Image Gallery
Görsellerinizi web siteniz üzerinde kullanışlı bir şekilde gösterebilmek için, tam ekran desteği de bulunan bu slayt gösterisini kullanabilirsiniz. Fotoğraflar ve başlıklar XML dosyası üzerinden okunurken önizleme resimleri pakete dahil edilmiş olan Photoshop eylemleri kullanılarak önceden oluşturulabilir.

SlideFlow AJAX Image Gallery

33. Barack SlideShow
Kullanışlı ve küçük dosya boyutuna sahip bir slaytgösterisi JavaScript betiği.

Barack SlideShow

34. JQZoom Evolution
JQZoom, JavaScript ile hazırlanmış bir görsel büyüteci olup popüler JavaScript çatısı jQuery üzerinde geliştirilmiştir. JQZoom, özellikle web sitelerinin dilediğiniz bir bölümünü büyüterek göstermek isteyen kullanıcılar için ideal.

JQZoom Evolution

35. jQuery Multimedia Portfolio
jQuery için geliştirilen bu eklenti medya dosyalarının uzantısını otomatik olarak algılıyor ve ona uygun yürütücüyü yüklüyor.

jQuery Multimedia Portfolio

36. jQuery Küresel Panaroma Görüntüleyicisi
Küresel panaromalar görüntülemek için kullanılabilecek bir JavaScript görüntüleyicisi. Java ve QuickTime teknolojilerine bir alternatif.

37. jQuery Sanal Gezinti
Basi panaroma görüntüleyicisi için bir eklenti olan bu kod sayesinde jQuery desteği sayesinde panaromik görüntülerinizi sanal gezinti uygulamalarına dönüştürebilirsiniz.

jQuery Sanal Gezinti

38. mooSlideBox
mooSlideBox küçük ve zarif, AJAX tabanlı bir uzantı olup günümüzün tüm popüler web uygulamalarının neredeyse tamamında bulabileceğiniz "Lightbox"a bir alternatif teşkil ediyor. Bu Lightbox kopyası IE6/7, Opera ve Firefox üzerinde çalışıyor ve mooTools sürüm 1.11 kullanıyor.

mooSlideBox

39. jqGalScroll
jQuery Gallery Scroller (jqGalScroll= bir dizi görseli alıyor ve dikey, yatay ya da diagonal olarak ilgili görseleri sırasıyla görüntülüyor. Eklenti ayrıca görsellerinizi sayfalara ayırarak ziyaretçilerinizin görseller arasında gezinebilmelerini de sağlıyor.

jqGalScroll

40. Featured Content Slider
Kendi başına çalışır "öne çıkarılan başlıklar" uygulaması oluşturabilmenizi sağlayacak bir rehber.

Tasarımcılar için 20 kaliteli kot dokusu

redgreen — Wed, 04 Mar 2009 17:19:00 GMT

Kot dokusu, tasarımlarda kullanılabilecek harika bir materyal. Six Revisions sitesi de bizler için birbirinden farklı 20 kot dokusunu set haline getirmiş. Her doku resmi, profesyonel DSLR fotoğraf makinaları ile çekilmiş ve kullanımı kolaylaştırmak amacıyla .raw formatından .jpeg formatına dönüştürülmüş.

Buradan flickr'daki setin sayfasına ulaşabilir ya da ben hepsini cebe atayım derseniz, şuradan bütün seti indirebilirsiniz!

Veya aşağıdaki listeden tek tek beğendiklerinize göz atabilirsiniz;

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

Muhteşem ışık efektleri yaratmak için 18 Photoshop fırça seti

redgreen — Fri, 20 Feb 2009 18:56:00 GMT

Gerek web tasarımla gerekse masaüstü yayıncılıkla uğraşan tasarımcı arkadaşların çok işine yarayacağını düşündüğüm, muhteşem ışık efektleri hazırlayabileceğiniz birbirinden etkileyici, ücretsiz photoshop fırça setlerini beğenilerinize sunuyorum.
1. Sui Generis 3

2. Fractal Brush

Fractal Brush

3. Fractal Brushes

Fractal Brushes

4. Abstract 12

Abstract 12

CS4 v2 brush

Destiny Brushes

Quantum Brushes

Lighting Set 4

Glow brushes I

10. Nova Equinox Brushes

Nova Equinox Brushes

11. Light Brush Set

light Brush set

12. Light II

light ii

13. Unreal Brushes v.1

unreal brushes v.1

14. Light iii

light iii

15. Abstract Glow

Abstract glow

16. genisis brushes

genisis brushes

17. hyper brushes

hyper brushes

18. ultimate brush pack no.3

ultimate brush pack no.3

kaynak

Bu yazı redgreen 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örmeniz gereken 50 adet ücretsiz photoshop fırça seti (yüksek kalitede)

redgreen — Sat, 21 Feb 2009 10:35:00 GMT

photoshop kullanan veya photoshop ile tasarım yapan herkes yeri geldiğinde mutlaka farklı brush'lara ihtiyaç duyar. tasarımcıların da en iyi arkadaşı sayılan photoshop fırçalarının kaliteli olmaları da beklenen önemli özelliklerinden biridir.
ve bu bildiride kullanmayı isteyeceğiniz 50 adet yüksek kalitede ücretsiz photoshop fırça setine yer vereceğiz.

20 yüksek kaliteli damga fırçası

Graphic Pack/ 152 adet photoshop fırçası

ps7, ps8, ps9 ve ps10 için 45 adet ay fırçası.

Old brushes

Line Brushes

Rock Star Brushes

photoshop için duman fırçaları

Pencil Brush

Girl Brushes

duvar temalı çalışmalarınız için 15 farklı photoshop fırçası

lens, film ve kamera için 8 adet fırça

yeni stil cs4 fırçaları

8 fantastik kelebek fırçası

Metal Brushes

fotoğrafçılık ile ilgili photoshop fırçaları

20 adet müzik nota fırçası/ musical note brushes

geriye kalan 29 adet photoshop fırça setine ise buradan ulaşabilirsiniz.

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

50 adet Adobe Illustrator Video Anlatımı

redgreen — Mon, 09 Feb 2009 10:01:00 GMT

Adobe Illustrator iş vektör tabanlı grafikler hazırlamaya geldiğinde sektör standartlarını belirleyen bir yazılım. Çok güçlü araçları olan bir yazılım olmasından dolayı öğrenilmesi de bir o kadar zaman alıyor ve kişileri oldukça zorluyor. Neyse ki öğrenme aşamasını kısaltan, adım adım neler yapmamızı anlatacak şekilde hazırlanmış pek çok video mevcut.

Bu bildiride sizlere 50 adet Illustrator Video Tutorial'ını sunmak istiyorum. Bu videolarda neler yapmanız gerektiği adım adım gösterilerek anlatıldığından sanki bir sınıf ortamındaymışsınız gibi çabuk bir şekilde kavrayabiliyorsunuz.

Şimdi Adobe Illustrator'unuzu açın ve buradaki birkaç videoyu izlemeye başlayın. Kısa bir süre sonra neler yaptığınıza siz bile şaşıracaksınız.

GENEL İPUÇLARI VE TEKNİKLER
Katmanlar ve şekiller

Masking Hakkında Herşey

Katmanlar ve Gruplarla Çalışmak

Nesneler Oluşturmak
Ipod Oluşturmak

3 Boyutlu Şekiller Oluşturmak

3 boyutlu Piramit Oluşturmak

Efektler
Gradient kullanarak odun efekti

Parlayan heyecan verici kalp efekti

Listenin tamamına ulaşmak için tıklayın.

Kaynak:Smashing Magazine

Bu yazı redgreen 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 bir gmail labs: multiple (çoklu) inbox!!

redgreen — Mon, 09 Feb 2009 14:35:00 GMT

gmail labs

Gmail'den yeni bir labs uygulaması: "multiple inbox", yani aynı ekranda birden fazla gelen kutusu. ilk bakışta biraz saçma gelebilir. ama tersine oldukça kullanışlı. uygulama özetle şunu yapıyor: gelen kutusu ekranını panellere ayırıyor.

gmail labs: multiple inbox

örneğin: bildirgeç adında bir etiketimiz var. kodaman diye ayrı bir etiketimiz daha var. biz bu etiketlerimizi gelen kutusunda ayrı panellerde görmek istiyoruz. adımlarımız şu şekilde:

gmail labs sekmesindeki multiple inbox bölümünü aktive ediyoruz.
daha sonra ayarlar kısmında multiple inbox adında bir sekme göreceksiniz. buradan hangi panellerin görünmesini istiyorsanız yazıyorusunuz. bu ister label'lar olur, ister "yıldızlı" mailleriniz olur, ya da "taslaklar"ınız olabilir.

mesela "bildirgeç" ve "kodaman" etiketlerini görmek istiyoruz. pane 0: is:bildirgec ve pane 1: is:kodaman şeklinde yazar isek artık gelen kutumuz 3 panel e bölünmüş olacaktır. (gelen kutusu, bildirgeç ve kodaman)

gmail labs: multiple inbox
yine bu bölümden diğer ayarlarıda isteğinize göre yapabilirsiniz. panellerin nerede görüneceğine max. kaç mail görüneceğine vs.

gmail resmi blog sayfası
gmail

Bu yazı redgreen 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 Tasarımcıları İçin 12 Araç ve Site

redgreen — Mon, 09 Feb 2009 17:01:00 GMT

Kendi işinizin patronu olmak bazen zorlayıcı olabilir. Fakat ne şans ki bizim işimizi daha hızlı ve daha iyi yapabilmemizi sağlayacak çeşitli siteler ve araçlar geliştiren bir grup insan bulunuyor. Sıklıkla web tasarımcılığım ve geliştiriciliğim sırasında hangi araçları kullandığım sorulur bana, ben de bunun üzerine bu araçlara yönelik bir liste yapmaya karar verdim. Mac OS X işletim sistemi üzerinde çalıştığım için bu araçların pek çoğunun Mac için olduğunu hatırlatmak isterim. İşte başlıyoruz.

1. Event Box

Event Box'u sadece birkaç ay önce kullanmaya başladım ve bu servisin mükemmel olduğunu söylemek zorundayım. Hatta mükemmelden de öte. Tahmin edeceğiniz üzere zamanımın büyük bir kısmını çevrimiçi olarak geçiriyorum ve bir sürü RSS beslemesini takip ediyorum. İşte Event Box bu beslemelerin yanısıra Twitter, Facebook ve Flickr'ı da takip edebilmemi sağlıyor. Kesinlikle bu araç daha yaratıcı ve tasarım komünitesinin son zamanlarda nelerle ilgilendiğini takip edebilmem açısından mükemmel bir araç.

2. Adobe Creative Suite

Sanırım bunu kullandığımı tahmin etmeniz zor olmazdı. Adobe'nin herhangi bir giriş metnine ihtiyacı olduğunu sanmıyorum. Ben genellikle FireWorks, Photoshop ve Illustrator'u kullanıyorum. Ve evet, FireWorks'un olması gerektiği kadar popüler olmadığının farkındayım ancak ilgili yazılımı her zaman kullanıyorum ve istediğim her şeyi ve çok daha fazlasını yapıyor. Yaptığım işlerin çoğu web ile alakalı ve FW ile PS ihtiyacımı çabucak karşılayabilecek kapasitede.

3. WordPress

Geliştirdiğim sitelerin pek çoğu WordPress üzerinde çalışıyor. Neden mi? Çünkü platformun özelleştirmeye çok açık ve komünitesinden aldığınız desteğin inanılmaz olduğuna inanıyorum. WordPress'i sadece bir 'bloglama platformu' olarak görmüyorum. Bence WordPress ondan çok daha fazlası.

4. Text Wrangler

Özetle, Text Wrangler benim en beğendiğim metin düzenleyicisidir. Kod, CSS ve benzeri diğer kodları yazmanın yanısıra bildirgeç üzerindeki makalelerimi yazmak için de bunu kullanıyorum (bazen de Text Edit'i kullanıyorum elbette).

5. Evernote

Evernote sayesinde kendinizi en rahat hissettiğiniz platform üzerinde dilediğiniz bilgi parçacığını depolayıp daha sonra ona yeniden, istediğiniz yerden ulaşabilirsiniz. Servisin görseller üzerindeki metinleri de aranabilir kılması benim çok işime yarıyor.

6. iStockPhoto

Bir blog yazısına bir görsel yerleştirmek istediğimde ya da bir web sitesi için bir simge ya da o siteye özgü bir görsele ihtiyacım olduğunda genellikle iStockPhoto web sitesini ziyaret ederim. Görsellerin fiyatları çok uygun ve bazen uzatılmış lisanslar da sunuluyor. Kesinlikle önerilir. Özellikle kurumsal web siteleri hazırlıyorsanız ve daha sonra telif hakları ile başınızın ağrımasını istemiyorsanız bu tip siteleri kullanmanızı öneririm.

7. Flickr

Flickr blog yazıları ve makaleler için sadece görsel bulmak için mükemmel bir araç olmakla kalmıyor, ayrıca tasarımcılar ve fotoğrafçılarla iletişim kurmak için de kullanışlı bir platform olarak kullanılabiliyor. Flickr üzerinde bir pro hesabım var ve ödediğim her kuruşuna değdiğini söyleyebilirim.

8. Launch Bar

Launch Bar, popüler QuickSilver'a mükemmel bir alternatif. Pek çok Mac kullanıcısının QuickSilver aşığı olduğunu biliyorum ama ben her nedense Launch Bar'ı tercih ediyorum. Belki de arayüzünün sadeliğinden olsa gerek.

9. Parallels Desktop

Web siteleri tasarlarken ve geliştirirken, onun farklı tarayıcılarda nasıl göründüğünü kontrol etmeniz gerekmektedir (ah IE6 ah!). Elbette Mac üzerinde ücretsiz BootCamp'i kullanarak Windows kurabilirsiniz ancak bu yazılım ile Windows kullanmak istediğinizde sisteminizi yeniden başlatmanız gerekir. Parallels sayesinde Mac üzerinde çalışırken Windows'u kullanabilmenin bana kazandırdığı zaman tartışılmaz.

10. Pixelmator

Pixelmator yazılımı Photoshop'a mükemmel bir alternatif. Elbette Photoshop ile daha fazlasını yapabilirsiniz ancak sadece temel iyileştirmeler ve değişiklikler yapmak istediğinizde neden Photoshop'u açmanız gereksin ki? Tüm bunların yanısıra ikisinin arasındaki fiyat farkı da oldukça fazla. Gün geçtikçe kendimi daha az Photoshop, daha fazla Pixelmator kullanırken buluyorum.

11. MAMP Pro

MAMP gerçekten kullanışlı bir yazılım. Özellikle Internet erişiminin olmadığı durumlarda MySQL, PHP ve Apache'yi sisteminizde kullanmak istiyorsanız, MAMP Pro kesinlikle denemeniz gereken bir yazılım.

12. FreshBooks

Freshbooks'u, projeler üzerinde geçirdiğim zamanı kaydetmek ve ardından müşterilerime fatura göndermek için kullanıyorum. Faturalamaya yönelik her şeyi kaydetmek için kullanması oldukça kolay bir uygulama. Uygulamayı neredeyse bir yıldır kullanıyorum ve daha çok uzun süre kullanmayı planlıyorum. Web tabanlı olan bu uygulamanın iPhone ve iPod touch üzerinde çalışan bir uygulaması da mevcut.

Şimdi Konuşma Sırası Sizde
Kullandığım araçların ve sitelerin bir listesini gördünüz. Şimdi sanırım sıra sizde. Sizin özellikle web tasarımında kullandığınız araçlar neler? Faturalama, geliştirme ve tasarım işleriniz için hangi araçları kullanıyorsunuz? Yorumlarınızla paylaşın.

Kaynak: Spyre Studios

Web Tasarımcıları ve Geliştiricileri İçin Yararlı Kaynaklara Yönelik Yazdığım Diğer Yazılar

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

2008'in onlarsız yapamayacağınız 23 unutulmaz kaynağı

redgreen — Tue, 10 Feb 2009 07:43:00 GMT

2008, benim gibi blogcular için mükemmel bir yıldı. Bu yıl ise her gün bir farklı blog üzerinde daha kaliteli içerik yayımlamak için oldukça büyük bir rekabet var. Bunun amacı geçtiğimiz yıl farklı bloglar üzerinde büyük ilgi çeken blogların yayımlanmış oluşu. Bugünkü makalemizde ise 2008 yılında en çok ses getiren blogların bir kısmını derlemeye çalışacağız. Kaynaklar arasında ilham kaynakları, ücretsiz içerikler, araçlar, rehberler ve benzeri kaynaklar yer alıyor. Bu kolleksiyon özellikle tasarımcılara yönelik olarak hazırlanmış olsa da "sadece" tasarımcılara yönelik değil. Bu sebeple ilgili kaynaklardan herkesin sebepleneceğini umuyorum.

Eğer sizin de 2008 yılında okumaktan büyük zevk aldığınız kaynaklar var ise yorumlarınızda paylaşmaktan çekinmeyin.

2008'in En Popüler 100 Photoshop Dersi

2008'de Oluşturlan En Güzel 50 Simge Seti

2008'in En Güzel Web Tasarımları

2008'in Blog Trendleri

İlham alabilmeniz için 2008'de yeniden tasarlanan 10 Logo

En İyi Web Tasarımcıları İle 2008'e Bir Bakış

2008'in En İyi Illustrator Dersleri ve Makaleleri

2008'den 60 Mükemmel Abduzeedo Makalesi

2008'de Kaçırmamış Olmanız Gereken 5 İlham Veren Web Tasarım Konferans Konuşması

2008 Tasarım Trendleri

2008'in En İyi 30 Photoshop Metin Efekti Dersi