bildirgec.org - iiLLkkeeRR - beğendikleri

En İyi 10 Wordpress Manşet Eklentisi

iiLLkkeeRR — Sat, 03 Jul 2010 07:03:00 GMT

Bu güne dek hiç web öğesi "manşet(slider)" kadar popüler olmamıştı. Haber siteleriyle birlikte hayatımıza giren bu öğe; bugün e-ticaret sitelerinden bloglara, sosyal ağlardan kurumsal web sayfalarına kadar internetin her noktasında mutlaka karşımıza çıkıyor. Hal böyle olunca en popüler içerik yönetim sistemi WordPress için bir çok manşet eklentisi türemiş durumda. En popüler ve en kullanışlı olanları karşımızda;

1. Front Slider
Front Slider; harika geçiş efektiyle, bünyesinde sınırsız içerik barındırma imkanı sunuyor. Geçiş hızını, otomatik rotasyonu ve bir içeriği görüntüde kalma süresini ayarlayabildiğimiz bu eklenti listemizde ilk sırada yer alıyor.

2. vSlider
Hiç bir kod bilgisi gerektirmeden JQuery'nin birçok kaybolma ve geçiş efektinin kullanma imkanı sunan eklenti; kullanacağı grafikleri içerikten otomatik çekebilme özelliğine sahip. Ayrıca manşette gösterilmesini özellikle belirlediğimiz kategoriden ya da kategorilerden yazı gösterilmesini sağlayabiliyoruz.

3. SlideDECK
Slidedeck özellikle zengin içerikli blogların tercihi. Eklenti görselde de görüldüğü gibi eğlenceli geçiş efektlerine sahip. Slidedeck; anasayfaya manşet yerleştirebileceğimiz gibi bileşen olarak tüm sayfalara da çeşitli öğeler yaratmamıza imkan tanıyor.

4. WP SlideShow Gallery
JavaScript altyapısını kullanan bu eklenti görselde de görüldüğü gibi en klasik manşet görüntüsünü ortaya çıkarıyor.

5. Featured Content Gallery
Entegrasyonu oldukça kolay, tamamen yönetilebilir bu eklenti; görseli tercihen içerikten otomatik çekiyor ya da belirli özel alanlardan çağırıyor. İçeriğn ilk bir kaç satırını da görselin üzerinde transparan olarak gösteriyor.

6. FrontPage Slideshow
Manşette gösterilecek içerik sayısında bir sınırlama yok. Tüm görseller yüklendiğinde geçişler otomatik olarak başlıyor. Boyutlar, renk, arkaplan resimleri, duraklamalar vb. tüm parametreler değiştirilebiliyor.

7. Featurific, the Terrific Featured Item Sideshow!

8. Smooth Slider

9. Wordpress Content Slide

10. Coin Slider 4

kaynak
Takip Et: ekuplu bildirgeç - friendfeed

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

Hava Trafiği Takip Sitesi: ISTstatus.com

iiLLkkeeRR — Tue, 06 Apr 2010 11:47:00 GMT

Dijital dünyanın kapsama alanını her geçen gün genişlettiği günümüzde, fellik fellik dolaşarak/bekleyerek yaptığımız birçok işlemi artık oturduğumuz yerden yapmamızın yanında, daha önceleri yapmak bir yana, hayal bile edemeyeceğimiz birçok şeyi de yapabilir/izleyebilir duruma geldik.

www.iststatus.com adresinden meraklıları ile buluşan İstanbul Atatürk Havalimanı, Hava Trafiği Takip Sitesi (ISTstatus.com); İstanbul Atatürk Havalimanı tarafında takip edilen Hava Trafiğini, web kullanıcılarının da oturdukları yerden takip edebilmelerini sağlamak amacı ile kurulmuş bir site/araç.

Hava Trafiğini takip edebilmeye olanak tanımanın yanında, pilot ile kule arasında geçen konuşmaları da dinletmekte.

ISTstatus.com sitesinde ayrıca; uydu fotoğrafları ile oluşturulmuş bir hava durumu animasyonu, güncel uçuşları gösteren çizelgeler ve İstanbul için 3 günlük hava durumu tahmini bulunmakta.

Hava trafiği takip edebileceğiniz diğer bir site ise: www.flightradar24.com

[Bonus+++]
+20 Clean White Letterpress Business Cards

+Sosyal Medya'nın Yeni Sorusu: Neredesin?
+Kullanışlı mı Kullanışlı, Ekran Görüntüsü Alma Aracı: LightShot

[Kaynak] ISTstatus.com
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

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

Tasarımcılar İçin Faydalı 28 Jquery Eklentisi

iiLLkkeeRR — Wed, 24 Jun 2009 13:12:00 GMT

Tasarımcılar için bir araya getirilmiş birbirinden faydalı jquery eklentilerine aşağıdan ulaşabilirsiniz.

1. crossselect plugin

Seçilen öğeleri karşı tarafa almak için kullanabileceğiniz bir eklentidir.

2. vtip

Jquery kullanıcıları için hızlı bir şekilde ipucu göstermenizi sağlar.

3. time entry field

Zamanı gösterebileceğiniz güzel bir uygulama.

4. path selector

Hiyerarşik yapıda bulunan nesneleri seçmek için kullanabileceğiniz açılır pencere eklentisi.

5. jplayer

Web sayfanız üzerinden mp3 dosyalarınızı çalma ve kontrol etme imkanı verir.

6. opensocial-jquery

Javascript kütüphanelerini kullanarak jquery gadget geliştirebileceğiniz faydalı bir eklenti.

7. glyph

Makale veya blog yazılarınızın sonuna dergi ve gazete tasarımcılarının yaptığı gibi profesyonellik hissi verir.

8. checktree(yctin edition)

Kolayca kontrol edebileceğiniz ağaç menü uygulaması.

9. jquery list dragsort

Sürükle bırak özelliğini sağlar.

10. hintbox

Kolay bir arama yardımcısıdır.

11. custom maxlentgh

Yazabileceğiniz karakter sayısını gösteren faydalı bir eklenti.

12. jquery bookmark

Sayfanızı çeşitli sosyal imleme sitelerine ekleyebileceğiniz eklenti.

13. form wizard plugin

Form sihirbazı ile kolayca istediğiniz şekilde formlar oluşturabilirsiniz.

14. jquery custom select box

Kişiselleştirilebilir birden fazla seçme kutusu.

15. jquery modal dialog

Facebook tarzı uyarı penceresidir.

16. epiclock

Kolayca dinamik saat oluşturmanızı sağlar.

17. mbmenu

Güzel bir ağaç menü uygulaması.

18. droplist filter

Kısa arama için javascript aracıdır.

19. jyouttube

Herhangi bir youtube videosunu almak için kullanabileceğiniz güzel bir eklenti.

20. drop curves

Kenarları yuvarlatılmış imajlar oluşturabileceğiniz eklentidir.

21. galleryview

Animasyonlu bir resim galerisidir.

22. flip!

Elemanlarınızı 4 yöne çevirmek için kullanabileceğiniz eklentidir.

23. jquery image cube

Küp şeklinde fotoğraflarınızı görüntüleme eklentisi.

24. jquery-validator

Etiketleri doğrulamak için kullanabileceğiniz bir eklenti.

25. loading animation plugin

Bekleme aşamasında yükleniyor animasyonu gösterebileceğiniz güzel bir uygulamadır.

26. canvasswap

Resimlerinize güzel efektler verebileceğiniz faydalı bir eklenti.

27. magicalhover

Web siteniz için güzel bir geçiş eklentisidir.

28. bounce

Web sayfası üzerindeki elemanları genişletmek için kullanabileceğiniz bir eklentidir.

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

15 mükemmel jquery navigasyon tekniği ve çözümü

sitenize eklemeniz i̇çin 5 jquery ve ajax sosyal i̇mleme widget dersi

web geliştiricileri i̇çin 8 jquery ve ve ajax tabanlı etiket bulutu yapımı

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: quness.com | fresherswisdom.com

Bu yazı iiLLkkeeRR 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'yu Google'dan Öğrenmeye Başlayın

iiLLkkeeRR — Fri, 12 Jun 2009 11:02:00 GMT

Arama Motoru Optimizasyonu (Search engine optimization - SEO ) web sitesi veya blog sahipleri için oldukça önemlidir.

Web'te Seo ile ilgili birçok kaynak bulunsa da, bu kaynaklarda bulunan yöntemlerin gerçek anlamda ne kadar etkili yöntemler olduğunu tam olarak anlamak oldukça zordur.

Google, gerek Adsense kullanıcıları için gerekse Adwords kullanıcıları için her ay gönderdiği e-postalarla seo ve reklam yayınlama konularında yardımcı olmakta.

Google, 12 Kasım 2008'de http://googlewebmastercentral.blogspot.com/ blog'undan yayınladığı bu dokümanla, özellikle seo konusundaki bilgisi henüz başlagıç aşamasında olan web sitesi ve blog sahiplerine yardımcı bir kaynak sunmuştu.

İlk olarak ingilizce olarak sunulan doküman yine aynı sayfada daha sonraki bir güncellemeyle türkçe olarak da verilmişti.

Google seo dokümanını şimdi de 40 farklı dile çevirerek yeniden sundu.

Ayrıca Seo konusuna yeni başlayacaklar, Google Web Yöneticisi Merkezi'ndeki kaynaklardan ve webmaster araçlarından da yararlanabilirler.

Kaynak: googlewebmastercentral
Takip Et: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı iiLLkkeeRR 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 İçin Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci

iiLLkkeeRR — Wed, 03 Jun 2009 08:43:00 GMT

Tasarımcılara yardımcı olacak bir sürü çevrimiçi üreteç bulunuyor. Örneğin favicon, arkaplan, buton, kimlik kartı en popüler üreteçler arasında yer almaktadır.

Aşağıda Css Grid şablonları oluşturabileceğiniz sitelere ulaşabilirsiniz.

1 - Grid Layout Generator by Pagecolumn

2 - Grid Generator by DesignByGrid

3 - Blueprint Grid CSS Generator

4 - Grid Generator by netProtozo

5 - Grid Designer (featured in Creative Review magazine)

6 - Grid System Generator

7 - YUI CSS Grid Builder

8 - Variable Grid System

9 - YAML Builder

10 - Layout Generators by Pagecolumn

11 - Fisheye

12 - CSS Layout Generator by CSSCreator

13 - Firdamatic

14 - CSS Source Ordered Variable Border 1-3 Columned Page Maker

15 - CSS Layout Generator by CSSPortal

kaynak: webdesignbooth.com
diğer yazılarım

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

30 Adet Göz Dolduran Javascript Menü ve Kodu

iiLLkkeeRR — Mon, 18 May 2009 14:01:00 GMT

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

Horizonal Accordion Menu Demo

Bassistance jQuery Accordion Demo

Designreviver Horizontal Accordion Demo

Phatfusion Image Menu Demo

Dock Menu
iconDock

jQ Dock Demo

CSS Dock Menu jQuery + Fisheye Demo

euDock Demo

Web 2.0 Dock Menu Demo

Navigation/Drop Down Menu
Superfish Menu Demo

jQuery Feed Menu Demo

jQuery Context Menu Demo

Lavalamp Demo

jQuery Simple Drop Down Menu Demo

jQuery Menu Plugin Demo

Pupunzi MBmenu Demo

Slide Menu
Slide Menu Demo

Sliding Sidebar Menu Demo

jGlide Menu Demo

iPod Drilldown Menu Demo

Tree View
Demo

Tree Panel Demo

Sitemap Styler Demo

Dynamic Drive Tree View Demo

Kaynak: queness
Takip Et: Bildirgeç FriendFeed Twitter Facebook RSS

Bu yazı iiLLkkeeRR 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 ve CSS ile Page Peel Effect'i

iiLLkkeeRR — Wed, 13 May 2009 19:01:00 GMT

Web sayfalarında çoğunlukla reklamlar ve tanıtımlar için kullanılan ve her zaman Flash ile hazırlanmış animasyonlarda gördüğümüz
Page Peel Effect'ini (açılan/soyulan sayfa efekti) sadece jQuery ve CSS kullanarak kolayca nasıl yapabileceğiniz burada (demo) anlatılmakta.

Kaynak: sohtanaka
Takip Et: Bildirgeç FriendFeed Twitter Facebook RSS

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

psd'yi html'e çevirebilmeniz için 21 adet ders!

iiLLkkeeRR — Mon, 25 May 2009 08:45:00 GMT

Birçok kişi o ya da bu şekilde; dersleri kullanarak, hazır dosyaları indirerek vb. yollarla photoshop'da web sitesi oluşturabiliyor. Ancak pek azımız bunu iyi bir şekilde harmanlanmış bir web sitesine dönüştürebiliyor. Bu yazıda Psd'yi HTML'e dönüştürmeyi öğrenebileceğiniz 21 adet ders bulacaksınız. Dilerseniz daha önce yayınlanmış şu bildiriye ya da buna da bakabilirsiniz.

1. the design lab: psd conversion

Psd çevirme

2. from psd to html, building a set of website designs step by step

adım adım psd'den html

3. coding: design lab tv styled layout

Televizyon Layoutlu Tasarım

4. psd to css/html in easy steps - part 1

Basit adımlarla Psd'den css - html çeviri

5. slice and dice that psd

psd bölümleme (slice)

6. converting a photoshop mockup: part two, episode one

psd çevirme

7. build a sleek portfolio site from scratch

çizimden siteye, portfolyo sitesi

8. portfolio layout - learn to code it

portfolyo tasarımı kodlamak

9. converting a design from psd to html

bir tasarımı psd'den html'e çevirmek

10. how to convert a psd to xhtml

psd'den xhtml'ye çeviri

11. how to convert psd to html

psd'den html'e çeviri

12. creating a css layout from scratch

çizimden css'ye tasarım aşamaları

13. psd > html/css

psd'den html - css'e çeviri

14. encoding a photoshop mockup into xhtml & css

psd'yi xhtml ve css olarak kodlamak

15. css template tutorial

css şablon dersi

16. portfolio layout 4: the code

portfolyo tasarımını kodlamak

17. tutorial coding a layout

bir layout'u kodlamak

18. converting a photoshop mockup

psd çevirmek

19. killer site - from illustrator to xhtm to drubal

illustrator'den xhtml'ye, oradan da drupala!

20. from psd to html

psd'den html'e çeviri

21. coding a car sales layout

Araba satış sitesi kodlamak

Kaynak

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

Everything : Bilgisayarınızdaki bütün dosyaları bulma aracı

iiLLkkeeRR — Fri, 17 Apr 2009 19:07:00 GMT

Tanıtacağım Programın ismi Everything

Everything

kendisi, Bilgisayarımızda dosya arama ve bulma aracıdır. Peki neden windows'un arama araçları yerine, bu programı kullanalım? Cevap hızında saklı. Saniyede 20.000, dakikada 1.000.000 kadar dosyamızı indeksler. Daha sonra da istediğimiz dosyayı anında bulabilmekte. İlk denememde içinde 92.000 dosya olan bilgisayarımı 1-2 saniye içinde (c ve d sürücüleri) gizli dosyalar ve sistem dosyaları dahil indekslemişti.

tercih sebeplerimizden biri de, programımızın ücretsiz olması. kurulum dosyasının 330 kb, her yerde çalıştırılabilir (portable) sürümünün 270 kb yer tutması.

Vista Başlat Çubuğundaki Arama Aracı

Vista kullanıcıların arama araçları, özellikle bilgisayarın ilk alındığı zamanlarda sabit diski indeksleme için meşgul tutmaktadır. Sistemdeki ani değişiklikleri de anında algılayamamakta ve bazen uzun arama sürecini çalıştırmamız gerekebilmektedir.

Vista Arama Aracı

Programımızın bir güzelliği daha; programın sistemdeki ani değişiklikleri algılayıp listesine eklemesidir.

Programın Türkçe desteği olmadığı için, birkaç ipucunu paylaşmak istiyorum.

1. Program yerel ve çıkar-tak ntfs sürücülerinizde indeksleme ve arama işlevini gerçekleştirebilir.
(büyük ihtimal, eski sabit disklerinizde ya da fat32 flash belleklerinizde arama yapmayacaktır)

2. indekslenen bütün dosyaları .txt formatında kaydedebilirsiniz.

3. windows 2000, xp, 2003, vista, ve windows 7 altında çalışabilirsiniz.

4. Program ağ üzerinde arama yapamaz fakat karşı bilgisayara "everything" kuruldaktan sonra etp sunucusu kurulursa eğer, diğer bilgisayar üzerinde arama gerçekleştirilebilir.

5. Dosyalar üzerinde, bütün windows kabuk işlemleri (sağ tık menüsündeki bütün işlevler) gerçekleştirilebilir. Windows'un kendi kısayol tuşları kullanılabilir.

Everything İş Başında

Arama İpuçları :
(Dos ile benzerlikleri var)

Boş karakter belirtmek için

? Karakter sayısı belirtmek için

abc 123
içinde "abc" ve "123" sonuçları varsa getir.(ikisi birden var ise)

abc | 123
içinde "abc" ya da "123" varsa getir.(ikisinden herhangi biri var ise)

abc !123
içinde "abc" geçsin ama "123" geçmesin

Örnekler:

.jpg | .bmp
"jpg" "bmp" formatlı ne varsa göster manasında.

c:\windows\ !c:\windows\*\*
windows klasöründe olan dosyaları göster ama alt klasörlerindeki dosyaları gösterme manasında.

b(i|a)ld(a|ı)rgeç
baldırgeç miydi bildirgeç miydi neydi o site yahu?

tayy?ip
tek "y" ile mi yazılıyordu, çift "y" ile mi ?

*.mp3
ne kadar mp3 var ise getir.

yeni*
yeniyle başlıyan ne var ne yoksa getir.

m*3
"m" ile başlayan "3" ile biten herşeyi getir

??.*
ismi 2 karakterle yazılmış klasör ve dosyaları getir.

*.????
4 karakter uzantılı dosyaları getir.

Yükleme Sayfası

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

30 Olağanüstü Css Menü Tekniği

iiLLkkeeRR — Sun, 19 Apr 2009 09:48:00 GMT

Burada web sitelerinizde kullanabileceğiniz en iyi menü örneklerini bulabilirsiniz. Css'in yetenekleri ile birbirinden güzel çalışmalar ortaya çıkmaktadır.

Bu yazı size mükemmel menü tekniklerini öğretebilecek ve çok iyi bir kaynak olacaktır.

1 - The menu menu

Bu, farklı büyük bir menü örneğidir. Menünün üzerine geldiğiniz zaman hemen yanında alt menüler görünüyor.

2 - Pure CSS hover menu

bu css tekniği ile dikey alt menüyü görebileceksiniz.

3 - Matte CSS Menu

Matte, iki küçük fotoğraf kullanarak köşeleri yuvarlatılmış bir css menüsüdür.

4 - Css Blur Menu

bu css tekniği ile bulanık menü örneğini inceleyebilirsiniz.

5 - CSS Navigation with Glowing Icons

Bu güzel css menü tekniğini adım adım izlenerek oluşturulabilir.

6 - CSS Sliding Door using only 1 image