bildirgec.org - karabulutemre - beğendikleri

Web tasarımcılar için kaliteli fontlar

karabulutemre — Mon, 05 Jul 2010 09:56:00 GMT

Web Tasarımda dikkat etmeniz gereken ögelerden biri ise fontlardır. Logo ve bannerlerin haricinde artık css3 kullanarak bu fontları web sitenizde imaj olarak kullanmadan da kullanabilirsiniz. Aşağıdaki yüksek kaliteli fontları ücretsiz olarak kullanabilirsiniz. İşte muhteşem yüksek kaliteli fontlar;

Dekar

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

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

Muhteşem bir Tooltip Uygulaması: Colortip

karabulutemre — Fri, 16 Jul 2010 06:57:00 GMT

Colortip, jQuery tabanlı hazırlanmış basit bir tooltip uygulamasıdır. Metinlerinizin herhangi bir bölümüne ekleyebileceğiniz küçük baloncuklar yanlızca o bölümün üzerine gelindiğinde ortaya çıkar ve sizin vermek istediğiniz kısa bilgiyi içerir.

Web sitenizin içeriğine göre renk ayarını değiştirebileceğiniz bu uygulama ile metinlerinize küçük hatırlatıcılar, ekstra bilgiler yerleştirebilirsiniz. İçeriğinde 6 farklı renkli tema bulunan bu uygulamayı değiştirerek farklı renk tonları ile çalışabilirsiniz.

Metinlere ekstra olarak imaj dosyalarında veya linklerinize'de ekleyebileceğiniz bu tooltip'ler yardımı ile linklerinize veya imajlarınıza açıklayıcı metinler ekleyebilirsiniz.Ayrıca hafif geçiş efekti ile birden kaybolmayarak hoş bir izlenim uyandırır.

Oldukça kolay kullanımlı ve basit tasarımlı bir jQuery tooltip uygulaması olan Colortip'i buradan indirebilir veya buradan demo sayfasına bakabilirsiniz.Ayrıntılı dökümanı için bu sayfaya göz atabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tutorialzine

Bu yazı karabulutemre 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 için jquery tabalı 10 eklenti

karabulutemre — Tue, 06 Jul 2010 14:35:00 GMT

Jquery eklentileri artık hemen hemen her sitede görmekteyiz. Bunları kendi bloglarınıza da eklemeniz için 10 adet jquery tabanlı eklentiyi listeledik.

jQuery Colorbox

Lightbox kullanarak açılan menüye sahip başka bir jquery eklentisi.

jQuery Colorbox

jQuery Table of Contents

SEO dostu olan javascript tabanlı bu eklenti, menüler hazırlamanızda yardımcı olacaktır.

jQuery Colorbox

jQuery Drop Down Menu

Jquery ile hazırlanmış klasik çoklu dropdown menü.

JQuery Drop Down Menu

Content Warning

İçerik uyarısı için hazırlanmış bir eklenti.

Content Warning

FadeOut-Thumbshots

Fade-Out efekti kullanılarak hazırlanmış bir önizleme eklentisi.

FadeOut-Thumbshots

Last.wp

Last.fm'deki son dinlediğiniz şarkıları sitenize eklemenize yarayan bir eklenti.

Last.wp

qTwit

Twitlerimizi göstermeye yarayan jquery tabanlı bir eklenti.

qTwit

knspr-imgnote

Fotoğraflarımıza tag eklememizi sağlayan başka bir çözüm.

knspr-imgnote

Simple Counters

Takipçilerinizi gösteren bir sayaç eklentisi.

Simple Counters

Preview Comments Short URL

Yorumlarınızdaki linkleri kısaltmanızı sağlayan eklenti.

Preview Comments Short URL

Kaynak

Ayrıca Bakınız;

Spx: Bütün Yazılarım / RSS

Bu yazı karabulutemre 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 İyi 10 Wordpress Manşet Eklentisi

karabulutemre — 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ı karabulutemre 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 Adet Yepyeni JQuery İçerik Kaydırıcı

karabulutemre — Thu, 10 Jun 2010 10:17:00 GMT

1. mozaik slideshow

2. apple-style slideshow

3. content slider with jquery

4. content slider using jflow

5. imageswitch

6. start/stop slider

7. slick auto-playing featured content slider

8. content slider with jquery ui

9. content slider using jquery ui

10. jquery slider tutorial

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

Ücretsiz XHTML/CSS Portfolio Tasarımlar

karabulutemre — Tue, 11 May 2010 15:16:00 GMT

Ücretsiz olarak sunulan, CSS ve Psd dosyalarını irdeleyip üzerinde çeşitli değişiklikler yapabileceğimiz mükemmel kaynaklar.Bu tür kaynaklar özellikle bazı css tekniklerinin nasıl uygulandığı konusunda da bizlere fikir vermektedir.
Watercolored(Psd Dosyası ile birlikte) Önizleme İndir

watercolored portfolio

YourInspiration(Psd dosyası ile birlikte) Önizleme İndir

YourInspiration

YIW Minimal (Psd dosyası ile birlikte) Önizleme İndir

YIW Minimal

Seven Seas Önizleme İndir

SevenSeas

Cosmos Önizleme İndir

Cosmos

A Simple Folio Önizleme İndir

A simple Folio

Woody Portfolio Önizleme İndir

Woody Portfolio

SweetDreams Önzileme İndir

SweetDreams

Bu yazı karabulutemre 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'te şifreli footer.php sayfasını düzenlemek

karabulutemre — Fri, 30 Apr 2010 14:02:00 GMT

Geçtiğimiz günlerde bir müşterim için düzenlediğim temanın footer.php sayfası şifreli olduğu için istediğim düzenlemeleri yapamıyordum. Ve bu konuda biraz araştırdıktan sonra wordpress'te şifreli sayfaların nasıl çözüldüğü ve düzenlendiği konusunda edindiğim bilgileri paylaşmak istedim.

Wordpress ile tema geliştirici seviyesinde uğraşan arkadaşların ilgisini çekeceğini düşünüyorum.

Footer.php sayfaları tema tasarımcıları tarafından şifrelenerek tasarımcının reklamını yapan linklerin bizim tarafımızdan silinmesini önlüyor. Dolayısıyla, özellikle ücretsiz wordpress temalarında bu soruna sıkça rastlıyoruz.

şifreli wordpress footer.php sayfasının çözülmesi yani decode yapılması için 2 yöntem bulunuyor.

1. Decode programı ile çözmek
2. Html kaynağını görüntüleyerek çözmek

Base64 ile şifrelenmiş php sayfalarını çözmenin en hızlı ve en kolay yöntemi, online decode programı kullanmak.

Ancak bu decode programları Md5 gibi Base64 haricinde bir yöntemle şifrelenmiş ise işe yaramayabiliyor. Böyle durumlarda ise daha ilkel bir çözüm şeklini kullanıyoruz.

Tarayıcı ile sitenin html kaynağını görüntüleyip footer bölümünü kopyaladıktan sonra, footer.php sayfasını bir editörle açarak yapıştırmak yeterli oluyor. Bu işlemden sonra footer.php sayfasını istediğimiz gibi düzenleyebiliyoruz.

Online decode programının nasıl kullanıldığına ve html kaynağı ile şifreli wordpress footer.php sayfasının nasıl düzenleneceği konusunda bütün detaylar bu kaynakta ayrıntılı bir şekilde anlatılıyor.

Bu yazı karabulutemre 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 Harika jQuery Navigasyon Menü

karabulutemre — Tue, 24 Nov 2009 10:12:00 GMT

Sitenize diğer basit menülerden öte açılıp kapanan aşağı ve sağa/sola doğru kayan, arka plan rengi değiştirilebilen hoş menüler koymak mümkün. Ayrıca bunları yaparken flash bilginizin olması da gerekmiyor. Çünkü harika bir şey olan jQuery sayesinde tüm bunları yapabiliyoruz. Burada 10 harika navigasyon menüsü göstermiş;

Horizontal Scrolling Menu | Demo - Ders

Yatay olarak sağa-sola kayan hoş bir navigasyon menüsü

Fading Menu – Replacing Content | Demo - Ders

Tıkladığınızda, tıkladığınız sayfanın linkini koyulaştıran bir uygulama.

Background Image Animations | Demo - Ders

Arka planın farklı biçimlerde rengini değiştiren navigasyon menü.

Animated Menus Using jQuery | Demo - Ders

Arka plan değiştiren farklı bir navigasyon menüsü.

apple style menu | Demo - Ders

Benzerlerini birçok yerde görebileceğiniz sağa kayan ve arka plan resmi çıkan farklı bir navigasyon menüsü.

Cool Animated Navigation with jQuery | Demo - Ders

Gördüğünüzde flash ile yapıldığını sanabileceğiniz çok hoş bir uygulama.

CSS Sprites 2 | Demo - Ders

Farklı biçimde arka planı değiştiren ek olarak css ağırlıklı yapılmış navigasyon menü.

Sexy Drop Down Menu | Demo - Ders

(jQuery ve CSS ile hazırlanmış düşey olarak hareket eden menü uygulaması)

Vimeo-like top navigation | Demo - Ders

vimeo.com sitesindeki menünün aynısı. Çok kullanışlı bir uygulama.

Outlook Navigation Bar | Ders

Outlook menüsünün aynısını jQuery ile yapmışlar.

Not : Demo adresinin linki kırık olduğu için veremedim

Kaynak ; boonex

Ayrıca Bakın ;

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

Birbirinden Farklı yaratıcı jquery uygulamarı

karabulutemre — Wed, 20 Jan 2010 10:24:00 GMT

jQuery inanılmaz geniş bir kütüphane. Hayal gücünüze ve ihtiyacınıza göre istediğiniz şekilde kullabilirsiniz. Klasik kalıpları dışına çıkarak yaratıcı çalışmalarınızı ziyaretçilerinize sunabilirsiniz. Farklı tasarımlar her zaman için ilgi çeker. Bu yüzden aşağıdaki farklı jQuery tasarımlarını isterseniz kullabilir veya kendinizi geliştirip daha farklı çalışmalar yapmak için kullanabilirsiniz;

Feature List

Bu jQuery uygulaması sayesinde projelerinizi gösterebilir ya da web sayfanızdaki popüler veya yeni makale ve haberleri yayınlayabilirsiniz. Birçok sitede aynı mantık ile yapılmış birçok jQuery veya flash uygulamalar görmek mümkün.

Drag to Share like Mashable using jQuery

Mashable'da bulunan resimleri paylaşma özelliği diğerlerinden farklı. Resmi tıklayarak paylaşmak istediğiniz sosyal medya sistesinin üstüne götürüyorsunuz.jQuery ile yapılan çok hoş bir uygulama.

youtubeplaylist

youtubeplaylist, sayesinde playlist'inizi birkaç saniyede sayfada göstermeniz mümkün. Videoların sadece başlangıç resimleri ekranda yer alırken tıkladığınız anda video youtube üzerinden oynatılmaya başlar.

jQuery maxImage plugin

Bu jQuery uygulaması sayesinde sitenizin istediğiniz herhangi kısmının arka planını css kodları ile uğraşmadan anında değiştirmeniz mümkün.

Hwy jQuery ListMenu Plugin

Çok kullanışlı jQuery menü uygulaması. Sözlükler veya arşivler için ideal bir jquery uygulaması.

Making A Slick Content Slider

jquery ile yapılan bu Slider ile web sitenizde ürünlerinizi daha iyi gösterebilirsiniz. Ziyaretçilerinize sayfalar dolaştırmadan hoş bir görünüm ile ürünlerinizi tanımış olurlar. Farklı amaçlar ile de kullanmak mümkün.

jVal

jVal, çok kullanışlı jQuery form uygulamasıdır. Belirlediğiniz kriterler formda uygulanmazsa ziyaretçiyi uyarır. Örneğin sayı yerine kelime girildiyse, şifre uzunlu gibi.

jQuery Highlighter

Dışarıdan gördüğünzde flash sanabileceğiniz muhteşem bir jQuery uygulaması. Web sitenizi yada ürünleriniz tanıtabilir. Herhangi bir uygulamayı daha iyi öğretebilirsiniz.

jTimepicker

jTimepicker, formlar için yardımcı bir jQuery uygulamasıdır. Ziyaretçilerinizin herhangi bir tarihi uğraşmadan forma girmesini sağlar.

Spellify

Google'da bulunan tamamlama özelliğinin biraz daha geliştirilmiş versiyonu. Çok kullanışlı bir jQuery uygulaması.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynaklar ; blogfreakz , jqueryglobe , ajaxrain

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

css3 ve jQuery uygulamarı

karabulutemre — Fri, 12 Feb 2010 15:18:00 GMT

jQuery günümüzde oldukça popüler ve genişlemiş bir kütüphane. css3 ise yeni bir dil olmasına rağmen oldukça kullanışlı ve görsel olarak muhteşem. Bu ikisi birleşince ortaya çok güzel çalışmalar çıkabiliyor. Fakat css3 çalışmaları tam olarak tamamlanmadığından tarayıcıların daha alt sürümlerinde çalışmayabilir. Aşağıdaki uygulamaları web sitenize ekleyebileceğiniz gibi uygulamalar ilham kaynağınız olup kendiniz farklı çalışmalar yapabilirsiniz;

Polaroid photo viewer with CSS3 and jQuery | demo

Polaroid photo viewer, css3 ve jQuery ile yapılmış farklı bir uygulamadır. Farklı birçok resmi ekranda yayar ve mouse ile taşınmasını sağlar.

Sweet AJAX Tabs With jQuery 1.4 | demo

Sweet AJAX Tabs, css3 ve jQuery ile hazırlanmış bir tab uygulamasıdır. Bu uygulama sayesinde web sayfanızda yeni sayfa yüklemesine gerek kalmadan diğer sayfalar arası geçişi sağlayabilirisiniz. Bu sayede ziyaretçileriz daha az bağlanma sorunu yaşamış olurlar.

jSlickmenu: A jQuery plugin for slick CSS3 menus | demo

jSlickmenu'yü diğerler menü uygulamalarından ayıran özelliği fotoğraflar ile hazırlanmış olması ve fotoğrafların üzerine mouse ile gelindiğinde bilgi metni belirmesidir. Dilerseniz resimleri y ekseni etrafında döndürebilirsiniz.

jQuery CSS3 Lightbox Gallery Script - demo

Polaroid photo viewer benzeri bu uygulama resimleri sayfanızda taşımanızı sağlıyor. Ek özelliği ise resimleri herhangi bir blok ya da kutuya taşıdığınızda resim üzerinden dilerseniz işlem yapabilmeniz.

Windows Aero using CSS3 and jQuery | demo

Bu uygulama ile web sitenizde pencereler yaratabilir ve ziyaretçileriniz bu pencereleri herhangi bir yere taşımasını sağlayabilirsiniz.Css3 ile hazırlanan bu uygulama Windows Aero teması ile hazırlanmış.Firefox 3.6 ve altı sürümlerde çalışmıyor.

images gallery using css3 and jquery | demo

webdevtut tarafından yapılan bu farklı galeri uygulaması, resimleri solgun ve y ekseni etrafında kaymış olarak sayfaya yazdırıyor ve mouse ile üzerine gidildiğinde ise renkler geri geliyor. jQuery ve css3 ile hazırlanan hoş bir uygulama.

CSS3 Styled jQuery Dropdown | demo

Hoş tasarımlı bu menü, css3 ve jQuery ile hazırlanmış. Basit menülerin aksine aşağı ve yana doğru kayan yan menüler eklenmiş olmasıdır.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; queness

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