galeri | bildirgec.org

elRTE, web sitenizde kullanabileceğiniz açık kaynak kodlu WYSIWYG editördür. Javascript ve jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem HTML editör ile web içeriğinizi istediğiniz gibi kontrol edebilirsiniz.Studio 42 tarafından geliştirilen elRTE'yi ticari olan veya olmayan bloglar, forumlar ve benzer birçok serviste ücretsiz olarak kullanabilirsiniz.

Zengin içeriği ile metin düzenlemenize her yönü ile olanak veren bu editörü kolaylıkla web sitenize entegre edebilir ve sonrasında rahatlıkla kullanabilirsiniz. Ayrıca dilerseniz yazılarınızın biçimlendirilmiş şekildeki html kodlarını görebilirsiniz. Hafif, hızlı ve kolay kolay kullanıma sahip elRTE üzerindeki düzenlemeler css olarak da kaydedilebilir.

Demo modu, Word'den kopyanan yazıları temizleme, ifade ekleme, gelişmiş tablo ve resim ekleme eklentileri ve tam ekran modu ile muhteşem bir derleme aracı olan elRTE ile masaüstü programlardaki tüm özellikleri bulabilir, Gelişmiş bir şekilde metinlerinizi düzenleyebilirsiniz.

bugüne kadar bildirgeç'te onlarca belki de yüzlerce jquery uygulaması gördünüz. ben de bu yazımda onların, yüzlerin arasına gireceğim. yazımda sadece resim ve resim (fotoğraf) galerileriyle ilgili jquery uygulamalarını tanıtacağım. resimlerin üzerine tıklayarak ayrıntılı bilgi ve indirme sayfalarına ulaşabilirsiniz.
easy slider 1.5
özellikle premium wordpress, joomla temalarından görmeye alışık olduğumuz kayan resim ve içerik eklentisi

örnek
önizlemeli, açıklamalı resim galerisi
haber siteleri ve premium temalarda gördüğümüz içerik galerisi.

örnek
start/stop slider
adından da anlaşıldığı gibi resim, içerik geliyor, duruyor, gidiyor. yine premium temalarda çok görüyoruz bu hadiseyi.

örnek

resimler ve fotoğraflar hemen her başarılı blogun bir parçası bu günlerde. wordpress blogunuzda fotografları ziyaretçilerinize benzersiz bir gösterimle sunmak bloga artı kazandırmakta. aşağıda farklı yöntemle fotoğraf ve ya resim gösterebileceğiniz wordpress eklentileri bulunmakta.

1. jquery image lazy loader wp - demo - download

fotoğraflarınızı kaydırma çubuğu yardımı ile yan yana veya dikey olarak görüntüleyebileceğiniz bir eklenti.

2. frontpage-slideshow - download

wordpress blogun ön sayfasında profesyonel bir slayt gösterisi oluşturmanıza olanak sağlar. tıklanabilir ve dört farklı slaytlar hakkında bilgi aynı anda görüntülenebilir. slaytlar arasında geçişler ekstra şık görülmeye değer.

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

resimler web sayfalarının yönetilmesi en zor öğelerindendir. jquery gün geçtikçe daha da zengin uygulamalar üretmemize olanak sağlamakla kalmıyor, görsel anlamda da bir çok kolaylık sağlıyor.

bunun bir diğer örneği aşağıda tanıtacağımız visual lightbox isimli bir masaüstü programdır. program bilindik lightbox eklentilerinde ne varsa hepsini bünyesinde barındırmakla kalmıyor üstelik onlarca tema * * * desteği sunuyor. mesela facebook, mac ve vista bunlardan sadece bir kaçı.

Diğer özellikleri arasında resimlerinizi galeri yapıp sırayla göstermek, sayfa kaydırıldığında göstericiyi ekranda animasyon eşliğinde odaklamak, resim değişimlerinde zoom-in efekti kullanması olarak sayabiliriz. yazılımın web sitesine gitmek için tıklayın.

Web siteniz ile uyumlu ve göze hitap eden formlar tasarlamak istiyorsanız ve "nasıl bir şey olmalı?" sorusu aklınıza takılıyorsa, birçok farklı form tasarımını inceleyebilirsiniz.Üyelik formu, iletişim formu, kayıt formu gibi birçok form örneğinde ilham verici teknikler ile başarılı çalışmalar yapılıyor. Siz de aşağıdaki örnekleri inceleyerek kendi ilham verici form tasarımlarınızı yaratabilirsiniz.

1 - Next Big Sound

2 - ChiGarden

3 - Best Tools for school

daha önce birçok kez duymuşsunuzdur: biz web geliştiricileri olarak, bu işi yapanlar olarak değişimin uçurumundayız. css3 ve html5 gibi geleceğin standartları işlerimizi büyük ölçüde değiştireceğe benziyor.

css3’ün nasıl etkilediğini aşağıdaki örneklerde görebilirsiniz.

1- güneş sistemimiz

bu örnekte css3'ün sborder-radius, transform ve animation özellikleri kullanılarak güneş sistemimizin bir modellemesi yapılmış. ayrıca güzel bir tooltip de kullanılmış, yan tarafta yazan gezegen isimlerinin üzerine gelince açıklaması çıkıyor. bu örneğin nasıl yapıldığına buradan bakabilirsiniz. bu animasyon sadece google chrome ve safari’de çalışıyor.

2- Flash reklamlar yerine CSS3 reklamlar

animasyon dünyasında flash’ın adı çıkmış, istenilse css3 ile de aynı güzellikte animasyonlar yazılabilir. bu örnekte birkaç flash reklam css3 ile yapılmaya çalışılmış, çok da güzel olmuş. ama şimdilik firefox ile çalışmıyor, chrome ile deneyebilirsiniz.

Sunucuda oluşturacağınız bir dizine yükleyeceğiniz görsellerinizin küçültülmüş (thumbnail) halleri ile tek sayfalık bir "Görsel Duvar" oluştrmanızı sağlayan Pagemap ImageWall, PHP ile hazırlanmış ücretsiz bir script.

Çeşitli görsel galerilerde gördüğümüz, sayfalama, sekme veya slide gösterimi gibi özellikleri kullanmadan tek sayfalık bir "Görsel Duvar" oluşturabilirsiniz. Ziyaretçileriniz, tek bir bakışla "görsel duvarınızda" bulunan tüm görsellerinize göz atabilir veya her birine tıklayarak, orjinal boyutları ile daha yakından inceleyebilir.

Nevi şahsına münhasır web projelerinde kullanılabilecek olan Pagemap ImageWall scriptine buradan ulaşabilirsiniz.