bildirgec.org - klezer - beğendikleri

web tasarım ve geliştiricileri için 150 jquery

klezer — Thu, 07 Oct 2010 12:03:00 GMT

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash'a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)

3d tag cloud

(bu tag bulutunu örneğinde görüldüğü gibi; alan derinliği hissi yaratmak için fotoğraf ya da hacimsel nesneleri kullanız gerekmez)

smart 3d

(genel olarak web sitelerinde iyi çalışan 3d afiş örneği, aynı zamanda da mause tepkilerine cevap veriyor)

*yazı/metin efektleri

flying text with fade effect

(solarak uçan metin efekti)

fading color effect

(link (bağlantı) üzerinde göstermek için ince bir degrade katacak bir jquery efekti)

use the jquery ui to control the size of your text

(ihtiyaçlarınıza göre bir blok metnin yazı boyutunu ayarlamanızı sağlar)

jquery word counter

(html bir textarea içinde karakter sınırını belirlemenize ve görüntülemenize olanak saglar)

*slayt show efektleri

cloud carousel

(yansımaları ile doğal hareketlere sahip bir slayt show)

boxslider

(klasik slayt gösterisi, jquery ile birçok web sitelerinde uygulanması için ideal bir slayt)

galleria

(eğer özel olarak bir tasarım düşünüyorsanız, sitenizde her zaman kullanabileceğiniz güzel bir galeri)

piecemaker

(3d flash görüntü rotator galerisi)

*görüntü düzenlemek için hazırlananlar

jcrop

(photoshop'a benzer şekilde resim kesmeye yarıyor, bu kesinlikle faydalı bir jquery aracı)

jqzoom

(güzel bir jquery, resim üzerinde zoom (yakınlaştırma) yapmaya yarar)

jquery virtual tour

(360 derece gözlemler oluşturmak için büyük bir jquery efekti -panaroma görüntü aracı-)

interactive picture

(bu araç sayesinde görüntü üzerinde, resim içindeki belirli şeyler için açıklamalar yapabilirsiniz. bunun için ideal bir jquery)

apple-like retina effect

(ben uzun süre iphone kullandım ve en beğendiğim özelliklerinden birisi buydu, eğer sizde bu ürünlere aşina iseniz bu özelliği sitelerinizde de kullanabilirsiniz)

image blur

(ilk başta bulanık, siz üzerine geldiğinizde netlik kazanan resim efekti. benzersiz bir efekt gibi görünüyor)

ben ilk bakışta dikkatimi çeken ve ilgi duyacağınızı düşündüğüm jquery örneklerini sizin için ekledim, daha fazlası için bu linke tıklayınız.

bundan önceki yazım >>

Bu yazı klezer 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 Kullanışlı 5 JQuery ve CSS3 Eklentisi

klezer — Tue, 21 Sep 2010 09:28:00 GMT

Esneklik ve kullanılabilirlik...
Bu iki kelime bana jquery'i ve tabii ki css'i çağrıştırıyor.
Buyrun size birbirinden esnek ve kullanışlı, tüm projelerinizde kullanabileceğiniz jquery ve css3 kaynakları:

1. TubePlayer - Youtube için Jquery Player

TubePlayer, oldukça akıllı bir jquery video oynatıcı youtupe player api'yi kullananlar için. Ayrıca youtube videolarınız için kendi kontrol ve bileşenlerinizi de oluşturabilirsiniz.

2. BonBon - css3 Butonları

BonBon, oldukça güzel görünümlü css3 butonları ve gerçekten de çok kullanışlı.

3. Orbit - JQuety Resim Slider

Oldukça güzel bir resim slider eklentisi, dilerseniz resimlerin üzerine başlık, açıklama vs. ekliyebiliyorsunuz.

4. Aloha Editör - Html5 Metin Editörü

Aloha Editör, kullanıcı dostu, benim de yeni projlerimde kullanmaya başladığım bir metin editörü. Geliştiriciler açısından da kolay kullanımı ve hızlıca düzenlenip projlere eklenebilmesi ile yıldızı parlayacak bir editör.

5. Uniform - JQuery ile en güzel formlar

Standart form elemanlarına oldukça hoş bir görüntü getiriyor.

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

Hazır Renk Paletleri ve Çevrimiçi Araçlar

klezer — Fri, 22 May 2009 11:21:00 GMT

Hand Picked Color Palette and Color Scheme Generators

Tasarımcıları zorlayan bir unsur olarak kabul edilen renk seçimi ve renk uyumunu, sundukları hazır renk şablonları ile sorun olmaktan çıkaran ve çevrimiçi destekle istenilen renkleri oluşturmayı sağlayan 15 site aşağıda listelenmiştir.

1) ColourLovers

Color Scheme Generators

2) Adobe Kuler

Color Scheme Generators

3) Aviary Toucan

Color Scheme Generators

4) ColoRotate

Color Scheme Generators

5) ColorExplorer

Color Scheme Generators

6) Colr

Color Scheme Generators

7) ColorMunki

Color Scheme Generators

8) Genopal

Color Scheme Generators

9) ColorJack

Color Scheme Generators

10) W3-Palette

Color Scheme Generators

11) ColorSchemeDesigner

Color Scheme Generators

12) CSSdrive

Color Scheme Generators

13) ColorHunter

Color Scheme Generators

14) ColorCombos

Color Scheme Generators

15) ColorsOnTheWeb - Color Wizard

Color Scheme Generators

kaynak

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

5 Web Tasarım Geliştirme Aracı

klezer — Tue, 29 Dec 2009 17:21:00 GMT

Web tasarım zahmetli ve zaman isteyen bir iştir. Bu yüzden web tasarımcıları için geliştirilen onlara yardımcı olacak ve zamandan tassruf etmeleri için birçok uygulama geliştirildi. Bu uygulamalar sayesinde büyük ölçüde zamandan tasarruf sağlamakla beraber daha verimli ürünler çıkabilir. Farklı 5 Web tasarım geliştirme aracı;

MiniAjax

miniajax'ta birbirinden etkileyici ajax uygulamaları bulabilir, dilerseniz bilgisayarınıza indirebilirsiniz. Sadece ajaxla kalmayıp dhtml ile ilgili de birçok uygulama bulunmakta. Büyük bir arşivleri bulunmakta.

jQuery UI

jQuery UI size tasarım yapabileceğiniz birçok web tasarımı uygulamarı sunmakta. Ayrıca çok geniş bir jQuery kütüphaneleri bulunuyor.Demo sayfaları sayesinde jQuery uygulamalarını test edebilirsiniz.

CSS Compressor

CSS compressor, web sitenizin sayfa yükleme hızını artırmaya, bant genişliğinde ve css kodlarında büyük bir tasarruf sağlamanıza yardımcı olur.

BBEdit

Oldukça yüksek performansı olan bir html ve metin düzenleme aracıdır.BBEdit ile metinleri düzenleyebilir, arama yapabilir, dönüştürebilir ve manipüle yapabilirsiniz.

Venkman JavaScript Debugger

Mozilla'nın tasarladığı bu uygulama sayesinde tarayıdan çıkmadan tasarıma ve kodlamaya devam edebileceksiniz. Tarayıcıyı kapatıp yine kodların arasına girmek çok zahmetli geliyorsa büyük ölçüde zaman tasarrufu sağlatacak bu uygulama çok işinize yarayacak.

Ayrıca Bakınız ;

angelsdemos : Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; wdl

Bu yazı klezer 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 eğlenceli ve kaliteli fotomontaj siteleri

klezer — Fri, 06 Mar 2009 13:00:00 GMT

Fotoğraflarınızla çok kolay bir şekilde eğlenceli fotomontaj çalışmaları yapabileceğiniz, hazır şablonlu web sitelerini bilgilerinize sunuyorum:

PhotoFania
İsterseniz Angelina Jolie'nin t-shirt'üne resminizi yapıştırın, isterseniz bilboardlara reklam olun. Çok basit bir şekilde oldukça orjinal ve komik resimler elde edeceksiniz, bu resimleri jpg formatında ya da avatar olarak bilgisayarınızda saklayabileceksiniz.

PhotoFunia

FunPhotoBux
Photofunia'ya göre seçim hakkınız daha çok. Kullanmak istediğiniz resmi istediğiniz yerden kırpma imkanı da sunuyor. 3 adımda işlem tamam. Harika!

FunPhotoBux

Bu iki programın uygulama özelliklerine yaklaşık olarak benzer diğer sitelerin isimlerini vermek yeterli olabilir:

photo505 çok sayıda enteresan efektler bu sitede.
loonapix bu sitede resim efektlerinin yanı sıra yüz ekleme, çerçeve oluşturma, davetiye düzenleme gibi mükemmel eklentiler var ki görülmeye değer.

Picartia
Fotoğraflarınızı 3 adımda online ve ücretsiz olarak sizin belirleyeceğiniz mini imajlar ile mozaikliyor.

picartia

hairmixer
Saçlarınızı değiştirin, özgür olun. Senin saçın benim saçım, benim yüzüm senin yüzün mantığıyla yeni imajınızı belirleyin. kafanız değil, saçlarınız karışsın.

hairmixer

magmypic
fotoğrafınızı yükleyin, sahte dergiler oluşturun. manşetinizi atın. arkadaşlarınıza ilginç süprizler yapın.

magmypic

Benzer dergi kapağı magazin cover siteleri :
frontpage 136 farklı dergi dizaynı.
fakemagazinecover resimlerinizden kapak yapın. herkese kapak olsun.

pizap
"ben işi artık manyaklığa vardırıcam" diyorsanız çılgın şablon ve efektler bu sitede. resimlerinizi karikatürize etme imkanı veriyor.

pizap

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

düzenli bir bilgisayar için 5 mükemmel tavsiye

klezer — Wed, 23 Sep 2009 16:34:00 GMT

günlük/iş yaşamımızın vazgeçilmez bir parçası haline gelen bilgisayarları, aynı odamız hatta evimiz gibi kullanır ve kendimize göre çeşitli düzenlemeler yaparız. bu düzenlemeler, bilgisayardaki üretkenliğimizi etkileyeceği gibi muhakkak ki psikolojimiz üzerinde de etkili olacaktır.

düzenli, aradığınızı kolayca bulabileceğiniz ve dosyalar arasında kaybolmayacağınız bir masaüstü sağlamak için çeşitli yollar mevcut. bu bildiride bilgisayarınızı düzenlemek için kullanabileceğiniz 5 etkili yönteme yer vereceğiz.

1 - sık kullanılan programlara kolayca ulaşmak

Rocketdock (*), masaüstünüze çeki düzen vermek için biçilmiş bir kaftan. bu ücretsiz ve bilgisayarınızı hiçbir şekilde yavaşlatmadan çalışacak olan program, aynı macintosh'larda masaüstünde olduğu gibi, program ile masaüstünüzde istediğiniz bir köşeyi kullanabilir tüm masaüstü simgelerinizi orada tutabilirsiniz.

ayrıca docklets bölümünden çeşitli eklentiler de yükleyebilirsiniz.

2 - masaüstünüzde yapışkan notlar (post-it) oluşturun

bu sanal post-it ile masaüstünüze küçük ve dikkat çeken notlar yapıştırabilirsiniz. bu bir hatırlatıcı söz, bir motivasyon cümlesi ya da herhangi bir şey olabilir.

3 - masaüstü simgelerini kolayca kategorize etmek

bu iş için en kolay yollardan birisi de doğru duvar kağıdını kullanmaktır. örneğin paintte bir boş sayfa açıp büyüklüğünü ayarlayın ve onu 6'ya bölün. her bir kutucuğu farklı renkle doldurup kaydedin. duvar kağıdınız hazır. masaüstü simgelerinizi bu kullandığınız duvar kağıdındaki renklere göre gruplayıp onları düzenleyebilirsiniz.

4 - bilgisayarınızı çok amaçlı bir alete çevirin

Google Desktop, bilgisayarımızda, aynı google'daki aramalarınız gibi hızlı bir arama yapabilmenize izin veren, bunun için indeksleme yapan ve sonrasında gelen yeni dosyalarla birlikte indeksleme işlemine devam eden, oldukça kullanışlı bir proagram.

5 - aşırı pencere yoğunluğundan kurtulmak

bazen açılan pencereler ne kadar minimalize olsa ya da gruplansa da bizleri bunaltabilir. Tray-it adlı küçük ve kurulum gerektirmeyen program ile istediğiniz pencereleri ona yükleyip tek bir pencere altında toplayabilir yani birçok pencereyi tek bir pencere gibi minimalize edebilirsiniz. buradan ücretsiz olarak indirebilirsiniz.

[kaynak]

tüm bunlara ek olarak daha önce yayınlanmış olan şu tanıtım yazıları da ilginizi çekecektir:

bilgisayarınızda tam bir koruma için gerekli 10 ücretsiz program

url kısaltma ile ilgili görmeniz gereken 6 eşsiz servis

işinizi kolaylaştıracak ücretsiz 5 arşivleme aracı

film tutkunları için oldukça faydalı 9 kaynak

|diğer yazılarım|

Bu yazı klezer 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 klavye ve fare ile birden fazla bilgisayarı kullanmak

klezer — Sun, 30 Aug 2009 10:33:00 GMT

Diyelim ki ofisinizde birden fazla bilgisayar var ya da evinizde hem bir desktop hem de lcd televizyonunuza bağlı bir nettop var. Sahip olduğunuz tüm sistemler için birer klavye ve fare almak hem fazla para harcamanıza hem de daha fazla yer işgal etmenize yol açar. İşte açık kaynak yazılım Synergy tam bu noktada imdadımıza yetişiyor.

Synergy aynı ağdaki iki ya da daha fazla bilgisayarı tek klavye ve mouse ile kontrol etme olanağı sağlıyor, üstelik farklı işletim sistemleri arasında da çalışabiliyor. Sistem basitçe aynı bilgisayara bağlanmış birden çok monitör gibi çalışıyor. Yani fareyi ekranın sağına götürdüğünüz zaman sağdaki, soluna götürdüğünüz zaman ekranın solundaki monitöre geçiyor. Program kurulumu her ne kadar karmaşık görünse de aslında basit. Yapmanız gereken sadece iki bilgisayarı birbirine bağlamak ve bilgisayarların birbirlerine göre konumlandırılmasını belirtmek.

Şimdi bu muhteşem programı nasıl kullanabileceğinizi 2 bilgisayarı örnek vererek anlatacağım.

Programı biri sunucu, diğeri alıcı olmak üzere iki bilgisayara da kurun ve masaüstü ikonuna tıklayarak başlatın.

Karşınıza bu pencere çıkacak. Önce sunucuyu kuracağımız için "Share this computers keyboard & mouse" seçeneğini işaretleyin.

Configure butonuna basarak sunucu ve alıcı bilgisayarları ayarlayacağız.

+ butonuna basarak her iki bilgisayarı da ekleyin. Screen Name boşluğuna sunucu bilgisayarın ismini girin ve Ok butonuna basın. Daha sonra ana Configure penceresinde tekrar + butonuna basarak alıcı bilgisayarın ismini girin ve Ok butonuna basın. Bilgisayarların isimlerini her iki bilgisayarda da ana pencerede Advanced butonuna basarak öğrenebilirsiniz.

Şimdi önünüzde buna benzer bir görüntü olmalı. Sıra iki bilgisayarı birbirine bağlamaya ve konumlarını belirlemeye geldi. Biz örnek olarak bir Laptop ve önündeki Lcd ekrana bağlı bilgisayarı birbirine bağlayalım.

Burası biraz komplike görünebilir ama aslında yapmanız gereken tek şey hangi bilgisayarın diğerinin ne tarafında olduğunu belirtmek.

Lcd'nin laptop'ın üstünde olduğunu belirtmek için penceredeki seçenekleri sırasıyla "Top - Laptop - Lcd" yapın. + butonuna bastığınız zaman eğer doğru yaptıysanız bağlantının "Lcd is above Laptop" olduğunu göreceksiniz.

Laptop'ın, Lcd'nin altında olduğunu belirtmek için ise tam tersini yani sırasıyla "Bottom - Lcd - Laptop" yapın. + butonuna bastığınız zaman "Laptop is belove Lcd" olduğunu göreceksiniz.

Sunucu bilgisayarın kurulumu tamamlandı. Şimdi sıra alıcıyı kurmakta. Alıcı bilgisayarda da programı çalıştırın ve üstteki "Use another computers shared keyboard & mouse" seçeneğini işaretleyin.

Şimdi tekrar sunucu bilgisayara dönüp test butonuna basın. Eğer herşeyi doğru yaptıysanız bağlantının sorunsuz gerçekleştiğiyle ilgili bir mesaj alacaksınız. Bu artık iki bilgisayarı da kullanabilirsiniz manasına geliyor.

Son olarak her iki bilgisayarda da Start butonlarına basarak bağlantıyı kurun. Onay mesajını aldıktan sonra Laptopınızdan Lcd televizyonunuza bağlı bilgisayarınızı kullanabileceksiniz.

Programla indirmek için buraya, daha detaylı bilgi almak için buraya tıklayın. Sitede diğer işletim sistemleri için kurulum ve bağlantılar açıklanmıştır.

Umarım bu süper kullanışlı program işinize yaramıştır.

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

Autodesk Project Dragonfly

klezer — Sun, 31 May 2009 09:45:00 GMT

Yeni bir ev yaptırmak ya da evinize baştan şekil vermek (yeni odalar oluşturmak, duvarları kaldırmak, yeni pencere ve kapılar taktırmak veya yeni bir dekorasyon...vs) istiyorsunuz, neler istediğinizi muhataplarınıza anlatmaya çalışmak yerine göstermeye ne dersiniz? Bunu yapmak için 3 boyutlu çizim programlarını yalayıp yutmanıza gerek yok. Çevirimiçi olarak, hiçbir yazılım kurmadan tasarım yapabileceğiniz Autodesk Project Dragonfly'i deneyin.

Project Dragonfly, bu amaçla hazırlanmış birçok uygulamadan sadece biri, ama kullanırken gerçekten kafa karıştırmıyor. Siteye girer girmez tasarıma başlayabilirsiniz. İsteğiniz tasarımı yapmak için, zaten birçok bilgisayar uygulamasından aşina olduğunuz sürükle-bırak dışında öğrenmeniz gereken hemen hemen başka birşey yok. Duvar, pencere, kapı, mobilya, elektrikli aletler gibi bir evde bulunan her türlü öğe uygulamada bulunuyor. Çalışmanızı hem 2 boyutlu, hem 3 boyutlu olarak izlemeniz mümkün. Tasarımınızı sitede saklayarak daha sonra üzerinde çalışabildiğiniz gibi, JPG, DWG, RVT olarakta kaydedebiliyorsunuz. Birden fazla tasarım yapabilir, başkalarının çalışmalarına bakabilir, beğendiğiniz bir tasarım üzerinde çalışabilirsiniz. Uygulama ücretsiz ve sadece tasarımınızı siteye kaydetmek isterseniz üye olmanız isteniyor.

Bu uygulama kesmediyse bir de şunlara gözatın:

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

Ücretsiz/Ücretli Vray Materyal ve Objeleri

klezer — Thu, 29 Jan 2009 10:17:00 GMT

Render aleminin 1 numaralı motoru Vray; 3dsmax, cinema 4D, rhino, sketchup gibi 3D programların vazgeçilmezi. Vray motoruna nasıl sahip olacagınızı anlatmıştım. Peki kaliteli render alabilmek için vraya sahip olmak yeterli mi? Tabii ki hayır! Kaliteli render için kaliteli program ve motorun yanında, kaliteli materyaller ve objelerede sahip olmak gerekiyor.

Vrayc4d sitesinde birçok ücretsiz materyal ve objeye ulaşabilirsiz. Bunun yanında ışık ayarları yapılmış birçok iç ve dış mekan C4D dosyalarıda sitede mevcut. Aynı zamanda kendi çalışmalarınızı da siteye üye olarak paylaşabiliyorsunuz.

Ücretli üreticilerin içinde Dosch ve Evermotion öne çıkan 2 firma. Dvd başına istedikleri ücret kargo hariç 120 dolar. Örnek bir dvd içerigini burdan ve burdan inceleyebilirsiiniz.

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

70 adet harika photoshop eğitimi ve kaynağı

klezer — Fri, 27 Mar 2009 19:14:00 GMT

Photoshop'un sunmuş olduğu nimetlerin tasarımcılar için önemi tartışılmaz. burada 70 tane Photoshop kaynağı ve eğitim alabileceğiniz siteler sıralanmış. oldukça zengin bir kaynak...

Photoshop Eğitim Siteleri:
1-Psdtuts

2-Tutorial9

3-PSDFAN

4-Photoshop Ninja

5-PSHERO

6-You Suck at Photoshop

7-PSD learning

8-Luxa

9-Loon Design: Tutorials

10-Photoshop Tutorials

11-PSDtop

12-PS Lover