Ücretsiz bir web sitesi oluşturmak için güzel bir yer mi arıyorsunuz? Burada herhangi bir programlama dili bilmeden kendi website, blog, wiki ve sosyal topluluğunuzu oluşturmak için harika kaynaklar yer almaktadır. Bu araçlar kolayca site oluşturmanıza izin verir. Ayrıca tasarımı kişiselleştirme , içerik ekleme ve kişisel URL kullanımını sağlar.

Şimdi en iyi 45 ücretsiz web sitesi yapım araçlarına bir göz atalım.

1. Google Sites

\

Google, ücretsiz bir site oluşturmanıza olanak sağlar. Google Dökümanlar, Google Takvim ve RSS entegrasyonu ile kolayca site oluşturabilirsiniz.

2. Windows Live Spaces

\

3. Webs

\

 

4. Google Knol

\

5. Jimdo

\

Çok temiz ve kolay bir kullanıma sahip website yapım aracıdır . Tasarımı dilediğiniz gibi kişisellleştirebilirsiniz .

6. AngelFire

\

7. Edicy

\

8. Squidoo

\

En iyi ücretsiz website yapım araçlarından birisidir.

9. Yola

\

10. Tripod

\

11. Wetpaint

\

Kendi kişisel wiki'nizi kurmanızı sağlayan faydalı bir araçtır .

12. WikiSpaces

\

13. Blogsome

\

14. Weebly

\

15. Wix

\

Ücretsiz flash siteleri oluşturmak için kullanabileceğiniz website üretecidir.

16. Hubpages

\

Adsense desteği ile sitenizden para kazanabileceğiniz website yapım aracıdır . Resim , video ekleme, oylama , yorum gibi özellikleri bulunuyor.

17. Piczo

\

18. Webnode

\

19. Moonfruit

\

20. Let’s Eat

\

Restoran endüstrisi için kullanabileceğiniz bir site. Kendi restoran sitenizi oluşturabilirsiniz. Menü, saat, konum ve daha fazla bilgileri girebilirsiniz.

21. Sauropol

\

22. GoGoFrog

\

23. Launch Splash

\

24. Nexo

\

25. Roxer

\

yazının devamı için buraya tıklayın.

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

kaynak: 1stwebdesigner.com

Etiketler : web tasarım
Kategoriler : Webmaster
Yorumlar : 0 Yorum Yorum Yaz

jQuery ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

\

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.

 

jQuery Auto Complete | demo

\

Bu form eklentisi ile ziyaretçilerinize eş zamanlı arama imkanı sunabilirsiniz.Ayrıca eşleşen sonuçları tıklayarak formda anında oluşmasını sağlayabilirsiniz.

jQuery Autocomplete | demo

\

PengoWorks, tarafından yapılan jQuery Autocomplete eklentisi oldukça kulay kullanımlı ve kolay yönetilen bir eş zamanlı arama yapan jQuery form otamatik tamlayıcısıdır.

Eş Zamanlı Doğrulama/Onaylama
Bu uygulamalar ile form bilgilerini veri tabanından veya herhangi standartlar çerçevesinde eş zamanlı olarak kontrol edebilir ve hata varsa uyarıda bulunabilirsiniz.

jQuery Form Validation | demo

\

Bu eklenti forma girilen bilgilerin istenilen standartlarda olup olmadığını kontrol edip eğer hatalı bilgi bulunuyorsa sizi bir tooltip ile uyarır.Ayrıca hatalı bir giriş yaptığınızda submit butonu kullanılmaz duruma gelir.

AJAX Form Validation | demo

\

Diğer uygulamadan farklı olarak AJAX Form Validation, submit butonunu tıkladığınız anda doldurmanız gereken fakat doldurmadığınız alanları veya herhangi bir hata yaptığınız alanların arka planını kırmızı yaparak hatayı gidermenizi ister.

Tarih

Formlarda ziyaretçilirin herhangi bir tarihi farklı şekillerde girmeleri üzerine geliştirilen bu uygulamalar genelde klavyeye gerek bırakmadan herhangi bir tarihi işaretleyip formu doldurmanızı sağlar.

Date Picker | demo

\

Bu kolay jQuery form uygulaması ile ziyaretçileriniz istediğiniz herhangi bir tarihi kolaylıkla seçebilirler.Ayrıca herhangi bir tarihten başka bir tarihe kadar seçim yapabilir.Örneği 3 Mart - 7 mart arası. Form dışında da kullanılabilir.

Datepicker | demo

\

Boş bir form kutucuğuna tıkladığınızda tooltip şeklinde çıkan bu jQuery uygulaması ile kolaylıkla herhangi bir tarihi işaretleyip formu bir tık ile doldurabilirsiniz .

Tooltip
Tooltip, sayfada açılan küçük pencerelere verilen addır.Herhangi bir metin veya görseli tıkayarak yada tıklamadan tooltip açabileceğiniz gibi formlarda da tooltip'leri kullanabilirsiniz.

jQuery (mb)Tooltip 1.6 | demo

\

Bu jQuery tooltip uygulaması ile formlara küçük hatırlatmalar koyabilirsiniz.Bu sayede ziyaretçileriniz sitenize daha kolay üye olurlar veya formları doldururlarken zorlanmazlar.

qTip – The jQuery Tooltip Plugin | demo

\

Şifre
Aşağıdaki şifreleme üzerine yapılan jQuery eklentileri ile kullanıcılarınıza farklı alternatifler sunabilir şifrelerinin güvenliklerini ölçebilirsiniz.

Password Strength Indicator | demo

\

Bu uygulama ile ziyaretçileriniz şifrelerinizin ne kadar güvenli olduklarını gösterebilir aynı zamanda farklı ve daha güvenli şifre alternatifleri sunabilirsiniz. Plugin for Password Masking | demo
\

Password Masking, ile gizli şifreleri kullanıcılar istediklerinde tek bir tık ile görüntüleyebilirler.Bu sayede şifrelerini yanlış girmemiş olurlar.


Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; queness

Etiketler : jqery
Kategoriler : Web Tasarım
Yorumlar : 0 Yorum Yorum Yaz

content sliders, (kayan menü, sürgülü menü) her türlü bilgiyi görüntülemek için geliştirilmiş son derece kullanışlı bir web uygulamasıdır. metinleri, fotoğrafları , reklamları otomatik slayt özelliği yanında butonlarla manuel olarak göstermeniz mümkün. ziyaretçilerin anında dikkatini çekmek, ziyaretçilerinizin bilgiye hızlı ulaşımını kolay ve şık bir şekilde content sliders ile sunabilirsiniz. content sliders kullanımında sınırlar aşılmış gibi görülüyor, e-ticaret sitelerinde ürün tanıtımında, bloglarda popüler konuların sunulmasında, kimi zamanda web siteleri reklam gösterim aracı olarak content sliders kullanmakta. peki nasıl bir content sliders tasarımı derseniz, aşağıda sizlere ilham vereceğini düşündüğüm content sliders tasarımları bulunmakta.

violet

\

kodu

\

teoskaffa

\


tea round app
\

dailymile

\

the great bearded reef

\

templatica

\

iceberg

\

daniel stenberg

\

flourish web design

\

howarths

\

andy shaw

\

suki

\

the horizontal way

\

metalab

\

digital convulsions

\

richie qilayout

\

fkq

\

sunny zheng

\

visuall

\

viewport

\

kaynak

Etiketler : Etiket Yok
Kategoriler : Web Tasarım Webmaster Yazılım
Yorumlar : 0 Yorum Yorum Yaz

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:

kaynak: quneness.com | iniwoo.net

Etiketler : web şablon
Kategoriler : Web Tasarım Webmaster
Yorumlar : 0 Yorum Yorum Yaz

content slider'lar bir önceki yazımda belirttiğim gibi çok çeşitli uygulama alanına sahip içerik gösterim eklentileridir. web sayfalarınıza kolayca entegre edebileceğiniz jquery ile geliştirilen content slider aşağıda listelendi.

1- jquery tools scrollable - tutorial - demo - download -

\

2- anythingslider jquery plugin - demo - download - tutorial -

\

 

3- sliding boxes and captions with jquery - demo - download - tutorial

\

4- making a content slider with jquery ui - demo - download - tutorial

\

5- creating a slick auto-playing featured content slider - demo - download - tutorial

\

6- create featured content slider using jquery ui - demo - download - tutorial

\

7- jquery.scrollto - demo - download - tutorial

\

8- moving boxes - demo - download - tutorial

\

9 - imageswitch - demo - download - tutorial

\

10 - jcarousel - demo - download - tutorial

\

11- using the wonderful jflow plugin - demo - download - tutorial

\

12- create beautiful jquery slider - demo - download - tutorial
\

13 - step by step to create content slider using jflow - demo - download - tutorial

\

kaynak

Etiketler : jqery
Kategoriler : Web Tasarım Webmaster
Yorumlar : 0 Yorum Yorum Yaz
Arama
  Ara
Blog Sayaç