bildirgec.org - aedips - beğendikleri

Farklı Geçiş Efektleri için: AviaSlider

aedips — Fri, 08 Oct 2010 06:35:00 GMT

AviaSlider; birçok farklı benzersiz geçiş efektine sahip birçok projede farklı amaçlarla kullanabileceğiniz harika bir jquery slider uygulamasıdır. Interaktif olarak kullanabileceğiniz AviaSlider, diğerlerinin aksine farklı efekler sunarak ziyaretçilerinizi etkiler.

8 benzersiz geçiş efetli olan aviaslider'ı web sitenizde manşet veya resimleriniz için küçük bir galeri olarak kullanabilirsiniz. jQuery 1.32 ile hazırlanan bu uygulamayı istediğiniz gibi biçimlendirebilir html5 ve css3 ile renklendirebilirsiniz.

Sadece 8KB boyuntaki bu ufak uygulama içerisindeki farklı efektleri farklı sayfalarda kullanabilir ve tooltip eklentisi sayesinde resimlerin büyük hallerini sayfa içerisinde açılan küçük bir pencereden ziyaretçilerinize gösterebilirsiniz. Bu pencere açılırken resim harici sayfaya uygulanan karartma efekti sayesinde ziyaretçilerinizin resime dikkat çekmelerini sağlayabilirsiniz.

Internet Explorer 6+, Safari 3, Firefox 2+, Opera 10+, Google Chrome 3+ desteğine sahip ve sadece 3kB olan bu uygulamayı dilerseniz buradan indirebilirsiniz. Orjinal web sayfasına ve 8 farklı efektinin de gösterildiği demo sayfası için buraya göz atın.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : aviathemes

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

Evden Web Yayını Yapın

aedips — Thu, 27 May 2010 09:21:00 GMT

İnternette birçok kez araştırmama rağmen bir türlü güncel ve istediğim bilgileri bulamamanın sıkıntısıyla yazıyorum bu yazıyı. eğer benim gibi meraklı olan varsa, bu yazıyı mutlaka okusun derim. öncelikle belirtmek isterim ki -ki birçok yerde zaten okudunuz ve eğer bu konu ile ilgili araştırma yaptıysanız- gerçekten evden yayın yapmak kolay bir şey değil. ayarların yapılmasından değil, daha çok ülkemizin internet şartları ile alakalı. peki sen neden yaptın? diye sorarsanız, benim amacım evden web yayını yapmak değil de daha çok pratikte bunun nasıl yapıldığını öğrenmekti, öğrendim de!

port yönlendirme

araştırma yapan herkesin karşısına çıkmıştır mutlaka, "modeminizde 80 portunu açmanız gereklidir" diye. bu olay çok zormuş gibi görünse de (ilk merak ettiğim zaman bana da aynısı olmuştu) aslıda oldukça kolay. modeminizin internet arayüzünden kolaylıkla yapabilirsiniz.

ne yapmak lazım?

modemin bütün ayarlarını yapabildiğiniz internet arayüzüne bağlanmalısınız. (genellikle 192.168.1.1 ya da 192.168.2.1 şeklinde bir ip adresidir. ben airties rt-206v2tt modem kullanıyorum ve bu modele göre anlatacağım.)
ip adresinizi yazdığınız zaman sizi giriş ekranı karşılayacak. kullanıcı adınızı ve şifrenizi girip devam edin. (internetinizi ttnet'ten aldıysanız kullanıcı adınız ve şifreniz varsayılan olarak admin/ttnet şeklindedir. Şifrenizi bilmiyorsanız da müşteri hizmetlerini arayarak öğrenebilirsiniz.)
kullanıcı adı/şifre olayını geçtikten sonra açılan sayfada sol taraftaki menüden nat - port yönlendirme'yı tıklayarak yönlendirme ayarını yapacağınız sayfaya gelmiş olmalısınız.

resmin büyük hali için tıklayın

port yönlendirme sayfasında ilk olarak port yönlendirme etkin kutusuna çentik atıp kaydedin. daha sonra yine aynı sayfada yeni butonuna basarak port yönlendirme ayarlarını yapabileceğiniz sayfayı açın. yapmanız gereken ayarları yapmadan önce aşağıdaki açıklamalara da ayrıca dikkat edin.
kural adı kısmına ne yazacağınız size kalmış, istediğiniz bir adı verebilirsiniz (webserver gibi). istemci seçiniz kısmında ise yeni ip adresi bölümüne bilgisayarınızın yerel ip adresini yazmanız gerekli. normalde mevcut lan istemcileri kısmında modeme bağlı bütün bilgisayarlar görünür fakat ben biraz kurcaladığım için bende görünmüyor.

yerel ip adresinizi bilmiyorsanız başlat'tan çalıştır'ı (windows tuşu + r ile açabilirsiniz) açın. cmd yazıp enter'a basın. komut satırına ipconfig /all komutunu girerek ip adresinizi öğrenebilirsiniz.

resmin büyük halini görmek için tıklayın

alt kısımda ise asıl port ayarlarını yapacağımız kısım var. sol taraftan hazır ayarları kullanabilirsiniz fakat biz sadece 80 portunu açacağız. yine uygulama adı kısmına istediğiniz adı yazabilirsiniz. bende webserver yazıyor. wan ve lan kısımlarının altındaki tcp portları kısmına 80 (açmak istediğimiz port numarası) yazıp ekle dedikten sonra kaydederek port yönlendirme işlemini tamamlamış oluyoruz.

ip adresi sabitleme

burada kastettiğimiz ttnet'ten alacağınız bir sabit ip hizmeti değil .bilgisayarın yerel ip'sini sabitlemek... nedeni, modeminizin her açılışta bilgisayara 192.168.2.2 ile 192.168.2.254 arasında rastgele bir ip vermesi. bu ayarlamalar işletim sistemine göre değişiklik gösteriyor fakat ben windows7 kullanıyorum o yüzden ona göre anlatacağım. aynı ayarlamalar ile windows vista'da da yapabilirsiniz benzer şekilde. Xp kullanıcıları ise 5. maddede nasıl yapacaklarını okuyabilirler.

ne yapmak lazım?

saatin yanındaki bağlantı simgenize tıkladığınızda küçük bir pencere açılacaktır. oradan kullandığınız bağlantı üzerinde sağ tıklayarak durum'u seçin.
açılan ekranda etkinlik bölümünde özellikler'i, daha sonra açılacak yeni pencerede internet protokolü sürüm 4 (tcp/ipv4 'e tıkladığınızda ayarları yapacağınız son pencere açılacak.
aşağıdaki ip adresini kullan'ı seçip, ip adresi kısmına bilgisayarınızın kullanmasını istediğiniz sabit ip adresinizi yazın (mesela bende 192.168.2.2). alt ağ maskesi kısmı otomatik olarak 255.255.255.0 olacaktır. madem o kadar hevesli bırakın kalsın öyle. varsayılan ağ geçidine ise modeminizin internet arayüzüne girmek için kullandığınız ip'yı yazmalısınız.

resmin büyük hali için tıklayın
otomatik olarak bir ip adresi al seçeneği seçili olmadıkça otomatik olarak bir dns adresi de alamayacaksınız fakat bu o kadar da önemli değil. boş bırakırsanız varsayılan olarak modemin ip adresini kullanacaktır. açık olan pencereleri tamam diyerekten kaydedip kapatın. ip adresiniz artık sabit.
windows xp kullanıcıları ise bu ayarları şu şekilde yapabilirler: başlat - ağ bağlantıları'na tıklayın. açılan pencerenin sol tarafında bulunan ağ görevleri sekmesinin altında ağ bağlantılarını görüntüle'ye tıkladıktan sonra mevcut ağ bağlantılarınız açılacaktır. kullandığınız bağlantının üzerine sağ tıklayarak özellikler'i seçin. açılan pencerede internet iletişim kuralları (tcp/ip)'na çift tıkladığınızda yeni bir pencere açılacak. bu pencerede gerekli ayarları yukarıdaki şekilde yapabilirsiniz.

bana bir sunucu lazım. hem de hemen!

size sadece bir sunucu lazım değil. sunucu, veri tabanı, bu veri tabanını kontrol edebileceğiniz bir sistem, vs, vs. kafanız hiç karışmasın. bunları wampserver ile kolaylıkla bilgisayarınıza kurabilirsiniz. bazı özellikleri olmamasına rağmen başlangıç için oldukça kolay bir program. (WampServer yerine xampp programını da kullanabilirler fakat alışması biraz zamanınızı alacaktır.) kurulum işlemi ise oldukça basit.

ne yapmak lazım?

ilk olarak wampserver'ı sitesinden indirmelisiniz. indirme sayfasına buradan ulaşabilirsiniz.
dosya indikten sonra kurulum işlemine geçebiliriz. indirdiğiniz dosyayı çalıştırın. gelen ekranda lisans sözleşmesini onaylayın. wampserver'ın kurulacağı yeri seçin. kısayollara da çentik attıktan sonra kurulum için sizin yapmanız gerekenler bitmiş oluyor.
kurulum tamamlamaya yaklaştığında eğer sisteminizde firefox'u bulursa wampserver için varsayılan tarayıcı yapmak isteyip istemediğinizi soracak. bunu da onaylayıp geçin.
artık bir sunucunuz var fakat wampserver açıldığında ilk olarak çevrimdışıdır. yayın yapabilmek için çevrimiçi olmanız gerekli. saatin yanında bulabileceğiniz wampserver simgesine bir kere tıklayın. açılacak küçük pencere bundan sonra hiç yabancı olmayacağınız yer. burada çevrimiçi hale getir'e tıkladığınızda sunucunuz çevrimiçi, diğer bir deyişle yayında olacaktır.
biraz önce sabitlediğimiz ip adresinizi herhangi bir tarayıcının adres satırına yazdığınızda eğer her şey yolunda ise wampserver anasayfası gelmeli. aslında şu anda siteniz dışarıdan erişilebilir durumda fakat arkadaşlarınızın ya da tanıdıklarınızın sitenize bağlanabilmesi için bilgisayarınızın internet ip adresinizi (internet ip adresiniz, ttnet'in size vermiş olduğu modem kapanıp açıldığında değişen ip adresidir. modeminizin anasayfasından ya da whatismyipadress adresinden öğrenebilirsiniz.) bilmeleri gerekli. (bunu da birazdan düzelteceğiz.)
sitenizi denemek için kendi internet ip adresinizi yazdığınızda ise yine modem ana sayfasının gelmesi kendi bilgisayarınızdan bağlandığınız için normal bir durum. port yönlendirmede bir sorun olduğunu düşünmeyin. port yönlendirmeyi denemek için başka bir yerdeki bilgisayardan ip adresinizi yazmalısınız. sitenizin dışarıdan nasıl göründüğüne bakmak için bilgisayara verdiğiniz sabit ip adresinizi (192.168.2.2), 127.0.0.1 ip adresinizi ya da http://localhost/ yazarak kontrol edebilirsiniz.

ip adresinden kurtulun

ip adresiniz yerine düzgün bir adres almak daha güzel olmaz mıydı? bir de bu adres ücretsiz olsa mesela tadından da yenmezdi hani. evet! bunu yapmak için güzel bir servis var. basitçe sistemin çalışma mantığı, siteden aldığınız alan adınıza internet ip adresinizi kaydediyorsunuz. bu alan adına gelen bütün istekler sizin internet ip adresinize yönlendiriliyor. şöyle bir sorun çıkıyor burada karşımıza. yukarıda internet ip adresini açıklarken ip'nin değişken olduğunu, modemin her kapanıp açıldığında farklı bir ip adresi aldığını yazmıştık. her modem kapandığında yeniden ip yazmak zahmetli iş. servisin diğer güzelliği ise burada başlıyor. bilgisayarınıza kuracağınız minimini bir program ile bu sorunun üstesinden gelebilirsiniz. modem kapanması, ttnet'in arada sırada attığı resetler gibi nedenlerden dolayı ip adresiniz her değiştiğinde, program yeni internet ip adresinizi hesabınıza eşitliyor. siz hiç bir şey ile uğraşmıyorsunuz. sistem kaynaklarını tüketmediğini söylemek yanlış olmaz hani.

ne yapmak lazım?

dyndns.com adresinden ücretsiz bir hesap almalısınız. (elbette ücretli seçenekler de var. bu servislerle kendi alan adınızı da alabiliyorsunuz. ilgilenenler varsa aynı adrese bakabilirler.) ücretsiz seçeneğinde kullaniciadiniz.homedns.org şeklinde oluyor (...homedns.org kısmı için 88 adet alternatif mevcut).
üye olma işlemi oldukça basit. adınızı, kullanıcı adınızı, şifrenizi, şifrenizin doğrulamasını, e-posta adresinizi, e-posta adresinizin doğrulamasını ve güvenlik kodunu girmelisiniz. daha sonra ise sitenizin adını (kullanıcı adınız olmak zorunda değil) ve 88 alternatifli adresten birini seçmelisiniz. daha sonra internet ip adresinizi yazmalısınız ('your current location's ip address is 56.187.110.832' yazısına tıklayarak internet ip'niz otomatik olarak metin kutusuna yazılacaktır).
bizim için şimdilik gerekli olan ayarlar bunlar. add to cart butonuna basarak ürününüzü sepete atıyoruz. açılan ekranı next butonuna basarak geçebiliriz. daha sonra son ekranda activate services butonuna tıklayarak işlemlerinizi tamamlayın.
sitenizi aktif ettikten sonra denemek için adresinizi yazdığınızda modeminizin arayüzü geliyorsa servis düzgün çalışıyor demektir. hatırlayın internet ip adresinizi yazdığınızda da modemin sayfası açılmıştı. yani sistem alan adından sizin ip adresine yönlendirmeyi sorunsuz yapıyor. :)
yukarıda değişken ip sorununu açıklamıştık. bu sorunun üstesinden gelmek için sistemin bize sunduğu minimini programı indirmeniz ve kurduktan sonra birkaç küçük ayar yapmanız gerekli. programı indirmek için sitedeki adresinden indirebilirsiniz (726kb). kurulumu ise 5 adımda hallediyorsunuz. kısa bir kurulumdan sonra programı çalıştırın. sitede kullandığınız kullanıcı adı/şifrenizle giriş yapın. sistem internet ip adresinizi otomatik olarak bulacak ve alan adınıza eşitleyecektir.
bazen bilgisayarımızın performansını arttırmak için başlangıçta çalışan programları kapatabiliyoruz. Eğer böyle bir ayarlama yaptıysanız program ip adresinizi güncelleyemeyecektir. bu yüzden bilgisayarınız açıldığında programın başlatmasını ayarlamalısınız. ayarlamayı ise programda advanced sekmesinden yapabilirsiniz. advanced sekmesine tıkladığınızda en üstteki start updater with windows'un yanındaki kutucuğa bir çentik atın. bu kadar. :)

artık güzel bir alan adınız, kendinize ait bir sunucunuz var. tabii ciddi anlamdan web yayını yapmak şimdilik ülkem şartlarında hayal. benim bu konudaki amacım zaten bunu pratikte nasıl yapıldığını öğrenmekti. ben öğrendim, siz de öğrenin dedim yazdım. olur da ilerde yurdumun servis sağlayıcısı imana gelir de internet hızımız katlanırsa kendi sitenizi kendiniz yayınlarsınız. takıldığınız konuları veya yazıdaki herhangi bir yanlışı yorumlarda yazabilirsiniz. hem diğer kullanıcılara yardımınız dokunmuş olur hem de beni de yanlıştan döndürmüş olursunuz. umarım faydalı olur sizin için de.

Bu yazı aedips 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 jQuery Uygulamaları - Nisan 2010

aedips — Thu, 29 Apr 2010 06:42:00 GMT

Günümüzde jQuery ile birçok uygulama yapılmakta. Büyük bir kütüphane haline gelen jQuery ile aklınıza gelebilecek tüm uygulamaları flash ve benzeri eklentiler kullanmadan web sitenizde kullanabiliyorsunuz. Aşağıda Nisan ayının en çok kullanılan ve görüntülenen jQuery uygulamaları bulunmakta. işte jQuery.com üzerinden hazırlanmış en iyi jQuery uygulamaları ;

3D Cloud Carousel - Demo

jQuery ile hazırlanan bir sunum ürünü olan 3D Cloud Carousel'i web sitenizde ücretsiz olarak kullanabilirsiniz. Bu sunum uygulamasında ürünlerinizi tanıtabileceğiniz gibi farklı temadaki galerilerde oluşturabilirsiniz.

jQuery Slider - Demo

jQuery Slider, belirli aralıktaki değerleri seçmek için yapılmış bir jQuery eklentisidir. Bu eklenti ile ziyaretçileriniz iki değer aralığını seçebilirler. Alışveriş sitelerinde kullanılabileceği gibi (fiyat aralığı) arama motorları tarafındanda kullanabilinecek bir uygulama.

SimpleModal - Demo

jQuery kütüphanesi ile hazırlanan bu tooltip uygulamasının 4 farklı demo seçeneği bulunmakta. Bu tooltip uygulaması ile bilgi kutuları, iletişim formları, farklı temalardaki iletişim kutuları veya onay kutuları oluşturabilirsiniz.

Open Standard Media Player

HTML5 ve jQuery ile hazırlanan bu medya oynatıcı ile flash'a gerek kalmadan web sitenizde video oynatmanızı sağlar. GPL lisansı olan bu uygulama ile YouTube, Vimeo gibi sitelerden üzerinden videolar oynatabileceğiniz gibi kendi videolarınızı yayınlayabilirsiniz.

CropZoom - Demo

CropZoom, profesyonel özellikleri bulunan bir jQuery fotoğraf düzenleme aracıdır. Web sitenizdeki fotoğrafları 360 derece döndürebilir ve yakınlaşabilir ayrıca istediğiniz genişlikte resmi kırpabilirsiniz.

Star Rating widget - Demo

Star Rating widget, gelişmiş bir oylama aracıdır.jQuery ile hazırlanan bu uygulama eşzamanlı olarak oylama yapmanızı sağlar. İstediğiniz ölçüde oylama yapabileceğiniz bu uygulamanın toplam 7 adet demosu bulunmakta.

FS.Magnify - Demo

FS.Magnify, farklı özellikleri bulunan bir fotoğraf görüntüleme aracıdır.Web sayfanızdaki küçük boy resim veya fotoğrafları birçok farklı efekt ile aynı sayfada orjinal halini tooltip şeklinde gösterebilirsiniz.

NavIt - Demo

NavIt, interaktif olarak hazırlanmış bir jQuery menü uygulamasıdır. Web siteniz için hazırladığınız menünüze alt menüler ekleyerek alt alta veya yan yana yayınlayabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı aedips 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 yeni ileri düzey jquery eklentiler / uygulamalar

aedips — Sat, 02 Jan 2010 11:26:00 GMT

bugüne kadar sayısız jquery eklentisi veya uygulaması görmüşsünüzdür. şimdi sizlere sıra dışı jquery eklentilerden bahsedeceğim. alternatif reklam gösterimi, capta uygulaması, şifre gücü, fotoğraf döndürme, fotoğrafın eski ve yeni halini aynı karade gösterebileceğiniz süper eklentiler aşağıda sizleri bekliyor.

1- Sürgülü Sayfa - demo - kod
sitenizde sağ tarafta bulunan menüyü gizlemek isterseniz bu jquery eklentiyi kullanabilirsiniz. (gizle/göster)

2- lazyload - demo - kod
web sitenizde fotoğrafları yan yana veya alt alta gösterme alternatifi sunan bir jquery eklenti.

3- rotateimage (fotoğraf döndürme) - demo - download
web sitenizdeki fotoğrafları slayt şeklinde döndürmenize imkan tanıyan bir uygulama.

4- tokenizing autocomplete (otomatik tanımlama) -
demo - download
metin kutusuna girilen metinlere otomatik tamamlama seçenekleri sunan bir uygulama.

5- password strength (şifre gücü) - demo - download
ziyaretçilerinizin sitenize üye olurken seçtikleri şifrenin ne kadar güvenli olduğunu gösteren bir uygulama. üye adayınızın seçtiği şifrenin ne kadar zamanda kırılabileceğini gösteriyor.

6- before-after (önce -sonra) - demo - download
photoshop'ta düzenlemiş olduğunuz fotoğrafın öncesini ve sonrasını aynı karede tek tıkla gösterebileceğiniz bir uygulama. aynı zamanda fotoğraf üzerindeki sürgüyü kullanarak değişiklikleri izlemeniz mümkün.

7- ajax captcha - demo - download
bu eklenti sizi spam botlara web sitenizin korunmasına yardımcı olur.

8- merrkat - demo1 - demo2- demo3 - download
web sitenizde alternatif reklam gösterimi yapabileceğiniz bir uygulama.

9- mopbox - demo - download
bugüne kadar muhtemelen görmediğiniz sıradışı bir fotoğraf gösterim eklentisi. mutlaka deneyin.

listeyi uzatmak mümkün, daha fazla ileri düzey jquery uygulaması isterseniz buraya bakabilirsiniz.

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

Birbirinden Farklı Yeni jQuery Uygulamarı

aedips — Thu, 24 Dec 2009 12:44:00 GMT

jQuery kütüphanesi her gün gittikçe genişliyor. Kalıpların dışına çıkarak jQuery ile farklı çalışmalar yapılabiliyor. Menüler, Galeriler vb. gibi klasik jQuery ürünleri dışında farklı uygulamalar da yapılmakta. İşte birbirinden farklı yeni 5 jQuery uygulaması;

Roundabout

Birçok sitede flash olarak gördüğünüz etiket bulutunun jQuery ile yapılmış hali diyebiliriz. Statik html elemanları ve jQuery ile yapılan bu çalışmayı birçok şekilde kullanabilir isterseniz yazıların yerine resim koyarak farklı bir resim galerisi bile oluşturabilirsiniz.

Meerkat

Meerkat web sayfanızın en altında ortaya çıkan küçük bir sayfadır. Bu sayfada siteniz ile ilgili önemli duyuruları yayınlayabilir veya reklam yapabilirsiniz. Sayfanın en altında siz kapatana kadar sabit olarak kalacaktır. 3 Farklı biçimde kullanma imkanınız bulunuyor.

jMaxInput

Twitter'da kullanılan harf sayma teknolojisinin aynısı. Veritabanınızı gereksiz bilgilerle doldurmanızı engeller. Kullanıcılar sizin seçtiğiniz karakter sınırını kullanabilir. Geçtikleri taktirde submit butonu kitlenir ve kullanılmaz.

MopBox

MopBox web sayfanızda birbirinden farklı 8 pop-up açmanıza olanak verir. Bu 8 farklı uygulamada resim, metin, video gibi birçok nesne kullanabilirsiniz. Resim kullanmak isteyenler için hazırlanmış bir de kaydırma çubuğu bulunmakta. Bu sayede çok daha rahat resim seçme olanağınız bulunuyor.

Vertical Sliding Bar Thumbnail Effect with jQuery

Resimlerin üzerine mause ile gittiğinizde farklı bir efek ile resimler kayıp altlarında sizin belirlediğiniz yazı veya resimler gelen farklı bir jQuery uygulaması.Web sayfanızda çalıştığınız ortakları ya da buna benzer linkleri yayınlamanın görsel hali.

jQuery ile ilgili farklı yazılar ;

angelsdemos : Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; aext , quaness

Bu yazı aedips 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 siteniz için ilham verici üye kayıt formları

aedips — Wed, 23 Dec 2009 17:19:00 GMT

üyelik formu oluşturmak çetin bir iştir. tasarımı bir yana ziyaretçilerinizden isteyeceğiniz bilgileri iyi seçmek gerekir. zira ziyaretçiler kolay kolay bir web sitesine veya bloga üye olmak istemezler. ziyaretçilerin çeşitli kaygıları vardır. web formda ziyaretçiden çok fazla bilgi istenmesi, zaman kaybı, güvenlik kaygısı, reklam mailleri gibi çeşitli faktörler ziyaretçinin üye olma isteğini azaltır. bu durumu aşmak için çeşitli önlemler alınabilir. örneğin; ziyaretçinizin yaşadığı şehri forma yazması size bir şey kazandırmazken aksine kaybettirebilir. bu bilgileri göz önüne alarak aşağıda güzel tasarlanmış ilham verici üyelik formlarını kendinize göre düzenleyip kullanabilirsiniz.

1.) psdthemes

2.) nibbledish

3.) livestream

4. )big cartel

5.) gowalla

6.) next big sound

7.) youare

8.) omgpop

9.) footytube

10.) launchmind

11.) popscreen

12.) strawpoll

13.) thumbslap

14.) virb

15.) wedding jojo

16.) 14dayz

17.) builditwith

18.) culinaryculture

daha fazla üyelik formu isterseniz buraya göz atabilirsiniz.

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

jQuery Uygulamaları - 1

aedips — Thu, 03 Dec 2009 12:41:00 GMT

Sitenizde basit ve hoş görünen fakat flaş kadar da yavaş yüklenmeyen menüler, rengi değişen arka planlar, dikkat çekici hoş uygulamalar istiyorsanız jQuery tam size göre;

Kwicks for jQuery | Demo - Ders

jQuery menü uygulaması. Bloklardan birinin üstüne geldiğinizde sağa/sola veya aşağı kayan hoş bir uygulama. Bu sayede gizlenen resme resimler ya da bilgi metinleri yerleştirebilirsiniz

Changing design colors with jquery | Demo - Ders

Web sayfası tasarlarken işinize yarayacak bir uygulama. Link, arka plan vb. gibi renkleri ayarladığınızda anında görüntüsünü size veriyor.

Easy jQuery fading color menu | Der

jQuery menü uygulaması. Blogların altına sonradan üstüne gidildiğinde ortaya çıkan bilgi kutucukları çıkıyor.

highlightFade jQuery Plugin | Demo - Ders

Arka planları veya başlıkları daha vurgulu olması ve dikkat çekmesi için jQuery sayesinde renk değiştirebilmesini sağlayabileceğiniz hoş bir uygulama.

jAni | Demo - Ders

jQuery ile yapılan animasyon efekti. Hazırladığınız animasyonu istediğiniz yerde durdurma, başa alma özellikleri mevcut (pause,stop).

Fade colors using jQuery | Demo - Ders

Yazılara anında istediğiniz rengi verebiliyorsunuz. Belirlediğiniz butonlara tıklandıklarında renkeleri değişiyor.

jQuery Colorful Sitemap | Demo - Ders

Hoş bir jQuery ile hazırlanan site haritası uygulaması.

jQuery Color Plugin and Color Animation | Demo - Ders

jQuery ile hazırlanan başka bir menü uygulaması. Üstüne gittiğinizde arka plan veya yazı rengi hoş bir şekilde renk değiştiriyor.

jQuery Random Link Color Animations | Demo - Ders

Hazırladığınız linklerin jQuery ile hareket etmesi ve renk değiştirmesini sağlayan uygulama.

Devamı gelecek...

Kaynak ; wisdomplug

Ayrıca Bakınız ;

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

7 İlginç Jquery Takvim Eklentisi

aedips — Tue, 21 Jul 2009 12:00:00 GMT

jquery, web geliştiricileri için hızlı ve javascript kütüphanesini basitleştiriyor. Ayrıca ajax etkileşimini kolaylaştırıyor. Bu yazıda 7 ilginç jquery takvim eklentisine ulaşabilirsiniz.

1. fullcalendar - full-sized, drag & drop calendar

Sürükle bırak özelliği bulunan ve tam ekran özelliği sağlayan bir eklentidir. Kolayca özelleştirilebilir.

2. create ical-like calendars with css and jquery

Css ve jquery ile yapılmış iPhone tarzı takvim uygulamasıdır.

3. date picker

Birçok özelliği ile geniş bir çalışma imkanı sağlıyor. Tarih seçici tarih aralığı seçimine izin veriyor. Özel günleri ayırabiliyorsunuz. Css ile özelleştirebilirsiniz. mit ve gpl olarak çift lisans altında kullanılabilir.

4. jmonthcalendar

jquery için yazılmış, olayları destekleyen tam özelliğe sahip bir takvimdir. Kolayca düzenleyebilirsiniz.

5. jquery date range picker with shortcuts

Jquery etkileşimli tarih seçici aralığı ile büyük bir kolaylık sağlıyor. Listeden hızlı bir şekilde seçmek için optimize edilmiştir. Kolayca yumuşak geçişler ekleyebilirsiniz.

6. datejs - open source javascript date library

Ayrıştırma, biçimlendirme ve işlem için açık kaynak javascript tarih kütüphanesidir. MIT lisansı altında serbest bırakılmıştır.

7. timeago

timeago, otomatik zaman damgası oluşturulmasını sağlayan bir eklentidir. Çok kullanışlı bir imkan sağlar.

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

tasarımcılar i̇çin faydalı 28 jquery eklentisi

kaynak: dreamcss.com

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

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

21 adet inanılmaz fraktal tasarımı

aedips — Sat, 31 Oct 2009 08:24:00 GMT

Fraktal kelimesi; latincede, parçalanmış ya da kırılmış anlamına gelen fractus kelimesinden gelmektedir. matematikte ise, genellikle kendine benzeme özelliği ortaya koyan karmaşık geometrik şekillere verilen bir isimdir.

daha önce şura - lar - da fraktal sanatından bahsetmiş ve bu sanata yönelik birbirinden güzel bir dolu örneğe değinmiştik. bu bildirimizde de fraktal sanatının görülmeye değer yepyeni 20 örneğine yer vereceğiz.

Cat Fractal

Tatiana Plakhova

Fractal Self

Fractal - Surface study

Red Admiral Butterfly Fractal

Apophysis Fractal - Blue Shell

Fractal Zebra

Fractal Blues

tüm bunların sonunda fraktallar ile ilgili şu yazılar da ilginizi çekecektir:

fraktal sanatının görülmeye değer 43 örneği

doğadaki inanılmaz fraktal yapılar - doğanın matematiği

matematiğin resmedilmiş hali ve 100 adet inanılmaz fraktal örneği

|diğer yazılarım|

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

99 Yüksek Kaliteli (X)HTML / CSS Web Şablonu

aedips — Wed, 30 Sep 2009 06:41:00 GMT

Daha önce [1] [2] [3] yüksek kaliteli css ve xhtml web şablonlarını görmüştük. Dünya genelinde bu çalışmaları ücretsiz olarak bizlere sunan tasarımcılara teşekkürlerimizi iletiyoruz. Şablonları kullanmadan önce kullanım talimatlarını ve lisans anlaşmalarını okuduğunuzdan emin olun. Aşağıda yüksek kaliteli xhtml ve css şablonlarına ulaşabilirsiniz.

1. T-20

test | indir

2. Shape

test | indir

3. Your Business

test | indir

4. Solitude

test | indir

5. Fashion Club (Registration Required)

test | indir

6. O’No! Typography

test | indir