bildirgec.org - Zeybek - beğendikleri

yeni çıkan 4 adet jquery eklenti

Zeybek — Tue, 02 Mar 2010 15:03:00 GMT

web tasarımda jquery ve onun özgür eklentileri olmazsa olmaz bir hal aldı. jquery hayatımıza girmeden evvel, çeşitli javascript kodlarıyla tasarımımızı renklendiriyor ilgi çekici bir hal alması için elimizden geleni yapıyorduk. jquery ise web tasarımlara oldukça modern görüntü vermenin yanında işlevsellik de katmakta. aşağıda 4 adet yeni jquery uygulaması bulunmakta.

1- jdigiclock – digital clock (dijital saat)

jdigiclock htc hero saat widget'ten esinlenerek yapılmış bir jquery eklentisidir.

2- quicksand - demo

quicksand; seçenekleri düzenleme, zarif karıştırma animasyonu veya filtreleme için çok fonksiyonel jquery eklentisi.

3- uniform - jquery ile seksi formlar - demo

standart web formlardan sıkılanlar için oldukça iyi bir seçenek, minik animasyonlarla web sayfanıza renk katabilir. dropdown, radio buton, checkbox ve file upload seçenekleri mevcut.

4- ketchup plugin – form kontrolü

üye formunda ziyaretçinizin girdiği bilgileri kontrol eden bir eklentidir. kullanıcı adı, şifre kontrolü, speciality (uzmanlık, değiştirmeniz mümkün örneğin meslek vs.) ve hakkında kontrolü bulunmakta.

KAYNAK

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

twitter'ı web sitenize görüntüleyeceğiniz jquery eklentiler

Zeybek — Tue, 15 Dec 2009 07:42:00 GMT

web sitelerinizde jquery kullanarak kolaylıkla twitter'la bütünleştirin. bu heyecan dolu jquery eklentiler twitter widget oluşturmak için kolay ve iyi yoldur. Hemen twitter jquery eklentilerine göz atalım.

1. jquery twitter api - download

jquery twitter api web geliştiricilerin yeteneği ve basit bir javascript işlevi görüşmesinden twitter'dan bilgi çekmek için kullanılan bir uygulamadır.

2. gerçek zamanlı tweets bar: another jquery plugin - demo - download

3. juitter – jquery twitter - demo - download

twitter güncellemeleri juitter ile web sitenize koyun.

4. jquery plugin for twitter - demo - download

göze batmayan sade ve özelleştirilebilir olması kolayca bir web sayfasına twitter'ınızı ekleyebilirsiniz.

5. tweet! jquery plugin - demo - download

tweet! web sitenize tweets almak/görüntülemek için bir jquery eklentidir.

6. tweetable – a jquery plugin - demo - download

tweetable sitenize hızlı ve kolay twitter görüntüleme olanağı sağlayan bir hafif jquery eklentidir. @replys gibi bağlantıları dinamik kullanım kolaylığı için üretilmektedir, twitter beslemelerini daha vurgulayıcı görüntülüyor.

7. jquery twitter plugin – veetter - demo - download

veetter ile kolayca kendi siteniz veya blog üzerinde tweets görüntüleyebilirsiniz.

8. anlık twitter görüntüleme - demo - download

bu da yine web sitenizde twitter görüntülemek için alternatif bir jquery eklentisi.

bu uygulamalar sayesinde ziyaretçileriniz sizi twitter'a girmeden web sitenizden veya blogunuzdan takip edebilir.

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

Twitter Listelerinizi Web Sayfanıza Taşıyın!

Zeybek — Wed, 04 Nov 2009 07:40:00 GMT

Twitter'da takip ettiğiniz arkadaşlarınızdan, ortak/benzer ilgi alanlarına sahip olanlarını biraraya getirmenizi sağlayan Twitter'ın Lists (listeler) özelliği yakın zaman önce, Twitter tarafından kullanıcıların hizmetine sunulmuştu.

Twitter, kullanıcılar tarafından genellikle beğini ile karşılanan "Listeler" özelliği için List Widget adı ile yeni bir Widget hazırlayıp kullanıma sundu.

Bu yeni widget ile, oluşturmuş olduğunuz Twitter listelerinizi, web sayfanızda veya blogunuzda ziyaretçileriniz ile paylaşabileceksiniz.

Twitter'ın diğer Widget'lerinin de bulunduğu bu sayfadan List Widget'inizi, görsel tasarımını web sayfanıza uygun bir şekilde özelleştirerek alabilirsiniz.

Bonus+++++++++++:
+Twitter Listelerinizi Web sayfanızda yayınlamak için TweetGrid tarafından hazırlanmış olan bu widget'ten de yararlanabilirsiniz.
+twitter ile bilgisayarınızı uzaktan yönetin
+TwtScripts ile Anahtar Teslim Twitter Scriptler
+twitter'da detaylı arama yapın
+twitter yeni tasarımına geçti
+Mashable'dan Twitter Kullanma Klavuzu
+Twitter'ı Twitter'dan Öğrenin!
+connect savaşına twitter'da katıldı!
+Bu Tweet'ler Canlı Canlı...
+Twitter Nereden Tweetlediğinizi Bilecek!
+Twitter Lists Yakında!

Kaynak: techcrunch, mashable.
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

Wordpress Blogunuz İçin Ücretsiz 15 Dikkate Değer Tema

Zeybek — Mon, 12 Oct 2009 11:38:00 GMT

Blog veya website sahipleri genellikle wordpress sistemini tercih ediyor. İnternet üzerinde binlerce wordpress temasına ulaşabiliyoruz. Bu yazıda özellikle birbirinden ilginç wordpress temalarına ulaşabileceksiniz. Daha önceden yazmış olduğum [1] [2] [3] [4] bu yazılarda da wordpress temaları yer almaktadır.
1. ZinePress

Test | İndir

2. Make Money Pro v1.0

Test | İndir

3. Arclite Wordpress Theme

Test | İndir

4. Docolours Wordpress Theme

Test | İndir

5. The Clam Shell

Test | İndir

6. Gemer Wordpress Theme

Test | İndir

7. Holiday Wordpress Theme

Test | İndir

8. Tuaug4 Wordpress Theme

Test | İndir

9. Premium News Wordpress Theme

Test | İndir

10. Imagination Wordpress Theme

Test | İndir

11. Magasin Wordpress Theme

Test | İndir

12. Cleanr Wordpress Theme

Test | İndir

13. Mainstram Wordpress Theme

Test | İndir

14. Grassroots Wordpress Theme

Test | İndir

15. Arras Theme

Test | İndir

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

Ağustos 2009'un En İyi 30 Wordpress Eklentisi

En İyi 30+ Wordpress Eklentisi (Haziran 2009)

30 Çok Kullanışlı Wordpress Eklentisi (Mayıs 2009)

10 İnanılmaz Yararlı Wordpress 2.8 Dersi

20 En İyi Wordpress Eklentisi (Nisan 2009)

Wordpress Kullanan 15 Etkileyici ve Güzel Site

kaynak: reencoded.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

Seo Analiz Araçları

Zeybek — Fri, 25 Sep 2009 06:34:00 GMT

Seo Analiz Araçları

Arama motorlarında belirli yerlere gelmek, rakipleriniz arasından kolayca sıyrılmak için sitelerinizin W3C uyumu, XHTML yapısı, H1-H6 etiketlerinin kullanımının en iyi şekilde olması lazım.

Yukarıda iyi yerlere varmak için saydığımız faktörleri analiz eden ve çıkan hataları report ederek bizlere sunan siteleri kısaca tanıyalım.

raven

Bu araç sitenizin kaynağını inceliyor ve 100 üzerinden puan veriyor. Siteniz 100'ün altında puan alırsa kaynaktaki hataların neden kaynaklandığını belirtiyor ve nasıl çözeceğiniz hakkında yorumlar yapıyor.

http://bildirgec.org/ scored 65 out of 100

2.aracımız reactionengine gireceğiniz keyword ile içeriğinizi değerlendiriyor ve bu keyword'un kullanım sıklığını görüntülüyor. Ayrıca XHTML etiket kullanımı konusunda uyarılarda bulunuyor.

reactionengine

Pineberry

3.aracımız Pineberry SEO, çalışma mantığı aynı bir üstte bahsettiğim reactionengine ile aynı. Belirleyeceğiniz keyword çerçevesinde sitenizin kaynağını inceleyip değerlendiriyor.

Pineberry

4.aracımız SEO Workers kodlamada yapmış olduğunuz hataları ve anahtar kelimelerin kullanım yüzdelerini hesaplıyor.

Seo Workers

5.aracımız Website Grader, 6 farklı şekilde web sitenizin seo değerini hesaplıyor ve kaynakta oluşan problemleri düzeltmeniz için sizlere önerilerde bulunuyor.

Website Grader

Bu yazı Zeybek 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 İle Hazırlanmış Sürgülü Panel Eklentisi

Zeybek — Sun, 02 Aug 2009 09:34:00 GMT

Günümüzün web sayfalarında artık sabitlenen araç çubukları, animasyonlu geçişlerle açılan pencereler, interaktif formlar gibi tasarımın sınırlarını zorlayan öğeler kullanılmakta.Bunun en önemli nedenlerinin başında da özellikle web sayfaları ile direkt olarak etkileşimde olan javascript için yazılmış çatıların/eklentilerin oldukça yetenekli olmalarından kaynaklanmakta.

Sliding Login Panel eklentisi ise bu yetenekli çatılardan biri olan jQuery ile hazırlanmış oldukça kullanışlı bir eklenti.

Web sayfalarının sadesinin makbul görüldüğü günümüzde, bu sayfalarda bulunması istenen bazı öğelerin çeşitli görünür-gizlenir yötemler ile eklenmesi zaman zaman rağbet edilen bir yöntemdir.

Sliding Login Panel eklentisi de web sitenizin üyelik işlemlerini gerçekleştirmek için hazırlayacağınız formları, web sayfanızın üst bölümüne sürgülü olarak eklemenizi ve hem yer tasarrufu hem de kullanıcılarınızın beğenisini kazanacak bir şekilde eklemenizi sağlamakta.

Sliding Login Panel eklentisi IE6, IE7, IE8, Firefox, Safari, Opera ve Chrome tarayıcılarında çalışabilmekte.

Demosunu buradan görebileceğiniz Sliding Login Panel eklentisi ile ilgili eğitici bilgilere buradan erişebilir ve kendisini de buradan indirebilirsiniz.
Ayrıca Mootools 1.2 ile hazırlanmış önceki versiyonuna da buradan bir göz atabilirsiniz.

Kaynak: web-kreation
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

ipucu kaynakları

Zeybek — Wed, 09 Jul 2008 10:28:00 GMT

cheat sheet yani kopya kağıdı olarak anılan ancak hatırlatma konusunda büyük yardımı dokunacak dökümanlar en kaliteli ipucu kaynakları olabiliyor.

tüm sözdizimi (syntax), kod parçaları, önemli detay ve ayrıntıların tek bir belgede toplanıyor olması neredeyse büyük bir kitabın özeti oluyor.

web geliştiricilerinin ihtiyacı olabilecek ipucu dökümanları olarak kullanılabilecek bazı kaynaklar şöyle;

html için html yardım dökümanı, html ipucu kaynağı, html karakterleri ile ilgili dökümanlar...

xhtml için hazırlanmış hatırlatma kaynağı pdf formatında.

css için hazırlanmış çeşitli ipucu kaynakları var ancak önemli olanları (1 2 3 4 5 6) sayfalarına giderek indirebilirsiniz.

javascript için de hazırlanmış ipucu kaynakları mevcut. (1 2 3) bu kaynaklar içerisinde özellikle javascripte ek olarak mootools ve jquery, jquery 1.2 gibi kütüphaneler için de güzel ipucu kaynakları hazırlanmış. addison westley'in hazırladığı kaynağı da eklemeliyiz.

wordpress için hazırlanmış referans kağıtları da mevcut. hatırlamanız gereken durumlarda yardımcı olacaktır.

seomoz sitesinde de karma bir liste var. pdf formatında indirebilirsiniz.

rgb renk paleti için çıkarılmış bir referans dosyası var ve png formatında. pfd versiyonu da mevcut.

ayrıca tüm bu kaynakları yazıcıdan çıktı alabileceğiniz şekilde hazırlamışlar.

Bu yazı Zeybek 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ı için 28 adet kopya kağıdı

Zeybek — Tue, 09 Sep 2008 06:01:00 GMT

(Cheat Sheets) kopya kağıtları sayesinde hafızanızı tazeler ve zamandan tasarruf sağlarsınız. öğrenmek istediğiniz araç/yapı hakkında başlangıç için hızlıca bilgi almak ya da karşılaştırma yapmak için de kullanabilirsiniz.

genelde programcılar ve programlar için kopya kağıtları hazırlarnır. bildirgecte arama yaparak bunlara ulaşabilirsiniz.

sixrevisions sitesi ise web tasarımcıları için 9 bölümden oluşan 28 maddelik bir kopya kağıtları listesi oluşturmuş.

Photoshop

1. Photoshop CS3 Keyboard Shortcuts Cheat Sheet

Yükle: PDF (Windows) , PDF (Mac)

2. Keys for using the Layers palette (HTML)

3. Photoshop Toolbox Reference (HTML)

4. Photoshop Lasso Tool Cheatsheet

Yükle: PDF

5. Photoshop Brush Tool Cheatsheet

Yükle: PDF

Renkler

1. RGB Hex Colour Chart

Yükle: PDF, PNG

2. Color Reference Guide (PDF)

3. Web Designer Color Reference Hexagon Mouse Pad

Yükle: GIF

4. Web Safe Color Chart (HTML)

5. Hexidecimal Color Chart (HTML)

6. The Browser Safe Colors (HTML)

Yazı tipleri

1. VisiBone Font Card

Yükle: GIF

2. Common fonts to all versions of Windows & Mac equivalents (HTML)

3. Mixing Typefaces (PDF)

Yazı tipleri ile ilgili başka bir kolaylık için bu yazıya ve @gooz arkadaşın paylaştığı siteye de bakmanızı tavsiye ederim.

Ölçü birimleri/hesaplama

1. Approximate Conversion from Points to Pixels (HTML)

2. Megapixels Chart

Yükle: GIF

CSS/CSS Frameworks

1. Blueprint CSS Cheat Sheet

Yükle: PDF

2. YUI Library: CSS Reset, Base, Fonts, and Grids (PDF)

3. CSS Shorthand Cheat Sheet (PDF)

4. Apple’s CSS Cheat Sheet Widget (Mac Dashboard Widget)

HTML/XHTML

1. HTML & XHTML Tag Quick Reference (PDF)

2. HTML/XHTML Character Entities

3. XHTML Character Entity Reference (HTML)

Dreamweaver

1. Dreamweaver Quick Reference Guide (PDF)

2. Dreamweaver CS3 for Mac Quick Reference Card (PDF)

Illustrator

1. Adobe Illustrator CS2 Keyboard Shortcuts – MAC
Yükle: PDF

Tarayıcı

1. Will the browser apply the rule(s)? (HTML)

2. W3C DOM Compatibility Tables (HTML)

kaynak

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

10 Ücretsiz Css ve Xhtml Web Şablonu

Zeybek — Mon, 18 May 2009 18:05:00 GMT

Aşağıda bulunan web şablonlarını bilgisayarınıza indirerek, düzenleyebilir ve ücretsiz olarak kullanabilirsiniz. İndirmiş olduğunuz şablonun kullanım şartlarını okumanızı tavsiye ediyoruz.

1 - UrbanArtist

önizleme | indir

2 - Simple Business Template

önizleme | indir

3 - BusinessPlus

önizleme | indir

4 - VectorLover

önizleme | indir

5 - Keep It Simple

önizleme | indir

6 - GrungeEra

önizleme | indir

7 - Fresh Pick

önizleme | indir

8 - Ecofriendly

önizleme | indir

9 - VoIP Business

önizleme | indir

10 - Health Life free template

önizleme | indir

web şablonu ile ilgili diğer yazılarım:

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

101 Daha Kaliteli Css ve XHTML Web Şablonu

kaynak: colorburned.com | designartwall.com
diğer yazılarım

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

İlham Kaynağı 21 Güzel Giriş Sayfası / Form Tasarımı

Zeybek — Tue, 12 May 2009 12:21:00 GMT

Bir web sayfasında bulunan giriş (login) bölümü tasarımı ziyaretçiler için önemlidir. Eğer farklı tasarımlar yapmak istiyorsanız bu yazıda size ilham kaynağı olabilecek giriş sayfası tasarımlarına ulaşabilirsiniz.

1 - myvirtualpaper.com

2 - login page

3 - Mobile ME

4 - unblbab

5 - Acrobot

6 - Nasi Briyani

7 - Joost

8 - Login page design

9 - Wufoo

10 - PSI: Login Page

11 - Login window

12 - Login Page