Posts made in Temmuz, 2010

Yeni başlayanlar için Türkçe jQuery dersleri

13 Tem 2010 tarihinde eklendi. Blog | 5 yorum

Günümüzün en meşhur ve en kullanışlı Javascript kütüphanesi jQuery, ülkemizde de web tasarımcılar tarafından yaygın olarak kullanılmaya başlandı nihayet. Tavsiyelerimiz işe yaradı anlaşılan:) (bkz. Jquery öğrenmek ve kullanmak için 5 neden) Yaygınlaştıkça, web geliştiricileri tarafından hazırlanan  jQuery dersleri de internette boy gösteriyor bir süredir. Ancak bir çoğu, “ders” adı altında yayınlanmış hazır jQuery eklentisinden ibaret, maalesef. Birbirinden güzel efektler, animasyonlu menüler, foto galerileri ve slaytlar (ve daha fazlası) şeklinde hazırlanmış bu eklentiler, çoğu zaman web sitelerimizde işimizi görse de, istediğimiz eklentiyi sıfırdan yazabilmek için bize gerekli bilgiyi vermiyorlar. Bu nedenle, İngilizcesi yeterli olmayıp da sıfırdan jQuery öğrenmek isteyenler kaynak bulmakta hala zorlanıyorlardır, tahminimce. Şimdilik elimizdekilerle yetinmekten ve yeterli Türkçe kaynağın oluşması için bir süre daha beklemekten başka çaremiz yok.  Yine de mevcut Türkçe jQuery dersleri, yeni başlayanların sıfırdan öğrenmesini sağlayabilecek kadar iyi hazırlanmış aslında. Ben de nette bulduğum Türkçe ders kaynaklarını bir araya getirip, sıfırdan jQuery öğrenmek isteyenlerin işini biraz olsun kolaylaştırmak istedim. Önizleme resimlerine tıklayarak kaynaklara ulaşabilirsiniz.

jQuery dünyasına adım atıyoruz

jQuery ile web programlama dersleri – 1

jQuery ile web programlama dersleri – 2

jQuery ile animasyon yapmak

Yeni başlayanlar için jQuery dersi (video)

jQuery ve seçiciler

jQuery ve Ajax işlemleri

jQuery ve efekt işlemleri

jQuery ve olaylar

jQuery ve DOM işlemleri

Son olarak, jQuery ile CSS 3′ü birlikte kullanarak neler yapılabileceğini merak ediyorsanız buradaki örneklere gözatabilirsiniz.

Haftalık OZD #21

12 Tem 2010 tarihinde eklendi. Blog | 0 yorum

Uzun bir süredir ihmal ettiğim Flash ile ilgili yazı yayınlayabilmiş olmanın dayanılmaz hafifliğiyle (ne uzun tamlama oldu böyle:) 21. haftayı da geride bıraktık. Sayfa istatistiklerinden de gördüğüm üzere, Ücretsiz en iyi Flash foto galeriye oldukça büyük bir ilgi var. Demek ki Flash’la ilgili daha fazla makale yazmalıyım. Haftaya CSS 3′ün nimetlerinden biri olan gradient özelliğini IE 6.0 da dahil bütün tarayıcılarda nasıl kullanabileceğinizi anlatan makale ile başlamıştık. Hemen sonrasında yayınladığım Alternatif İçerik Yönetim Sistemleri başlıklı makale ile, WordPress ve Joomla gibi en çok bilinen CMS’lere alternatif olabilecek kadar iyi olan diğer içerik yönetim sistemlerine göz attık. Üstüne bir de Web Tasarım Kaynakları serisinin 13. bölümünü ekleyerek haftayı kapatmış olduk.

CSS Gradient özelliğini bütün tarayıcılarda kullanmak

Alternatif içerik yönetim sistemleri

Web Tasarım Kaynakları #13

Ücretsiz en iyi 10 Flash foto galeri

Ücretsiz en iyi 10 Flash foto galeri

9 Tem 2010 tarihinde eklendi. Blog | 0 yorum

Bir zamanların modası Flash foto galeriler, her ne kadar jQuery‘nin kullanılmaya başlamasıyla artık yavaş yavaş unutulmaya başlasa da, hala ihtiyaç duyulduğu zamanlar olabiliyor. Ayrıca blogumda Flash’ı fazlasıyla ihmal ettiğimi farkedince, Flashseverlerin gönlünü almak için derhal Flash’la ilgili bir yazı yazmak istedim:) Ve aklıma da ilk gelen Flash uygulaması, foto galeriler oldu. Nette şöyle bir gezindim de, önceden bu foto galerileri ne kadar gözümüzde büyüttüğümüz aklımıza geldi. Düzenlemek, resimleri eklemek ve uygulamayı siteye entegre etmek vs derken, oldukça zahmetli bir iş olarak görürdük. jQuery ile kolay foto galerilerin oluşturulması Flash kullanıcılarını da etkilemiş olacak ki, nette dolaşan yeni Flash foto galerileri kullanmak artık eskisi kadar zor değil. Hala Flash foto galerileri tercih ediyorsanız, sizin için en iyilerini seçmeye çalıştım. Demolarını görmek ve ücretsiz olarak indirmek için resimlere tıklamanız yeterli. Ama siz de hala benim gibi ısrarla jQuery kullanmayı tercih edenlerdenseniz, sizi buraya alalım.

Web Tasarım Kaynakları #13

8 Tem 2010 tarihinde eklendi. Blog | 0 yorum

Hafta sayısı ile web tasarım kaynakları sayısının arasını daha fazla açmamak için, şu sıralar web tasarım kaynakları serisini aksatmamaya özen gösteriyorum. Klasik içeriğe bağlı kalarak ücretsiz font, ikon seti, photoshop stilleri ve gradientleri, PSD dosyaları, vektörel grafikler, hazır web site şablonları ve arayüz tasarımları ve dokulardan oluşan web tasarım kaynaklarının 13. bölümünde yeni olarak 2 farklı kaynak daha yer alıyor. WordPress teması ve Flash foto galeri. Özellikle sitede uzun zamandır Flash ile ilgili içeriğe yer vermediğimi farkettim. Sanırım bunda jQuery’nin yetenekleri ve çekiciliğinin etkisi büyük. Yine de yakın zamanda özellikle flash foto galerileriyle ile ilgili bir yazı ve kaynak yayınlamak istiyorum. Şimdilik bununla idare etmenizi rica ediyorum:)

20 adet Grunge yazı tipi

Paint Hand Yazı Tipi

Nioubes Yazı Tipi

Kyu Tux – Sosyal Medya İkon Seti

Yammy Sosyal Medya İkon Seti

Vektörel minimal ikon seti

Dance Banners – Vektörel Grafik Seti

Dünya Haritası – Vektörel Grafik Seti

Hava Durumu Grafikleri – PSD Dosyası

220 Styles – Photoshop Stil Paketi

Ultimate Web 2.0 Gradients – Photoshop Gradient Paketi

Yüksek kaliteli doku seti

Kağıt Dokuları

Işık Efektleri Doku Paketi

DF Gallery 2.0 – Flash Foto Galeri

Hosting Web Sitesi PSD Şablonu

Sinema temalı website template

Aqualine WordPress Teması

Alternatif içerik yönetim sistemleri

7 Tem 2010 tarihinde eklendi. Blog | 0 yorum

İçerik yönetim sistemi diyince aklınıza ilk olarak ne geliyor diye sorsam, herhalde hepiniz WordPress dersiniz. Peki ikinci olarak? Joomla dediğinizi duyar gibiyim. Oradan birileri Drupal mı dedi? Evet, en çok kullanılan bu 3 içerik yönetim sistemi (CMS) haricinde ben de çok fazla bir şey bilmiyordum açıkçası. Araştırmalarım sonunda, aslında bilinmeyen ancak gerçekten iyi, onlarca içerik yönetim sisteminin olduğunu görünce şaşırmadım desem yalan olur. Sayısının bu kadar çok olduğunu tahmin edemezdim açıkçası. İçlerinden en iyilerini seçtim ve kısa bilgilerle tanıtmaya karar verdim. Belki hoşunuza giden ve kullanmak istediğiniz olabilir. Bu arada Bildirgec.org‘taki CMS Karşılaştırması: WordPress mi, Joomla mı, Drupal mı? başlıklı yazıyı ve altındaki yorumları okumanızı tavsiye ederim. Doğru CMS’i seçmeniz açısından oldukça faydalı bilgiler içeriyor.

Şimdi gelelim alternatif içerik yönetim sistemlerine…

Typo3

Typo3, PHP tabanlı ve açık kaynak kodlu, ücretsiz bir içerik yönetim sistemi. Kendi script diline sahip olmasından dolayı alışması zor, öğrendiğiniz zaman ise her türlü siteyi yapabileceğiniz bir CMS olduğunu söyleyebilirim. Özellikle profesyonel web geliştiricileri tarafından tercih edilmesinin en büyük nedeni de bu zaten. İki farklı template yapısı ve yüzlerce eklentisi ile esnek bir sistem. Ancak önce Typoscript dilini iyi derecede öğrenmeniz gerektiğinden standart kullanıcılara tavsiye etmiyorum.

TYPOlight CMS

TYPOlight CMS için, Typo3′ün hafifletilmiş ve basitleştirilmiş hali diyebilirim. Ajax ve Web 2.0 teknolojilerini de içeren genel yapısında Haberler, Takvim ve Formlar gibi bir çok hazır modül de yer alıyor. TYPOlight’ı diğerlerinden ayrılan en büyük özelliği ise; çoklu blog (mutliple blog) şeklinde kullanılabilir olması. Bütün özelliklerini ve sistem gereksinimlerini incelemenizi tavsiye ederim. Online olarak denemek için DEMO linki>>

SilverStripe

SilverStripe, 3 büyükler (WordPress, Joomla, Drupal)’den sonra, dünya çapında en çok bilinen ve en iyi içerik yönetim sistemi sanırım. PHP tabanlı ve açık kaynak kodlu olan bu CMS’in Türkçe dil desteği de mevcut. Foto ve video galeri, Google Map, üyelik sistemi, ödeme sistemi gibi bir çok hazır eklentisi ile sistemi ihtiyacınıza göre istediğiniz gibi düzenleyip geliştirebiliyorsunuz. Zaten kullanıcıları tarafından “Drupal kadar gelişmiş, ama kullanımı daha basit” şeklinde tarif ediliyor. Ayrıntılı bilgi için resmi sitesi, sistemi test etmek için ise demo linkini tıklayın.

Cushy CMS

Cushy CMS, kullanım kolaylığında en iddialı içerik yönetim sistemlerinin başında geliyor. Sistemin kullanılması için PHP ve ASP’ye gerek olmaması, kurulumun bir kaç dakikada tamamlanması ve içeriğin kolayca düzenlenmesi Cushy CMS’in en büyük artılarından. Ayrıntılı bilgi ve ücretsiz olarak kullanmaya başlamak için resmi sitesi>>

Frog CMS

“Hızlı, kolay ve işe yarar” sloganı ile yola çıkan Frog CMS, 2007 yılından bu yana kullanılan açık kaynak kodlu ve PHP tabanlı bir içerik yönetim sistemi. Basit yapılı siteler oluşturmak için ideal görünüyor. Sitesindeki Dökümanlar sayfasında, kullanımıyla ilgili her şey bütün detaylarıyla anlatılmış.

MODx

MODx, Ajax ve SEO uyumlu hızlı, basit ve esnek bir CMS. Html, CSS ve Javascript destekli sayfaları düzenleyerek, süper şık ve profesyonel siteler oluşturabileceğiniz esnek bir yapıya sahip. Güzelliği kendi sitesinden de belli zaten. Yine de denemeden kesin konuşmamak lazım. Sistem gereksinimlerini General Requirements linkinden, bütün özelliklerini ise Features linkinden görebilirsiniz.

DotCMS

DotCMS, hem standart kullanıcılar hem de web geliştiricileri için fazlasıyla profesyonel bir içerik yönetim sistemi. Açık kaynak kodlu ve JAVA tabanlı olması, özellikle geliştiricilerin ilgisini çekiyor. DotCMS’in, içerik yönetim sistemi olmasının haricinde, CRM (Müşteri ilişkileri yönetimi) olarak da kullanabileceğiniz araçlara sahip olması, sistemin ne kadar profesyonel olduğunu bir kez daha gösteriyor. Kesinlikle göz atmaya değer. Sistemi test etmek için DEMO linki>>

Expression Engine

Expression Engine, zengin özellikleriyle ve istediğiniz gibi geliştirebileceğiniz esnek yapısı ile dikkat çeken bir içerik yönetim sistemi. Dünya genelinde binlerce kişi ve şirket tarafından kullanıldığı biliniyor. Features sayfasına bakarsanız, özelliklerinin saymakla bitmeyecek kadar çok olduğunu görebilirsiniz. Kategorilere ayrılmış template bölümünden ise, site ve kontrol panel temalarına ve arama motoru, profil gibi sayfalar için hazır kodlara ulaşabilirsiniz.

Radiant CMS

Radiant CMS, çok gelişmiş olmayan sade siteler için kullanımı ve düzenlenmesi kolay bir CMS hizmeti sunuyor. Kendi bünyesindeki özellikler ve resmi sitesindeki hazır eklentiler ile istediğiniz gibi geliştirebileceğiniz esnek bir yapıya sahip olduğu söyleniyor. Denemek isterseniz DEMO linki>>

Concrete5

Concrete5, özellikle e-ticaret siteleri için geliştirilmiş ücretsiz bir içerik yönetim sistemi. Ve bu işi oldukça iyi de yaptığını söyleyebilirim. Ayrıca standart siteler için de kullanışlı temaları var. Ancak kendisi ücretsiz olsa da temalarının ücretli olması dezavantaj. Yine de hazır alışveriş sitesi sahibi olmak istiyorsanız 25 $ gibi bir ücret çok da fazla sayılmaz.

CSS Gradient özelliğini bütün tarayıcılarda kullanmak

6 Tem 2010 tarihinde eklendi. Blog | 1 yorum

Gradientli devam eden arkaplan resimleri için, ben de bir çok web tasarımcıyla aynı standart CSS tekniğini kullanıyorum. 1 px genişliğindeki resim dosyasını background-repeat: özelliği ile yatayda ya da dikeyde tekrar ettirerek, arkaplan resmini oluşturuyorum. Bu işlemi, bir sitede en az bir kaç kez yaptığımı düşünecek olursak, fazladan harcanan emek ve zaman söz konusu oluyor. CSS 3′ün yeni yeteneklerini görünce (bkz. CSS 3′ün 5 temel yeteneği) , CSS Gradient özelliği için “Internet Explorer olmasaydı da bu özelliği bütün çalışmalarımda kullanabilsem” demiştim. Sesimi duymuş olmalılar:) Ki çok fazla zaman geçmeden, IE 6 da dahil olmak üzere bütün tarayıcılarda CSS Gradient özelliğini çalıştırmayı başarmışlar. Rob Hammann adında bir meslektaşımız, Webdesigndev‘de bütün tarayıcılarda nasıl kullanabileceğimizi ayrıntılarıyla anlatmış. Ben de, özellikle ingilizcesi olmayan arkadaşlar için konuyu kaleme almak istedim. Bu tekniğin bir çok projede CSS kodlama işimizi hızlandıracağına eminim. Belirtmekte fayda var; bu teknik sadece linear-gradient için geçerli. Radial-gradient için kullanılmıyor. Zaten yazının başında bahsettiğim arkaplanı oluşturmak için ihtiyacımız olan özellik de linear-gradient olduğu için sorun yok.

Linear-gradient özelliğinin kullanılışı

Aslında olayın sırrı, Internet Explorer için yazılmış küçük bir filter satırında gizli. Hani şu Opacity vermek için de kullandığımız filter‘dan söz ediyorum. O nedenle yabancılık çekeceğinizi hiç sanmıyorum. Html ve CSS temellerini içeren detaylara girip konuyu gereksiz uzatmadan, direkt olarak özelliğin kullanılış şeklini göstermek istiyorum.

Bildiğiniz üzere CSS 3′ün neredeyse bütün özelliklerini mozilla ve webkit tarayıcıları için ayrı ayrı yazıyoruz. Linear-gradient için de aynı şekilde yazmamız gerekiyor. Class’ın adı örnek olarak .gradient ve kullanılan renk kodları: #354bb8 ve #1a3366. Elbette bunları istediğiniz gibi değiştirebilmeniz mümkün.

Safari ve Chrome için:

.gradient {-webkit-gradient(linear, left top, left bottom, from(#354bb8), to(#1a3366));}

Firefox için:

.gradient {background: -moz-linear-gradient(top, #354bb8, #1a3366);}

Buraya kadar her şey bilindiği gibi. Bundan sonra ekleyeceğimiz filter özelliği ile linear-gradient’i Internet Explorer’ın bütün versiyonlarında kullanabilirsiniz:

Internet Explorer için:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#354bb8', endColorstr='#1a3366');

Örneği tarayıcılarınızda test etmek için: DEMO LİNKİ>>

Haftalık OZD #20

5 Tem 2010 tarihinde eklendi. Blog | 0 yorum

OZD Tasarım 20. haftayı da geride bıraktı. Geçtiğimiz hafta, özellikle freelance tasarımcıların işine çok yarayacağını düşündüğüm iki makale yazmış olmaktan mutluyum. Böylelikle, bir süredir içinde olduğum yoğun dönemden dolayı freelance tasarımcılara yönelik eksikliği telafi ettiğimi düşünüyorum. Freelance tasarımda iyi bir konuma yükselmek ve kazanç sağlamak istiyorsanız Müşteri portföyünüzü genişletmek için yapılacaklar listesi ve Freelance tasarımcılar için ek gelir kaynakları başlıklı makalelerimi dikkate almanızı şiddetle öneriyorum.

Bu iki yazının haricinde, Jquery ile haşır neşir olanların çok ilgisini çekecek bir eklentiyi tanıttım: DualSlider. Farklı ve kullanışlı özelliği ile diğer slayt eklentilerinden bir adım öne çıkıyor. Sitelerinizde Jquery kullanıyorsanız, göz atmanızda fayda var.

Müşteri portföyünüzü genişletmek için yapılacaklar listesi

Farklı bir Jquery slayt eklentisi: DualSlider

Freelance tasarımcılar için ek gelir kaynakları

Freelance tasarımcılar için ek gelir kaynakları

4 Tem 2010 tarihinde eklendi. Blog | 9 yorum

Kendimden biliyorum, freelance web tasarımcılar olarak bazen o kadar yoğun oluyoruz ki, bir kaç projeyi birden aynı anda almak zorunda kalınca neredeyse kendimize ayıracak hiç zaman bulamayabiliriz. Bir de üstüne tam zamanlı çalıştığınız bir iş yeri varsa, freelance işleriniz için uykunuzdan fedakarlık etmek durumunda kalırsınız. Ama bazen de tam tersine haftalarca boş zamanımız olabiliyor. Böyle dönemlerde boş oturmaktansa, freelance tasarım işi konusunda değerlendirebileceğiniz çok güzel alternatifler var aslında.

Ve bu alternatif işlerin en ilgi çekici iki yönü:

1. Sorumlu olduğunuz bir müşteri olmadan çalışmanın verdiği rahatlık.

2. Kazancın devamlılığı.

Freelance tasarımcılara böyle güzel iki nimeti sunan ek gelir kaynakları nelermiş, bir bakalım:)

Grafik Tasarımı satmak

İnternetin en büyük tasarım marketi olan Envato, dünya çapında freelance tasarımcılar için büyük bir gelir kaynağı. Ve Envato zincirinin en büyük halkalarından bir tanesi olan Graphicriver.net, son zamanlarda ülkemizde de web tasarımcıların gözdesi olmuş durumda.

Boş zamanlarda buton, ikon, form gibi ara birim tasarımlarını satışa çıkarıp Envato ile iş ortaklığı çerçevisinde hatrı sayılır bir gelir elde ediyorsunuz. Hatta dünyanın en iyi freelance tasarımcılarının bu siteden elde ettiği gelir, göz ardı edilecek gibi değil. Aşağıdaki resimden de görebileceğiniz gibi, sadece bir yazı efekti 4 $’dan  şu ana kadar 2209 defa satılarak yaklaşık 10.000 $ kazandırmış. Kazancın %40′ının tasarımcıya ait olduğunu da dikkate alırsak, Photoshop’ta hazırladığınız küçük bir yazı efektinden 4000 dolar kazanmanız mümkün.

Graphicriver‘da buton, ikon, font, doku, ara birim elementleri, vektörel grafikler ve 3 boyutlu objeler gibi her türlü tasarımı satışa çıkarabiliyorsunuz. Siteye 20$ depozito karşılığında üye olarak, hemen tasarım satmaya başlayabilirsiniz. Kazancınız en az 50 $’a ulaştığında ise, paranın hesabınıza aktarılması için talimat verebiliyorsunuz. Ancak üyelikte ve satılan tasarımlarda, sitenin oldukça titiz davrandığını da söylemem gerekiyor. Bununla ilgili bütün kurallara ve kullanıcı sözleşmesine siteden ulaşabilirsiniz. Ayrıca yeni başlayanlar için yardımcı niteliğindeki Getting Started sayfasına bakmanızda fayda var.

Tema Tasarımı Satmak

Hazır web sitesi ya da tema tasarımlarınızı satabileceğiniz Themeforest‘ın ise ilginizi daha çok çekeceğinden eminim. Çünkü Themeforest, Envato şirketinin en çok kazandıran sitesi. Themeforest’ta; ister Html&CSS olarak herşeyiyle hazır web sitesi, ister WordPress, Joomla gibi sistemler için tema tasarımı, isterseniz de PSD formatında arayüz tasarımı gibi her türlü tema tasarımınızı satabilirsiniz. Ve freelance tasarımcıların bu siteden elde ettikleri kazanç insanı şaşırtacak derecede yüksek. Öyle ki sadece bu siteden geçinmeyi bırakın, zengin olan freelance web tasarımcıların olduğunu biliyorum.

Yukarıdaki resimde sadece 42 $ değerindeki 1 tema şu ana kadar 2747 defa satın alınarak, 115000 (yazıyla yüzonbeşbin) $’dan fazlasını kazandırmış. Ve bununla da bitmiyor tabi. Örnek olarak aynı tasarımcının profilini incelediğinizde 27 temasını satarak şu ana kadar 500000 dolar kazandığını görünce ağzımızın açık kalmaması imkansız:)  Yani diyeceğim şudur ki; ne yapın edin, bir an önce bu sitelere üye olarak boş zamanlarınızda tasarım yapıp satın. Unutmadan belirtmem gerekiyor yalnız; Themeforest’a tema kabul ettirmek, tahmin ettiğinizden de zor. Zira moderatörler web tasarımında çok bilgililer. Bu nedenle tema tasarımlarınızın satışa sunulması için, web tipografisi, renk kontrastı, html kodlamasındaki semantik ve hiyerarşik düzen gibi bir çok önemli kriterlerde moderatörlerden geçerli not alması gerekiyor. Yine de bu sizi korkutmasın. Tam aksine Themeforest’a tema kabul ettirmek için yapacağınız çalışmalar, size web tasarımında uzman seviyeye yükselmeniz için gerekli olan bütün tecrübeyi kazandıracaktır.

Bloglardan reklam geliri elde etmek

Son zamanlarda, web tasarım bloglarının sayısındaki artışın siz de farkındasınızdır. Web tasarım blogları, web tasarımcının bu pazardaki itibarını artırmasının yanında, tasarımcıya reklam geliriyle de ek kazanç sağlıyor. Blogunuzun Sponsorlar bölümüne alacağınız reklamlarla, en azından hosting, domain gibi giderlerinizin yıllık maliyetlerini karşılayabilirsiniz. Bu nedenle hala bir blogunuz yoksa, en kısa zamanda bir blog açın ve yazmaya başlayın. Belli mi olur belki de Webrazzi gibi Türkiye’nin en büyük bloglarından biri haline gelir ve sadece reklamlardan ayda binlerce dolar kazanmaya başlarsınız.

Stok foto satmak

Henüz ülkemizdeki web tasarımcılar arasında yaygın olmasa da, dünyada en çok stok foto satışı yapanların başında fotoğrafçılarla birlikte freelance tasarımcılar gelmekte. Siz de istockphoto.com, fotolia.com gibi dünyanın en büyük stok foto siteleri için çekimler yapabilir ve kendinize ek gelir kaynağı oluşturabilirsiniz. Stok foto sitelerinde satış yapmak için illa fotoğrafçılıkla ilgilenmenize de gerek yok aslında. Fotoğraf haricinde web tasarımla ilgili illüstrasyonlarınızı ve video çalışmalarınızı da bu sitelerde satabilirsiniz.  Her ne kadar yaygın değil desem de, özellikle Fotolia‘nın sadece Türkiye’ye özel sitesinin açılması, yavaş yavaş bu ilgi alanının da ülkemizde genişlediğini gösteriyor sanırım.

Eğer boş zamanlarınızı yukarıda anlattığım yollarla değerlendirerek, kendinize ciddi anlamda güzel kazançlar sağlayabilirsiniz. Freelance tasarımcılar için ek gelir kaynağı olarak aklıma gelenler bunlar. Sizin de bildiğiniz başka gelir kaynakları varsa yorum olarak paylaşmanızı bekliyorum. Bol kazançlar dilerim:)

Farklı bir Jquery slayt eklentisi: DualSlider

1 Tem 2010 tarihinde eklendi. Blog | 3 yorum

Bildiğiniz üzere, Jquery slayt eklentileri sayesinde artık fotograf ve içerik slaytları için Flash ile uğraşmak zorunda değiliz. Küçücük bir script ile sitede animasyonlu slaytlar ve galeriler oluşturabiliyoruz. Dosya boyutunun da flasha göre çok daha küçük olması en büyük tercih sebeblerinden biri elbette. (bkz. Jquery kullanmak için 5 neden) Bu nedenle, artık neredeyse her yeni nesil web sitesinde gördüğümüz Jquery slayt eklentilerine bir yenisi daha eklendi: DualSlider

Bu eklentiyi başlı başına bir makale ile paylaşmak istememin sebebi ise görmeye alıştığımız standart slayt eklentilerinden farklı bir özelliğe sahip oluşu. Adındaki “Dual” kelimesi de bu özelliğinden geliyor. Eklenti; içerik ve başlık olmak üzere iki farklı bölümden oluşuyor ve slayt haretketi her iki tarafta da gerçekleşiyor. Bu da eklentiye hem farklı bir görünüm hem de iki tarafın hareketindeki küçük zaman farkından dolayı güzel bir akışkanlık kazandırmış. (Demoyu izlediğiniz zaman ne demek istediğimi anlayacaksınız)

Eklentinin bir diğer özelliği ise; içerik bölümüne resim, video, html gibi her türlü içeriği ekleyebiliyor olmanız. Yani sadece fotograf slaytı değil, her türlü içerik slaytı oluşturabilirsiniz. Bu nedenle, özellikle magazin blogları, haber siteleri gibi portallara entegre ederek, sitenizi oldukça kullanışlı bir hale getirebilirsiniz. Ayrıca portfolyonuzu yayınladığınız web siteniz için de çok güzel bir showcase (vitrin) bölümü olacaktır.

DualSlider’ın siteye eklenmesi, neredeyse her Jquery eklentisi kadar kolay olduğundan, web tasarımcıların kullanmakta zorlanmayacağından eminim.

DualSlider’ı test etmek ve indirmek için Test et ve Ücretsiz İndir>>

Bütün dökümanlarına ulaşmak için DualSlider dökümanları>>

linklerini kullanabilirsiniz.