bildirgec.org - aransayes - beğendikleri

Web 2.0 tarzında 20 adet sticker (etiket)

aransayes — Mon, 07 Apr 2008 13:25:00 GMT

şuradaki sayfada, özellikle web 2.0 sitelerinde gördümüz ve "sticker" olarak adlandırılan etiketleri bulabilirsiniz. Farklı renklerde ve vektör olarak hazırlanmış bu 20 adet etiketi buradan direkt indirebilirsiniz. Etiketler AI, EPS ve PNG formatlarında sunulmuş.

Bir de "bu etiketler acaba nasıl yapılıyor?" diye merak edenler için şuradaki türkçe makaleyi de önermek isterim.

stickers (etiketler) nasıl yapılır?

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

Ajax ve javaScript tabanlı fotoğraf galerileri

aransayes — Mon, 21 Apr 2008 07:03:00 GMT

Birbirinden güzel fotoğraflarınız varsa ve bunları birilerine göstermek istiyorsanız o halde fotoğraf galerileri tam size göre. İşte ajax ve javascript ile hazırlanmış 15 fotoğraf galerisi:

Galleria
jquery ile yazılmış bir fotoğraf galerisi. javascript ile çalışıyor. <ul> etiketiyle listelediğiniz fotoğrafları otomatik olarak galeriye dönüştürebiliyor.

galleria
lightwindow
lightbox efektini kullanarak galeri oluşturabiliyor.

lightwindow
(E)2 photo gallery
mootools kütüphanesi kullanıyor. Önce fotoğraflarınızı bir klasöre upload ediyorsunuz ve galerinin bu klasördeki fotoğraflar ile oluşturulmasını belirtiyorsunuz. Böylece galeriniz otomatik olarak hazırlanıyor.

(e)2 photo gallery
spry gallery
Adobe'un spry isimli javascript kütüphanesi ile hazırlanmış sade bir fotoğraf galerisi

spry
imago
Yaklaşık 8 KB olmasına rağmen AJAX tekniği kullanan ve güzel özellikleri olan bir galeri. Flickr desteği ve galeri bilgilerini XML dosyasından alabilme özelliğine sahip.

imago
slideviewer
fotoğraflarınızı slayt şeklinde sergileyebileceğiniz ve bir jquery eklentisi olan bir galeri. özellikle efektleri çok hoş.

slideviewer
minishowcase
php, javascript ve ajax üçlüsü ile yazılmış, karmaşık olmayan ve birkaç dakikada hazırlanabilen bir galeri. galerideki fotoğraflara tıkladığınızda fotoğraflar "lightbox" efekti ile açılıyor.

minishowcase
ajax image gallery powered by slideflow
Adından da anlaşılabileceği üzere AJAX tekniği ile hazırlanmış basit bir galeri. Fotoğraflara slayt gösterisi şeklinde bakabiliyorsunuz.

ajax image gallery powered by slideflow
lightweight image gallery
"Öyle çok karmaşık bir galeri istemiyorum" diyorsanız bu galeri sizi tatmin edebilir. Oldukça sade ve hazırlanışı kolay bir galeri çünkü.

lightweight image gallery
photofolder
İçerisinde jpg formatında fotoğrafların bulunduğu bir klasörü otomatik olarak tarıyor ve fotoğrafları sizin yerinize boyutlandırıyor. Yani galeriyi otomatik olarak hazırlayabiliyor. PHP 5 gerektiriyor.

photofolder
jas gallery
jas kelimesi aslında "javascript slides" kelimelerinden oluşturulmuş. Fotoğraflara slayt ve fading efektleri uygulayabiliyor. Ayrıca fotoğrafları etiketleyebiliyorsunuz. Böylece kullanıcılar, görmek istedikleri fotoğraflara daha hızlı ulaşabiliyorlar.

jas gallery
mooflow
Apple'ın şuradaki sayfasına girdiğinizde, sayfanın üst tarafında yatay bir kaydırma çubuğu göreceksiniz. Bu çubuğu kaydırarak Apple ürünlerine hızlıca gözatabiliyorsunuz. Benzer bir uygulamayı bu galeri ile oluşturabiliyorsunuz.

mooflow
ximggallery
Bu galerinin en önemli özelliği, tek bir dosyadan oluşmasıymış. javascript ile yazılmış. web sayfalarınızın içerisine gömebiliyorsunuz.

ximggallery
highslide js
gerçekten güzel bir uygulama. fotoğraflar "lightbox" benzeri bir pencerede açılıyor. klavye desteği sayesinde, fotoğraflar arasında klavyenizin yön tuşlarını kullanarak gezinebiliyorsunuz.

highslide js
couloir
javascript ile yazılmasına rağmen flash ile oluşturulmuş bir galeri izlenimi veriyor. fotoğraflara tıkladığınızda bir fotoğraf çekme sesi duyuyorsunuz. Kaynak kodları 600 KB civarında.

couloir

-----

Ve fotoğraf galerisi oluşturan diğer uygulamalar:

bildirinin kaynağına buradan ulaşabilirsiniz.

Bu yazı aransayes 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 sitenizi farklı platformlarda canlı olarak test edin

aransayes — Thu, 17 Apr 2008 06:17:00 GMT

Tasarlamış olduğunuz bir web sitesinin farklı işletim sistemlerinde ve web tarayıcılarında nasıl göründüğüne canlı olarak bakmak ister misiniz? O zaman Cross Browser Testing servisi tam size göre.

Bu servis ile kendi belirlediğiniz bir işletim sistemine uzak masaüstü erişimi kurmuş oluyorsunuz. Bağlandığınız işletim sisteminde ise hazır olarak Firefox, Internet Explorer, Safari... gibi popüler web tarayıcıları bulunuyor. Bunlardan herhangi birisini çalıştırarak da web sitenizi test etmeye başlıyorsunuz.

Cross Browser Testing servisini daha yakından tanımak için demo sayfasındaki videoyu izleyebilirsiniz. 5 dakikalığına servisi ücretsiz olarak kullanmak isterseniz de buradan üye olabilirsiniz.

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

iconlook: yeni bir simge arama motoru

aransayes — Sat, 24 May 2008 18:48:00 GMT

daha önce tanıttığım iconlet isimli sim ge (ic on) arama motorunun bir benzeri daha açıldı. Bu seferkinin ismi iconlook. kendisi güzel ve sade bir arama motoru.

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

6 popüler Css Reset tekniği

aransayes — Sun, 03 Aug 2008 08:25:00 GMT

css konusuyla ilgiliyseniz muhtemelen css reset (sıfırlama) tekniğini duymuşsunuzdur. Daha önce css sıfırlama dosyası yazısında da bahsettiğim bu teknik, web sitenizin cross browser uyumluluğu açısından çok yararlı bir tekniktir.

Fakat internette bu konuda araştırma yapınca farklı css reset teknikleriyle karşılaşabiliyorsunuz. İşte tam bu sayfada bunların en popülerleri bir araya toplanmış ve kısa kısa açıklaması yapılmış. incelemenizi tevsiye ederim.

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

Opera 9.6 Beta

aransayes — Fri, 12 Sep 2008 14:15:00 GMT

Opera, geçtiğimiz gün (10 eylül) 9.6 sürümüne ait ilk betasını duyurdu. Bu yeni sürümde, özel olarak eklemiş olduğunuz arama motorlarını ve sörf geçmişinde arama yapmak için yazdığınız ifadeleri Opera Link servisinde yedekleyebiliyorsunuz. Bir diğer güzel özellik ise, abone olmadan önce herhangi bir rss/atom kaynağının önizlenebilmesi. Açıkcası FeedDemon yazılımında çok sevdiğim bu özelliği Opera'da görmek hoş oldu. Diğer eklenen özelliklere buradan, indirme linkine ise şuradan ulaşabilirsiniz.

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

4 kilobayt altındaki 11 jQuery eklentisi

aransayes — Sun, 26 Apr 2009 10:01:00 GMT

tüy gibi hafif jquery eklentileri

Web sayfanızda bir sürü jQuery eklentisi kullanmak istiyorsunuz ama bir yandan da sayfanın yüklenme hızını kendinize dert ediniyorsunuz. O halde aşağıdaki eklentilere mutlaka göz atmak isteyeceksiniz...

1. idTabs (2.1 kb): Basit ve esnek bir şekilde sekmeli arayüzler oluşturmanızı sağlar.

2. jCarousel Lite (2.1 kb): çok seçenekli bir karosel (carousel) uygulaması

3. Lazy Loader (530 b): istenildiği zaman bir eklentinin yüklenmesini sağlar.

4. Single Drop-Down Menu (584 b): aşağı-açılır navigasyon menüleri oluşturur.

5. jQModal (2.8 kb): lightbox olarak bilinen model pencereler oluşturur.

6. AutoTab (1.6 kb): form alanlarında filtreleme yapmanızı sağlar. "Bu alana yalnızca rakamlar" girilebilsin gibi...

7. CSS Globe Tooltip (479 b): Linklerin üzerine fare ile gelindiğinde açıklama kutucuğu (tooltip) gösterir.

8. jGrowl (4.1 kb): MacOS X'deki Growl uygulamasının yaptığına benzer şekilde bildirim mesajları oluşturmanızı sağlar.

9. Cycle Lite (3.5 kb): Resimleri kullanarak slayt gösterisi oluşturabileceğiniz bir eklentidir.

10. ToggleVal (1.1 kb): Herhangi form elemanına varsayılan bir metin yerleştirir. Kullanıcı bu elemana tıkladığında metin gizlenir.

11. Pop! (872 b): Tıklandığında görünen veya gizlenen mesaj kutuları oluşturmanızı sağlar.

~ Bildirinin Kaynağı ~

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

Internet Explorer 8 Final

aransayes — Sat, 21 Mar 2009 08:24:00 GMT

Internet Explorer 8, 20 Mart 2009 günü bütün dünyayla aynı anda Türkiye’de de hizmete sunuldu. Bu yeni sürüm, biz kullanıcıların güvenlik ihtiyaçlarına odaklanırken, yüksek performansı ve kolay kullanımıyla dikkatleri çekiyor. İşte 8. sürümle gelen en dikkat çekici özellikler:

Hızlandırıcılar: Bir web sayfasındaki herhangi bir kelimeye veya resme sağ tıklarsanız ekranda mavi bir simge beliriyor. Bu simgeye tıklayarak ilgili kelime/resim ile ilgili paylaşım seçeneklerine hızlıca erişebiliyorsunuz.

Web Dilimleri: bu özellik sayesinde, bir web sayfasının sık kullandığınız ve ilgilendiğiniz bölümlerinde güncellemeler olup olmadığını Internet Explorer 8 sizin yerinize takip edebiliyor.

Görsel Arama Önerileri: bu özellik ile Amazon, Wikipedia, New York Times gibi dünyanın en yoğun ilgi gören sitelerinde görsel olarak aramalar yapabiliyorsunuz.

InPrivate: bu özellik sayesinde, bilgisayarda hiçbir kayıt bırakmasızın güvenli bir şekilde sörf yapabiliyorsunuz. InPrivate moduna geçildiğine ziyaret edilen bir web sitesine ait hiçbir kayıt tutulmuyor.

Web standartlarıyla uyumluluk: CSS 2 ile uyumlu olan Internet Explorer 8 aynı zamanda HTML 5 standardını da destekliyor. Buna ek olarak Geliştirme Araç Çubuğu sayesinde, tasarımcılar ve profesyonel kullanıcılar web sayfasındaki HTML, CSS ve JavaScript kodlarında bulunan hataları hızlı bir şekilde yakalayabiliyorlar.

Bilgisayarınıza İndirin ve IE 8'i deneyin

Türkçe dahil olmak üzere 25 ayrı dilde aynı anda kullanıma sunulan Internet Explorer 8’i www.microsoft.com/ie8 adresinden bilgisayarınıza indirebilirsiniz. Yaklaşık 17 MB boyutunda...

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

Videodan Sesi Kolayca Ayırmak

aransayes — Sat, 19 Jan 2008 14:45:00 GMT

Burada daha önce videodan sesin nasıl ayrılabileceğine ilişkin bir yazı yazılmış. Her ne kadar bunu yapmak için pek çok program alternatifi olsa da aslında bunu yapmanın çok daha kolay bir yolu var. Özellikle bilgisayarımıza yüklediğimiz çoğu codec paketi ile birlikte gelen media player classic programı bu konuda en büyük yardımcımız. Eğer profesyonel olarak ses ve videoyu ayrıştırmaya çalışmıyor ve sadece youtube ya da benzeri video sitelerinden indirdiğiniz bir videonun sesini ayrıştırmak istiyorsanız bu yöntem tam size göre. Nasıl yapıldığına gelince;

Media Player Classic programını açtıktan sonra File>Utils>DSM Converter seçin. Aşağıdaki pencere açılacaktır.

DSM Converyer

Daha sonra ister yukarıdaki resimde görüldüğü gibi add file seçeneğini kullanarak isterseniz video dosyanızı yukarıdaki şekilde açılmış olan pencereye sürükleyip bırakarak sesini ayrıştırmak istediğiniz videoyu programa ekleyin

Demux

Bundan sonra yapmanız gereken yukarıdaki resimdeki gibi videodan ayırmak istediğiniz ses dosyasının üzerine sağ tuş yapıp demux diyerek dosyayı kaydetmek. Çok değil en fazla 10 saniye sonra ses videodan ayrılmış bir şekilde kaydedilmiş olacaktır. Codec paketi yüklerken media player classic kurmayı unutmayın. Codec paketinden ayrı olarak indirmek isterseniz tıklayın

Ayrıca programla birçok dosya türünüde sorunsuzca çalıştırabilirsiniz. Kolay gelsin.

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

Photoshop Kısayolları

aransayes — Tue, 22 Apr 2008 13:19:00 GMT

1- Yazdiginiz metin uzerinde Alt, Shift ve Ok tuslari ile kontrol

photoshop seçim aracı

Bir paragraf metni icinde bir kelimeyi sectikten sonra alt + sol-sag ok tuslari ile harflarin arasindaki bosluklari arttirip daraltabilirsiniz.
Alt + yukari-asagi ok tuslari ile sadece secmis oldugunuz kelimeyi asagi yukari hareket ettirebilirsiniz.

2- Buyutec kullanma

Ctrl + ve Ctrl ile zoom in zoom out yapabilir ayrica arac cubugundan buyutec ikonunu iki defa tiklayarak calismis oldugunuz dokumani %100 goruntuleyebilirsiniz.
%100 goruntulemek icin yine klavyeden Ctrl + 0 tus kombinasyonunu kullanabilirsiniz. Alt tusuna basili tutarak fare scroll tusunu hareket ettirirseniz yine dokumani yakinlastirip uzaklastirabilirsiniz.

3- Yazitipi ayarlari

Fareyi yazitipi boyutu kutusuna tikladiktan sonra scroll tuslari ile asagi yukari giderek arttirip azaltabilirsiniz.
Ayrica Ctrl tusu ile birlikte fareyi saga sola dogru cekerek hem yazitipi arac kutusunda hem de butun deger degiskenlerinin oldugu yerde degeri arttirip azaltabilirsiniz.

4- Backspace Tusu

Herhangi bir layeri silmek isterseniz backspace tusuna basmaniz yeterli. Ancak bu sirada arac cubugundan move tool (tasima araci) secili olmali.
Yine sectiginiz bir alani arkaplan rengiyle boyamak isterseniz Ctrl + Backspace tuslarina basmaniz yeterli. Eger ondeki renk ile boyamak isterseniz Shift + Alt + Backspace tus kombinasyonunu secebilirsiniz. Shift + f5 ya da Shift + Backspace tus kombinasyonunu tiklarsaniz boyama arac kutusu acilir.

5 - Layer Ozellikleri

Sekildeki gibi 2 layer var ve ustteki layeri alttakinin icine koymak istiyoruz. Ustteki layer secili iken Ctrl + G tusuna basarsak ustteki layer alt layerin icine gizlenmis olur. Tekrar disari cikarmak icin yine Ctrl + G tus kombinasyonunu kullanabiliriz. Alt tusuna basili tutup herhangi bir layerin yanindaki goz ikonuna tiklarsaniz geri kalan butun layerlari gizlersiniz.Tekrar ayni islemi yaptiginiz butun layerlar tekrar goruntulenir.

Onlarca farkli grup icerisinde katmanlariniz var ve butun grup klasorlerini kapatmak istiyorsunuz. Ctrl tusu ile birlikte oku tiklayarak butun gruplari kucultulmus halde gorebilirsiniz.

Alt + Shift ve + ile - tuslarini kullanarak layer blending ozellikleri arasinda gezinebilirsiniz.

Alt + [ ya da Alt + ] tuslari ile layerlar icinde asagi yukari gezinebilirsiniz

6- Butun arac kutularini gizleme

Tab tusu ile butun arac cubuklarini gizleyip goruntuleyebilirsiniz.

7- Araclar icinde cabuk gezinme.

Sectginiz bir aracin sekilde goruldugu gibi farkli ozelliklerine gecis icin Alt tusuna basili iken fareyle sol tiklamaniz yeterli.

8- Butun layerlardaki ogeleri kopyalama

Ctrl + Shift + C tuslari ile sekilde goruldugu gibi butun layerlar icinde sadece sectiginiz bolgeyi kopyalayabilirsiniz.

9- Brush size

Fircanizi buyultup kucultmek icin [ ve ] tuslarini kullanabilirsiniz. Yine firca secili iken mouse ile dokumanin herhangi bir yerine sag klikleyerek firca seceneklerini goruntulayebilirsiniz.

10- Calisma arkaplan rengini degistirme

Gri arkaplan rengini boyama araci secili iken shift tusuna basili olarak gri bolgeye uygularsaniz istediginiz renkle degistirebilirsiniz. Yine ayni islemi gri alana farenin sag tusuyla tiklayarak da yapabilirsiniz.

ayrıca bildirgeç'teki photoshop kısayolları ile ilgili şu ve şu yazılar da bulunuyor.

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