bildirgec.org - fengshui - beğendikleri

En iyi jQuery Upload uygulamaları

fengshui — Wed, 17 Feb 2010 07:39:00 GMT

jQuery upload uygulamaları, kullanıcılarınızın sunucunuza dosya yüklemesini sağlar. Fakat kullanıcılar, dosya yüklerken aynı zamanda farklı işlemler yapabilmelidirler. Birden fazla dosya yükleme özelliği bulunan bazı uygulamaları da kullanabilirsiz. İşte en iyi jQuery upload uygulamaları

AJAX File Upload Form Using jQuery

Bu uygulama ile sayfayı yenilemeden, herhangi bir sorunla karşılaşmadan kullanıcılarınızın dosyaları sunucunuza yüklemesini sağlayabilirsiniz. Her seferinde tek dosya yükleyebiliyorsunuz.

AJAX Upload

AJAX Upload ile önceden belirlediğiniz formattaki dosyaları sunucunuza yükleyebilirsiniz. Dilerseniz sadece resim veya tüm dosyaların yüklenmesine izin verebilirsiniz. Ayrıca pop-up açılarak yükleme özelliği bulunmakta.Submit butonu olmadan dosyayı seçtiğiniz an çalışmayan başlayan bu uygulama ile her defasında bir dosya yüklebilirsiniz.

AJAX file Upload

PhpLetter tarafından yapılan bu uygulama diğer uygulamalara göre biraz geride kalmış. Her seferinde bir dosya yükleyebilirsiniz ve dosya yüklenirken sayfa yeniden yükleniyor.

jqUploader

jqUploader, her seferinde bir dosya yükleyebileceğiniz gelişmiş bir upload uygulamasıdır. Dosya yüklenirken, ne kadarının yüklendiğini istatistik olarak size yansıtır ve dilerseniz yüklediğiniz dosyayı herhangi e-posta adresine yollayabilirsiniz.

jQuery Multiple File Upload Plugin

Bu uygulama ile birden fazla dosyayı aynı anda seçerek ardı ardına yükleme yapabilirsiniz. İsterseniz birçok form oluşturarak isterseniz tek bir formdan dosyaları seçerek yükleme işlemini yapabileceğiniz çok kullanışlı bir jQuery uygulaması.

uploadify

Uploadify, çok gelişmiş bir jQuery upload uygulamasıdır.İsterseniz tek tek isterseniz aynı anda dosyaları yükleyebilirsiniz. Herhangi bir türdeki dosyayı yüklemesini önceden belirletebileceğiniz bu uygulamanın web sitenizin tercihlerine göre birden fazla çeşidi bulunmakta.

Malsup jQuery Form Upload Plugin

Basit ve kullanışlı olan bu jQuery upload uygulaması ile herseferinde sadece bir dosya yükleyebilirsiniz. Formda bulunan seçenek ile dosya tipini seçme şansınız bulunmaktadır.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; webdeveloperjuice

Bu yazı fengshui 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ı - Haziran 2010

fengshui — Mon, 28 Jun 2010 06:48:00 GMT

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

scrollExtend and onScrollBeyond - Demo

Bu farklı jQuery uygulaması web sayfalarınızı fazla doldurmamanızı ve istendiğinde diğer bilgilerin ortaya çıkmasını sağlayan muhteşem bir uygulamadır. Imleci aşağı kaydırdığınız taktirde sayfanın devamının yüklenmesi ile yeni bilgiler gelmekte.

JcubeiT Plugin - Demo

3 Botutlu bir küp olan bu uygulama ile küp'ün farklı yüzeylerine fotoğraflar veya metinler yerleştirebilirsiniz. Herhangi bir renk ayarını yapabilir ve istediğiniz gibi kişiselleştirebilirsiniz.

jQnotice - Demo

jQnotice, klasik bir jQuery tabanlı tooltip özelliği bulunan bir uygulamadır. Herhangi bir linke tıklanığınızda çıkan baloncuk ile kullanıcılarınıza istediğiniz herhangi bir mesajı iletebilir ve uyarılarda bulunabilirsiniz.

jQuery FormLabels Plugin - Demo

Bu jQuery uygulaması ile metinlerinize, fotoğraflarınıza yada herhangi bloklara farklı bir aydınlanma efekti verebilirsiniz. Demoda bulunduğu gibi farklı şekillerde kullanılabilir ilginç bir uygulama.

jCollapser - Demo

Klasik bir jQuery slider özelliği taşıyan bu uygulama ile kullanıcılar istedikleri bilgiyi görebilir yani herhangi bazı metinleri, görselleri gizleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı fengshui 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 ile Kaliteli Web Tasarım Dersleri

fengshui — Wed, 17 Mar 2010 07:46:00 GMT

Birçok tasarımcı tasarıma taslaklar ve eskizler hazırlayarak başlar. Bu taslaklar kodlardan ziyade Photoshop gibi tasarım programları ile yapılır.Web sitenizi photoshop yardımı ile tam olarak tasarladıktan sonra html şeklinde yapılandırabilirsiniz. Aşağıdaki web tasarım dersleri ile tasarım aşamalarını hızlandırabilir ve ilham kaynağınızı çoğaltabilirsiniz.İşte Photoshop ile Kaliteli Web Tasarım Dersleri;

Awesome Portfolio Design
(Dehşet Verici Portföy Tasarımı)

RocknRolla Blog Design
(RocknRolla Blog Tasarımı)

How to Create a Unique Wordpress Theme
(Nasıl benzersiz Wordpress Teması oluşturulur?)

How to Create a Clean Web 2.0 Style Web Design in Photoshop
(Photoshop ile Nasıl Temiz Web 2.0 Tasarımı Yapılır)

Web Design Layout 11
(Web Tasarımı Düzen 11)

How To Create a Clean and Colorful Web Layout
(Nasıl temiz ve renkli web tasarımı yapılır)

How to Make a Vibrant Portfolio Web Design in Photoshop
(Photoshop ile nasıl canlı bir portföy tasarımı oluşturulur)

Create a Professional Web 2.0 Layout
(Profesyönel Web 2.0 Tasarımı)

Create a Grunge, Translucent Web Portfolio Design
(Grunge, Transparan Portföt Tasarımı Oluşturma)

Create a Clean Modern Website Design in Photoshop
(Photoshop ile Temiz ve Modern Web Site Tasarımı)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; wdl

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

2010'da Oluşturulan 14 Taze Web Şablonu Oluşturma Dersi

fengshui — Tue, 09 Mar 2010 17:36:00 GMT

Hemen hemen hergün yeni bir web şablonu oluşturma dersinin çıkması tasarımcılar için faydalı oluyor ancak takip edilmeyi zorlaştırıyor. Bazen tek bir yerden bütün bu derslere ulaşma ihtiyacı duyabilirsiniz. Bu nedenle 2010 yılının ocak ve şubat aylarında oluşturulmuş profesyonel ve yepyeni web şablonu oluşturma derslerine aşağıdan ulaşabilirsiniz.

1. Designing Cool Interface for Magazine Portal (Dergi portalı için mükemmel arayüz tasarlama)

2. Create a Professional Web 2.0 Layout (Profesyonel web 2.0 şablonu oluşturmak)

3. Portfolio Layout Created With Jeans Texture (Kot pantolon dokusu ile portföy şablonu oluşturmak)

4. Create a Simple Yet Attractive Web Layout (Basit ancak çekici web şablonu oluşturmak)

5. Create a Hosting Layout In Adobe Photoshop (Adobe Photoshop'da hosting şablonu oluşturmak)

6. Design an Elegant Rustic Layout for Hotels or Restaurants (Oteller ve restoranlar için zarif şablon tasarlamak)

7. Design a Sleek Textured Blue Portfolio (Şık dokulu mavi portföy tasarlamak)

8. Create a Grungy, Translucent Web Portfolio Design (Kirli, şeffaf web portföy tasarımı oluşturmak)

9. Design a Light Wordpress Theme in Photoshop (photoshop'da aydınlık wordpress teması tasarlamak)

10. How to Create a Software Web Layout (Yazılım web şablonu nasıl oluşturulur?)

11. How to Make a Vibrant Portfolio Web Design in Photoshop (Photoshop'da canlı portföy web tasarımı nasıl yapılır?)

12. Create a Clean Blue Portfolio Design in Photoshop (Photoshop'da temiz mavi portföy tasarımı oluşturmak)

13. Create a Clean and Professional Web Design in Photoshop (Photoshop'da temiz ve profesyonel web tasarımı oluşturmak)

14. Create a Slick and Minimalist Web Layout in Photoshop (Photoshop'da düzgün ve sade web şablonu oluşturmak)

Web şablonu oluşturma ile ilgili diğer yazılarım:

Web Tasarımı Oluşturmak İçin 16 En Hoş Photoshop Dersi (İngilizce)

Photoshop İle Güzel Web Şablonu Hazırlama Dersleri Sunan 22 Site

90 Yeni ve Yüksek Kaliteli Photoshop İle Web Şablonu Oluşturma Dersi

kaynak: quneness.com | iniwoo.net

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı fengshui 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 ve geliştiriciler için google chrome eklentileri

fengshui — Mon, 15 Feb 2010 15:00:00 GMT

google chrome bildiğiniz gibi artık eklenti desteğine kavuştu. Web developer ve web tasarımcılar için aşağıda google chrome için 14 adet kullanışlı eklenti bulunmakta. şimdi özelliklerine göre eklentilere göz atalım.

1. firebug for google chrome
firebug, html ve css'de düzeltmeler yapabileceğiniz bir editör. javascript desteği bulunmamakta.

2. Pendule
web uygulama geliştiricileri için araç çubğunu inşa için ayarlar. stylesheets, formlar, resimler, html ile çalışma imkanı sunar.

3. html validator
w3c standarlarına göre html kodunu kontrol eder.

4. javascript console
adından da anlaşılacağı gibi, google chrome için basit bir js kodlama konsolu.

5. javascript tester
tek bir tıklama veya klavye kısayolu ile javascript kodunun performansını test etmeyi sağlar.

6. speed tracer
belirleme ve javascript yürütme gibi çeşitli faktörlerin neden olduğu performans sorunlarını tespit etmede yardımcı olur. xmlhttprequest, callbacks vb

7. view selection source
sayfanın kaynak kodu görünümünü sağlayan kulanışlı bir eklenti.

8. live editor
bu eklenti sayesinde chrome içerisinde html kodlarda düzenleme imkanı sağlar. online html editör.

9. lorem ipsum generator
lorem ipsum metinleri oluşturan güzel bir eklenti.

10. builtwith technology profiler
builtwith profiler, bir web sitesi hakkında bilgi verir. analitik hizmeti, reklam ağı, web sitesini kullanan framework vb. kesinlikle kullanmak isteyeceksiniz.

11. resolution test
önceden belirlenmiş ve farklı ekran çözünürlüklerini web sayfalarında denemenizi sağlar ayrıca özel çözünürlük ayarı sağlar.

12. eye dropper
renk seçimleri için sürekli elinizin altında bulunması gereken bir eklenti.

13. php documentation
php döküman yada kod arayabileceğiniz harika bir eklenti.

14. ruby documentation
ruby belgelere ve dökümanlara hızlı erişim sağlayan bir eklenti

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

Onlarsız Yapamadığımız 53 CSS Tekniği

fengshui — Mon, 09 Jun 2008 20:55:00 GMT

53 CSS Tekniği

CSS çok önemli ve gün geçtikçe kullanımı artmakta. Cascading Style Sheets bizlere tablodan bağımsız tasarımlar ve kodlamaların yazı sıra kendine has seçici ve belirleyici , arayüz efektleriyle XHTML diline yeni başlayan arkadaşların çoğunun henüz tanışmadığı fakat bu işle biraz uğraşmış bir çok webtasarımcı arkadaşın kullanmadan yapamadığı bir çok tekniği içerisinde saklamaktadır.

Geçen bir kaç yıl içinde CSS üzerine bir çok makale yazıldı çoğu HTML dilinin tablolardan ayıklanmması ya da tablosuz tasarımda büyük bir websisteminin tasarımının tek bir dosya ile nasıl saniyler içerisinde değiştirilebileceğini anlatan makalelerdi .

bütün bunların yanı sıra CSS'e derinlemesine değinen tasarımcı arkadaşlar da var elbet fakat benim için en önemlisi web programcılarının CSS'e nasıl baktıkları ve ne yönde kullandıklarıdır, biliyorum ki onlar css'in tasarım yönüyle değil kendilerine yani webprojelerine neler getirebildikleriyle ilgilenecektir işte bu notada biraz yabancı kaynakları araştırmak hepimizin önünü açacaktır, webprogramcılarının rahat durmayıp CSS'i de bir php , asp, yada Javascript gibi kullanmaya çalışmaları kaçınılmaz oldu. :)

Sonunda CSS'i yakın geçmişte de olsa programlama adına kullanmak için bir çok teknik geliştirdiler . işte vazgeçemeyeceğimiz 53 temel CSS tekniği .
1- CSS tabanlı Navigasyon

css Navigasyon tekniği

2 - Css ile Matrix Loader Navigasyon

css Matrix Navigasyon tekniği

3 - CSS Tab Menu Tekniği

css tab Menu tekniği

4 - CSS Bar Grafikler

css Bar grafikler

5 - Adam'ın CheckBox ve Rodyo Butonu Tekniği

Adam'ın Checkbox ve radio buton tekniği

6 - CSS ile production Notları yaratmak

css production notes

daha fazla kalabalık yapmamak adına ben sadece bir kaçını yazıma ekledim, diğer 47 Css tekniğini kaynağından incelemek için tıklayın

Bu yazı fengshui 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 Captcha Servisleri

fengshui — Mon, 23 Nov 2009 14:47:00 GMT

Captcha, web sayfalarına login olurken veya bir formdan herhangi bir şey yollarken "resimdeki metni yazın" şeklinde uyarıları destekleyen uygulamalara verilen ad. Genel olarak eğer bu uygulamayı kendiniz yazmazsanız başka firmalar tarafından yapılanları kullanmak zorunda kalırsınız. Eğer bunun gibi bir uygulama olmazsa ddos saldırısına uğrayıp veritabınınız şişerek siteniz çökebilir. Bu yüzden her sitenin olmazsa olmazı güvenlik çözümlerinden biridir. Burada en iyi Captcha uygulamalarını vermiş;

TheCAPTCHA

Php scriptlerde kullanılabilen GUI lisanslı güçlü bir captcha servisi.Ücretsiz olarak kullanılabilir.

Securimage

Karmaşık görüntüler oluşturarak kötü niyetli yazılımların spam vb. yapmasına engel olur.Yanlızca php dili ile çalışır.

ReCAPTCHA

Popüler bir captcha hizmeti.Php sitelerde kullanılabilen bu hizmet engelliler için ses olarakta harfleri sayabiliyor ve ücretsiz olarak dağıtılmakta.

JCaptcha

Javascript ile kullanılan en iyi captcha servislerinden biri.

3DCaptcha

Diğer servislerden farklı olarak resimleri size 3 boyutlu sunarak robotların resimleri okuma oranını azalttığı savunan uygulama yanlızca php sitelerde kullanılabilir.

ProtectWebForm

Blog vb. sitelerde smap koruma sağlayan servis ücretsizdir.

Free CAPTCHA-Service

Asp , php, python, perl , ruby, jsp gibi bir çok dilde hizmet veren popüler bir uygulama.

VidoopCAPTCHA

Diğer uygulamalardan farklı olarak botların teşhisini en aza indirip yazılar yeriner resim koyup onlardan birini size soran captcha uygulaması.Php, Python, Ruby, .NET dilleri için kullanılabilmekte.

IronClad Captcha

Profesyonel web siteleri için hazırlanmış ücretsiz cptcha servisi.Sadece php dili ile kullanılabilir.

Kaynak ; Ajaxline

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

etkileyici jquery uygulamaları

fengshui — Tue, 21 Jul 2009 09:02:00 GMT

sitenizde çeşitli amaçlarla jquery'den faydalanabilirsiniz. resim gösterimleri, arama kutusu... ya da yalnızca görsel zenginliği arttırmak için de yine bu javascript kütüphanesinden yararlanmanız mümkün. sitenizi daha hoş yapabilecek 20 uygulama;

Creating a Keyboard with CSS and jQuery

Animate Curtains Opening with jQuery

BBC Radio 1 Zoom Tabs

Sexy Drop Down Menu w/ jQuery & CSS

Learning jQuery: Fading Menu – Replacing Content

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

Creating A Fading Header

Sliding menu using jQuery

CSS Dock Menu

jQuery Virtual Tour

How to Load In and Animate Content with jQuery

Nice & Clean Sliding Login Panel built with jQuery

jQuery Dropdown Search Panel

Dynamic Drag’n Drop With jQuery And PHP

How To Build A Personal Mashup Page With jQuery

jQuery Horizontal Accordion

Creating a polaroid photo viewer with CSS3 and jQuery

Creating A Unique Gallery By Using z-index And jQuery

Smart Columns w/ CSS & jQuery

Make Your Header Responses To Mouse Movements With JParallax

en iyi 10 jquery slider eklentisi

fengshui — Sat, 18 Apr 2009 07:01:00 GMT

jquery için hazırlanmış bu eklentiler ile web sayfanıza oldukça kolay ve kullanışlı slider'lar (kaydırma) ekleyebilirsiniz.

Accessible News Slider

jQuery.spinTheWheel.js

News Ticker Pro

Stinky Slider

CrossSlide

kaynak: ajaxline

takip edin: bildirgeç friendfeed rss

Bu yazı fengshui 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ımı Oluşturmak İçin 16 En Hoş Photoshop Dersi (İngilizce)

fengshui — Wed, 17 Jun 2009 11:02:00 GMT

Photoshop birçok web tasarımcısı tarafından tercih endilen en popüler tasarım programıdır.

Aşağıdaki web tasarımı oluşturabileceğiniz dersler yer almaktadır.

Navigation (Navigasyon)

1. create a wii web header in photoshop (Photoshop'da wii web başlığı oluşturmak)

2. creating a cool 3d web design effect (3d web tasarım efekti oluşturmak)

3. blue on black navigation bar (siyah navigasyon bar üzerinde mavi renk)

4. how to create a slick and clean button in photoshop (Photoshop'da düzgün ve temiz buton nasıl oluşturulur?)

5. clean white navigation bar (Temiz beyaz navigasyon bar)

6. stylish dark navigation box (şık koyu navigasyon kutusu)

7. designing a unique bookmark box (tek yer imi kutusu tasarlama)

8. how to create a simple & sleek web 2.0 site footer (basit ve pürüzsüz web 2.0 site altı nasıl oluşturulur?)

complete designs (tamamlanmış tasarımlar)

9. how to create a clean web 2.0 style web design in photoshop (Photoshop'da temiz web 2.0 stil web tasarımı nasıl oluşturulur?)

10. how to elevate your website design process and results (website tasarımı işlem ve sonucu nasıl yükseltilir?)

11. how a simple layout can be mixed ‘n’ matched with patterns, photos and backgrounds (kalıp, fotoğraf ve arkaplan ile basit yerleşim nasıl olur?)

12. new plus tutorial - designing a family of websites (yeni gelişmiş ders - aile sitesi tasarlama)

13. create a sleek, high-end web design from scratch (başlangıç çizgisinden pürüzsüz, üst web tasarımı oluşturmak )

14. design a beautiful website from scratch (başlangıç çizgisinden güzel website tasarlama)

15. create a magic night themed web design from scratch in photoshop (Photoshop'da başlangıç çizgisinden sihirli gece teması web tasarımı)

16. photoshop paper texture from scratch then create a grungy web design with it! (başlangıç çizgisinden photoshop kağıt dokusu ile kirli web tasarımı oluşturmak)

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: webdesignledger.com

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