Jquery Slider – jGio v01

Sonunda kendime bir slider yapabildim, çok ihtiyacım yoktu ama yine de hem pratik olsun hem de bi kaç farklı ihtiyacıma cevap vermesi için uğraşıp oratay birşey çıkardım. Çok karmaşık bi yapısı yok, gayet basit bir kodlaması var. İzninizle dökümantasyonunu da aşağıya yazıyorum

DOCUMENTATION
ilk önce html’e gerekli dosyaları iç ediyoruz:

<link href="style/jGio.css" type="text/css" rel="Stylesheet"/>
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/jGio.js"></script>

Daha sonra “body” tag’ı içinde id’si “Gio” olan bir div açıyoruz:
<div id="Gio"></div>

Sonra da istediğimiz resimleri a tag’ı olarak içine yazıyoruz.Burada spot ve baslık için özellikler tanımladım.

<a href="#" caption="Neque porro quisquam est qui dolorem ipsum" spot="Quisquam est qui dolorem ipsum" image="images/1.jpg"> </a>

image: resim kaynağı
caption: başlıkta yazılması gereken yazı
spot: spot kısmında yazılması gereken yazı

Ve son olarak pluginimizi başlatıyoruz içine bi kaç config alıyor:

$.jGio({
width: ’640′
, height: ’420′
});
height: slider’ın yüksekliği. default:500

width: slider’ın genişliği. default:500

Valla genel olarak ufak tefek hatalar var, eksikler var. Siz de kullanıp hata bulursanız ve geri dönüş yaparsanız çok mutlu olurum

Kaynak Kodlar

Örnek için

Jquery Mask Plugin: JMASK

Evet işe başlayalı uzun zaman oldu. Bu zaman zarfında kah arkadaşlardan kah kitaplardan kah internetten kendim birçok yeni şey öğrendim. Bunlardan biri de geçende lazım olan mask uygulaması oldu. Bana çok atraksyonlu bişey lazım değildi öyle ufaktan bir plugin yaptım üç beş karıştırarak.Kodlar aşağıda görüldüğü gibi gayet açıktır.
(function ($) {
methods = {
init: function () {
putLoading(this);
}
, hide: function () {
var mask = this.find('#newMask');
mask.remove();
}
}

putLoading = function (a) {
var b = a
, w = b.width()
, h = b.height()
, left = 0 + 'px'
, top = 0 + 'px'
, ptop = b.position().top + 'px'
, pleft = b.position().left + 'px'
, style = 'position:absolute;top:' + ptop + ';left:' + pleft + ';background-image:url(/images/ajax.gif);background-repeat:no-repeat;background-position:center;opacity:0.5;filter:alpha(opacity=50);background-color:black;width:' + w + 'px;height:' + h + 'px;z-index:99'
, mask = document.createElement('div');
mask.setAttribute('style', style);
mask.setAttribute('id', 'newMask');
b[0].appendChild(mask);
};
})(jQuery);

Bu kodu jquery den sonra iç edin ve jquery selector ile aldıgınız object ye jmask() diye uygulayıverin.Amaaa kaldırmasına geldikmi orasınında karışmam:)

J2ME – MIDP RMS (Records – Depolama)

Merhabalar,

Daha önceden de söylediğim gibi j2me üzerine çalışmaya bişeyler öğrenmeye başladım.Tabii ne kadar da çok çalışsanız unutuluyor, akılda kalıcı olmuyor.Ben de dedimki bunları hem blog da yazayım birilerine kaynak olsun, hem de bana yarasın. Ama sadece biyerlere yazmak da yetmiyor, önemli olan pratik yapmak onu da bir takım çalışmalar yaparak hayırlısıyla tamamlıyacagız.
More…

Parse error: syntax error, unexpected $end PHP hatası çözümü

Php ve html’i birlikte iç içe kullandığınız zaman karşılaşabileceğiniz bir hatadır. Çünkü html’i php’nin içine gömerken ya echo kullanırsınız(ki bu tırnak işareti sorunu felan yaratır) ya da daha garanti yöntem olan “php” tag’larını açıp kaparsınız.Fakat burda bir “< ? p h p...........? >” bir de “< ? .......? >” kullanırsanız sorun yaşarsınız.
En iyisi “< ?....... ? >” yerine
“< ? p h p........... ? >” kullanmaktır.
Sorunuz çözülecektir.Kolay gelsin

Yeni tasarım yolda…v3

Evet sitemi yenilemeye kadar vermiştim…Aslında eski hali de hoşuma gidiyor du fakat istediğim gibi karikatürize edememiştim.Hani çizebildiğim kadarıyla oldu. Bu aralarda minimalist tasarımlar baya hoşuma gidiyor, yani eskiden de gidiyordu da bu aralar tam favorim oldu..Bi kaç tasarım yapıp aralarından seçtim(Uğraşıyorum işte kendi çapımda)…Onları da sonra koyacağım.

Araya Bak!

Uff….ufff…parmaklarım ağrımış yazmayalı.Baya bir ara oldu, güya düzenli tutacaktım blog’u…Sadece o olsa iyi bununla birlikte başka neleri düzenli tutacaktım.Ama birini tutayım derken diğerini bıraktım, bir başkasını yakalayım derken elimdekilerin hepsi kaçmış durumda:D…Aşk hayatı bile gerçi onun ucu kaçalı çok oldu Neyse anlıyacağınız üzere bayağı yoğun bi hengameden çıktım.Bir final sınavları kaldı, onlara çalışacağız artık.Şimdi buraya kadar okuyup neden yazıyorsun bu yazıyı diye sorabilirsiniz ki ben de yeni bir başlangıç yapmak için keza önümüzdeki dönem biraz daha az yoğun geçecek, buralara felan daha çok zaman ayırabilirim.

Baya bi düşündüm, boş zamanlarımda ne yapıyorum diye?Aslında okadar öğrenme hevesime karşılık belkide hiçbirşey yapmıyorum.Okadar kitap okumama karşı boş okuyorum.Artık elimdeki olanlara bakıp bi yol çizmenin vakti gelmiş. Çünkü işe girince felan bi yol benim kontrolum dışında bir yol çizilsin istemiyorum.Belki biraz geç olmuş diyenler olabilir fakat ben öyle düşünmüyorum yapmak istediklerimizi anlamak herşeyi denemeniz lazım.Bazen bu bayağı bi zaman alıyor. Bazı insanlar kaç yaşından sonra farkedebiliyor.Neyse işte elimdekilere baktım, ne yapabilirim diye şöyle bi öncelik sıralaması yaptım listeyi fazla uzatmadan; mobile programcıllıkla ilgim bayadır vardı hatta buraya gelmemin ilk nedenidir: “MPX220′ye program yazmak”, dolayısıyla iste bu işin inciğini cinciğini öğrenmeye karar verdim.Ama bi yanımı yine internette bırakacagım su hayalini kurdugum projeler için php olayını ilerleteceğim.Belki kardeşime ileride yardımınım olsun diye AS3′e de başlıyacagım ufaktan.Bunlar haricinde başka şeylerle ihtiyacım olmadıktan sonra ilgilenmem.
Zaten bir dostun dediği gibi sen mühendissin,bilmiyorum demeyeceksin!Öğrenirsin nasıl olursa:)

Ha hobiler duracak, onlardan elimi çekmem. Tasarım ve fotoğraf olayı devam eder onlara el sürdütmem!!!

Php mysql Türkçe karakter hatası

Admin paneli yaparken türkçe karakter hatası aldım..Sorunu şu makalenin http://www.birazkisisel.com/phpmysqlde-turkce-karakter-problemini-onlemek/ yardımıyla 3 adımda çözdüm.

1)HTML deki meta tag’ini utf-8 yapacaksınız:

2)Php kodalarındaki Setnames’i UTF_8 yapacaksınız:
mysql_query(“SET NAMES UTF8″);

3)Mysql deki tabloları utf8_turkish_ci olarak ayarlayın…

artık sorununuz kalmamalı

Javac komutunun MS-DOS da çalışmaması

Komut satırında çalışırken, javac komutunun çalışmadığını farkettim.Halbuki java sdk bilgisayarımda yüklüydü.Sorunun javasdk nın path inin doğru tanımlanmadıgından oldugunu buldum.Düzenlemek için;

1)Bilgisayarım’a sağ tuş>özellikler>gelişmiş sekmesi>ortam değişkenlerine tıklayın.

2)Sistem değişkenlerine yeni deyip;

değişken adı:JAVA_HOME
değişken değeri: C:\Program Files\Java\jdk1.6.0_07 (sdk nızın bulundugu klasöre göre ayarlayın)

olcak şekilde ekleyin.

3)Yine sistem değişkenlerinde “path” i bulup düzenleye tıklayınız.Sonra “değişken değeri” kısmına  “öncekiler; %JAVA_HOME%\bin” olacak ekleyin( sadece kırmızı kısmı-noktalı virgülü unutmayın)

4)Sonra n’olur n’olmaz ms-dos ekranını kapatıp açın , javac komutunuz çalışacaktır.

Çözüm için forum cevize ve mr1yh1 teşekkürler

kaynak: http://forum.ceviz.net/java-jsp-jsf/61948-java-classpath-ayari.html

Java Script ve Css ile Ekran Çözünürlüğü

Hey Everbody,What’s up?(takip eden kimse olmasa da

Bugun alexarts.ru die bir web sitesine girdim…Css’le yapılmış güzel portfolyo örneklerine bakarken buldum…Bir süre sonra laptop’tan yine aynı siteye girdim.İki monitörümünde çözünürlüğünün baya bi farklı olmasına karşın sitenin görüntüsünde hiç bi değişiklik olmuyor ( yani tamamen sayfaya sığıyordu iki monitörde de)..Bende bir kaç kez aynı sorunla karşılaştım..Background belli boyutta bi resim ise- mesela 1024px genişliğinde- ve siz buna daha büyük çözünürlüklü bir bilgisayar ile bakıyorsanız sağını solunu boş görürsünüz..Bu durumda resmin boyutunu ayarlayarak sorunu giderebiliriz…Bunuda jquery ile yapabiliriz..

// ilk önce jquery.js yi include ediyoruz

<script src=”lib/jquery/jquery-1.3.2.js” type=”text/javascript”></script>

//ve background resminizinde body içinde oldugunu farzedelim

<div id=”arkaplan”><img src=”images/inonu.jpg”/></div>

//resmin boyutunu değiştirecek javascript kodu ise şöyledir:

<script type=”text/javascript”>
var x=screen.height;
var y=screen.width;
$(function(){
$(’#arkaplan  img’).css(’width’,y);

});

</script>

10 Adımda Süper Portfolyo Sitesi

admin 12:05 on 22 Mart 2009 | 0 Permalink | Yorum yapmak için giriş yapın
Tags: 10 adımda, iletişim, logo, portfolyo sitesi, slogan, tasarım

BY LEE munroe

İyi bir portfolyo websitesi için ne yapmalı?

1)LOGO

Logonuz kullanıcıların gördüğü ilk seydir.Batı dillerinde,biz soldan sağa,yukarıdan aşağıya doğru okuruz.Dolayısıyla logonuzun sol üst kısımda olması anlamlı olur böylece kullanıcılar hemen sitenin kimlik saptamasını yapabilir.
Bu sizin isminizin olması gerekmez fakat eğer adınızı internette yaymaya çalışıyorsanız adınızı kullanmanız iyi bir fikir olacaktır.Bu online kullanıcılar tarafından kabul görmüş bir gerçektir..
Mohit takma ad olarak “CSS Jockey” kullanmıs..

Jason Reed kendi ismini kullanmıs logo olarak..

2)Slogan
Kullanıcılar sizin ne yaptıgınızı sitenizde bulmak ister..Bunu en iyi açıklayıcı yeriniz slogan(tagline) kısmıdır.Slogan kısa ama ne yaptıgınızı açıklayan iyi bir özet olmalıdır.

Bu kısımda kendinize şunları sorabilirsiniz:
-Kimsiniz? Tasarımcı?Yazar?Programcı?
-Ne yaparsınız? Web sitesi tasarımı? Oyun yazarlıgı?
-Neredensin?Ülke?Şehir?
-Nasıl çalışıyorsun?Freelancer?Ajansta?İş arıyormusun?

3)Portfolyo
Bu herşeyden önce bir portfolyo sitesi,dolayısıyla portfolyonuz web sitesinin ilginç olup olmadıgını belirleyecek.İnsanlar sizin geçmişte ne yaptığını bilerek ve genelde ne kadar iyi olduguna bakıp öyle size iş vereceklerdir.
Yaptığın şeylere bağlı olarak,Portfolyonuz büyük,yüksek çözünürlüklü,kolay erişilebilir bir yerde olmalı.Üzerinde çalıştığınız web sitelerinin resimlerine link verip bunları “live version” larına erişiimi sağlayın.Her projeniz için ufak tanıtım yazıları koyun,varsa bunlarda uyguladıgınız değişik yöntemleri yazınız.
Ayrıca kullanıcıların yorum yapmasıda hiç fena fikir değil.Ziyaretçileriniz projenizin gelişim süreçleriyle ilgilenebilir ve son haline nasıl geldiğini merak edebilir.

4)Servisler

Sloganınız ne iş yaptığınnızı özetler fakat daha fazla detay vermek isteyebilirsiniz,nasıl işler kabul edeceğinizi iş verene daha net belirtmek için.İşverenleri yapamadıgınız işlerle ilgili plan yapamaz böylece:)
Aşagıda “Chris Spooner” ne servisler sundugunu cok net ayırarak yazmıs.

5)Hakkımda

Bu tamamen sizin hakkınızda..Maskenin altındaki insanı görmelerine izin verin..Arka plandaki “siz” i paylaşın…Nerelisiniz,kaç yıldır çalışıyosunuz…etc.Siz detaylı bilgi vermeniz,kullnıcıların sizle daha iyi bi bağ kurmasını ve size güvenmelerini sağlamsı yönünden iyidir.
Eğer kendinizi kameralardan saklamak gibi bi utangaçlığınız yoksa resminizi koyun.Bu potansiyel müşterilerinizin beyninin bir kısmında kimle iş yapacaklarına dair bişeler canlandırır..Bu karşı tarafa bir güven hissi verir…
Aldığınız ödülleri ve katıldıgınız konferans ve etkinlikleri yazmaktan utanıp sıkılmayın.İnsanların sizin nekadar iyi oldugunuzu bilmesini isteyin.

6)İletişim
Portfolyo sitesinin en önemli öğesidir fakat çoğu zaman ya gizli kalır ya da atlanır.Mesela bi müşteri sizin websitenize girdi ve işlerinizden etkilendi.Ve Dolayısıyla size iş vermek istiyecektir,bunun içinde size ulaşması gerekir.
Dolayısıyla iletişim bilgilerinizi erişilebilir be görünebilir bir kısma yapın “footer” a saklamayın.Kullanıcıların size ulaşabileceği kontak formu yapın.

7)Blog
Blog herzman iyi bir fikirdir.Blog sizin tecrübe alanınızdır,ne bildiğinizi gösterir.Bunu insanların RSS le izlemesine olanak verin.
youmlara izin verin ve bunun için kullanıcıların biyerlere kaydolması gibi prosedürlere sokmayın.

8)İşe alınma

Kendinize sitenizde ne göstermek istediğinizi sorun?İş almak mı istiyorsun?Blog okuyucuları tarafından daha fazlma mı dikkat çekme istiyorsun?Belki de seni bilen insanların bilmesini istiyorsun?
Bunun için kenidinize sitenizin bir kısmında görünür bi button yapın..bunun linki bolgunuza portfolyonuza ya da iletişim sayfanıza gitsin.(ör:”Hire me”,”Request a quote”,”View my portfolyo”)

9)Sosyal Ağlarınızı Kullanın
Sizin işlerinizle ilgilenen insanlar sizi sitenizden takipetmeye başlar.Sizde onların daha iyi takip etmelerine izin verin,”twitter,facebook,flickr” gibi yerlerde bağ kursunlar.

10)Dil ve İletişim
Kendinizi nasıl tanıttığınız öenmlidir…Hatırlayın kişisel portfolya sitesi kişisel olmalıdır.Sakın bir marka olma duygusuna kapılmayın.Arkadaşça ve kişisel fakat aynı zmanda açık ve belirgin..Siteye yazdıklarınızı yayımlamadan önce birkez daha okuyun…

Yazı: http://www.smashingmagazin.com sitesinden çevrilmiştir..

Not: Hoşuma gitti paylaşmak istedim

Yazının orjinali: http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/