bildirgec.org - exulive - beğendikleri

ipucu balon uygulamaları

exulive — Fri, 10 Apr 2009 13:17:00 GMT

yaptığınız site tasarımlarında bir sözcük, bağlantı veya görsel öğe ile ilgili ek bir bilgi vermek isteyebilirsiniz. bunu doğrudan metin ile sağlamak yerine daha dekoratif, daha profesyonel teknikler mevcut. bu tekniklerden biri de ipucu balonları. her ne kadar pek balon gibi gözükmeseler de bu uygulamalardan 11'i şurada listelenmiş.

Prototip 2

Easiest Tooltip and Image Preview Using jQuery

Simpletip

Coda Popup Bubbles

MooTools 1.2 Tooltips: Customize Your Tips

Duplicate the jQuery Homepage Tooltips Using MooTools

konuyla ilgili inceleyebileceğiniz diğer yazılar:

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

Tarayıcı Sorunlarını Çözen jQuery Eklentileri

exulive — Mon, 13 Apr 2009 06:47:00 GMT

Mümkün olduğu kadar CSS kullanılması gerektiğini öneriyoruz ve genellikle bunda da başarılı oluyoruz. Modern tarayıcıların CSS için çok iyi desteği bulunuyor, en azından anahattınızı ve sunumunuzu düzenlemek için CSS kullanmanıza yetecek kadar destek içeriyorlar. Ancak bazen bazı sayfa elementleri farklı tarayıcılar üzerinde farklı görünmektedirler. İşte bu yüzden biz de bugünkü yazımızda farklı tarayıcılarda görünen sorunları giderecek 15 jQuery çözümünün yanısıra size bazı güzel tarayıcı efektleri verecek jQuery eklentilerini listeleyeceğiz.

1. Internet Explorer'da DD_Roundies İle Yuvarlatılmış Köşeler Kullanabilmek

Ne yazık ki CSS3 border-radius şimdilik sadece Safari ve Firefox tarafından desteklenmekte olup, Internet Explorer gibi tarayıcılar üzerinde kare köşeler kullanmak zorunda kalıyoruz. DD_Roundies kütüphanesi yuvarlatılmış köşeleri Internet Explorer üzerinde sorunsuzca kulanabilmemizi sağlyor. DD_roundies, tıpkı jQuery gibi, seçicilerle birlikte çalışıyor ki bu sayede jQuery UI'nin CSS Çatı sınıflarını hedefleyerek DD_roundies'i jQuery UI üzerinde sadece birkaç satırlık kısa kodla uygulayablmemimizi sağlıyor.

Demo Burada

2. jQuery İle Eşit Yükseklikler Kullanabilmek

Eşit yüksekliğe sahip sütunların ya da içerik kutularının görsel efektini kullanabilmek her zaman zor olmuştur. Kullanılabilirlik ve performans açısından kullanılabilecek etkin bir çözüm, basit bir JavaScript kodu kullanmaktır. eQualHeights() fonksiyonu, bir kapsayıcı içerisindeki tüm elementlerin yüksekliklerini hesaplıyor ve ardından diğer her elementin minimum-height değerini uzunluğu en fazla olan değere eşitliyor. JavaScript etkisizleştirildiğinde ise kutular farklı boyutlarda görünmesine rağmen içerik ve sayfa tümüyle erişilebilir ve kullanılabilir kalmaya devam ediyor.

Demo Burada

3. Çapraz Tarayıcı Uyumlu text-shadow (metin gölgesi)

text-shadow güzel bir CSS3 (aslında CSS2) özelliği olup metinlerin ardında gölge görüntülememizi sağlıyor. Ancak bu özelliğin kötü bir tarafı var ki o da Internet Explorer üzerinde çalışmaması. Internet Explorer ile ilgili kullanışlı bir özellik var ki o da anlamadığı CSS tanımlamalarına erişim imkanı vermesi ki bu sayede biz de istediğimiz elemente text-shadow değerini uygulayıp ardından onu işletebiliyoruz. Bu betiğin Internet Explorer 5.5'ten Internet Explorer 8'e kadar olan tüm tarayıcılarda çalışması gerek.

Demo Burada

4. Yuvarlatılmış Köşeler

Bu jQuery eklentisi güzel görünümlü yuvarlatılmış köşeleri sorunsuzca oluşturabilmektedir. Herhangi bir görsel ya da yoğun kod kullanmanıza da gerek yok. padding desteği sayesinde JavaScript'in etkin olmadığı tarayıcılarda ise herhangi bir sorun yaşanmıyor.

5. Footer (Altlık) Pozisyonlama

Bu küçük eklenti, sayfanızın footer (altlık) kısmını tarayıcının görünen kısmının en altına yerleştirmenizi sağlar. Altlığın üzerindeki içerik yeteri kadar uzun olmadığı durumlarda bile betik, altlık kısmını başarılı bir şekilde pozisyonlamaktadır.

Demo Burada

6. Bağlantı Kontrolü

Bu küçük eklenti sayesinde son kullanıcıya bağlantıları yeni pencerede açmak isteyip istemediklerini seçebilmelerini sağlayabilirsiniz.

Demo Burada

7. Sayfa Kıvrımı

Günümüzde pek çok web sitesinde kullanılan ve sayfanın herhangi bir köşesinde beliren kıvrım efektinin altından reklam ya da herhangi bir duyuru gösterebilmenizi sağlayabileceğiniz bir jQuery eklentisi.

Demo burada

8. (Uzun) Web Sayfalarında Görsellerin Yüklenmesini Geciktirmek

Lazy Loader bir jQuery eklentisi olup (uzun) web sayfalarında görsellerin yüklenmesini geciktirmek için kullanılabilir. Bir web sayfasının görünen kısmının dışında kalan görseller, kullanıcı tarayıcının kaydırma çubuklarını kullanarak o alanı görüntülemediği sürece o alandaki görseller yüklenmeyecektir. Bu eklenti özellikle çok fazla sayıda görsel içeren uzun sayfaların yüklenmesini önemli ölçüde hızlandıracaktır. Tarayıcı, görünen kısımdaki görseller yüklendikten sonra diğer görsellerin yüklenmesi için hazır durumda bekleyecektir. Bazı durumlarda bu betiğin kullanımı, sunucuya bindirilen yükün de hafiflemesine yol açacaktır.

Demo Burada

9. jQuery İle Görselleri Sırayla Önceden Yüklemek

Bu küçük kod parçacığı bağlantıların üzerine fare imleci getirildiğinde görsellerin yüklenmeye başlamasını sağlar. Tüm sayfa elementlerinin yüklenmesinin tamamlanmasını bekleyebilmek için $(window).bind('load',function(){...}) kullanmaktadır. Bu, tüm görselleri kapsar.

10. BGIframe

Internet Explorer'in z-index sorunları ile baş edebilmek için kullanabileceğiniz bir eklenti.

11. IE Overflow Problemini Gidermek

Internet Explorer, Firefox ve Safari ile karşılaştırıldığında overflow elementini farklı bir şekilde yorumlamaktadır. Özellikle Firefox, bir elementin sınırlarını zorladığınızda, o elementin dışına yatay bir kaydırma çubuğu yerleştirmektedir. Ancak içerik yatay olarak sınırı geçtiği için, IE üzerinde, bir yatay kaydırma çubuğu belirdiğinde, içerik dikey olarak görüntülenememektedir.

Dikey overflow daima elementin içerisinde yer aldığından aşağıdakileri sadece IE için uygulamanız gerekmektedir.

İçeriği yatay olarak sınırlar dışına taşan tüm elementleri bulun.
Elementimizin altına 20 piksellk padding ekleyin.
Dikey kaydırma çubuğunu atın.

(function ($) {
$.fn.fixOverflow = function () {
if ($.browser.msie) {
return this.each(function () {
if (this.scrollWidth > this.offsetWidth) {
$(this).css({ 'padding-bottom' : '20px', 'overflow-y' : 'hidden' });
}
});
} else {
return this;
}
};
})(jQuery);

// kullanım
$('pre').fixOverflow().doOtherPlugin();

Yukarıdaki kod uygulandığında IE üzerinde yatay kaydırma çubuğu elementin altında görünmektedir.

Demo Burada

12. JavaScript Kullanarak CSS Hilelerinden Kaçınmak

Eğer sırf kodunuzu istediğiniz ya da olması gerektiği gibi göstermeyen o çirkin CSS hilelerini uygulamak istemiyorsanız, o zaman bu ipucunu kullanabilirsiniz. "Tarayıcı seçicileri". Bu sayede stilinizin önüne .msie, .mozilla, .opera, .safari ya da hedeflemek istediğiniz .diğer tarayıcı sınıflarını kolayca dahil edebilirsiniz.

Demo Burada

13. Tıklanabilir Alanın Boyutunu Arttırmak

Tüm içerik bloğunu tıklanabilir hale getirerek artık o sıkıcı "Devamını Oku" bağlantılarına bir son verin.

Demo Burada

14. Elementi Dikey Olarak Ortalamak

Bu video kılavuzunda CSS ve jQuery'nin gücünü kullanarak tarayıcı penceresinin görünen alanı üzerinde bir elementi nasıl dikey olarak ortalayabileceğinizi öğreneceksiniz.

15. jSizes - CSS Özellikleri İçin jQuery Eklentisi

JSizes, jQuery'e min-width, min-height, max-width, max-height, border-*-width, margin ve padding özelliklerini ekleyen bir eklentidir. Bunun yanısıra bir elementin görünürlüğünü belirleyebileceğiniz bir metod daha içermektedir. Toplamda jQuery API'sine 6 yeni metod eklemektedir.

Bu metodların nasıl kullanılabileceğine birkaç örnek:

jQuery(function($) {
var myDiv = $('#myDiv');

// margin-top özelliğinin değerini 100px ve margin-bottom özelliğinin değerini 10em yap
myDiv.margin({top: 100, bottom: '10em'});

// üst sınırın boyutunu piksel değerinde gösterir
alert(myDiv.border().top);

// element görünür ise doğru, diğer durumlarda yanlış değerini verir
alert(myDiv.isVisible());

// zincirleme kullanarak padding-right özelliğinin değerini 10px ve margin-left değerinin özelliğini 15px yap
myDiv.padding({right: 10}).margin({left: 15});
});

Aşağıdaki Yazıyı da Okumak İsteyebilirsiniz

Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları

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

17 Kullanışlı Wordpress Eklentisi

exulive — Fri, 27 Feb 2009 11:09:00 GMT

internet üzerinde binlerce wordpress eklentisi bulunmaktadır. bunlardan bazıları kullanışlı iken, diğerleri sadece olmuş olmak için oradalar. ancak blog okurlarınıza büyüleyici ve mükemmel bir deneyim yaşatmak ve wordpress blogunuzu daha güçlü bir hale getirmek için eklenti kullanıp kullanmamanız tamamen sizin elinizde.

bu yazıda, herhangi bir blog için kullanışlı ve muhtemelen olmazsa olmaz 17 wordpress eklentisini listelemeye çalıştım.

eğer sizin de kullandığınız ve bu yazıda yer almayan wordpress eklentileri varsa, yorumlarınızda ilgili eklentileri paylaşmayı unutmayın.

wordpress popüler yazılar

wp-gravatarwordpress popüler yazıları bir yan bar widget'i olup blogunuzdaki en popüler yazıları listeleyebilmenizi sağlıyor. eklentiye dahil edilmiş olan pek çok özelleştirme seçeneği sayesinde eklentinin görünümünü dilediğiniz gibi özelleştirebilirsiniz.

ultimate google analytics

wordpress temanızda herhangi bir değişiklik yapmadan google analytics javascript kodunu blogunuzdaki her sayfaya ekleyebilmenizi sağlayan bir eklenti. eklenti ayrıca sitenizdeki dışa yönelik bağlantıları, sitenizden indirilen içerikleri ve mailto: bağlantılarını da izleyebilir.

wp-postratings

wordpress blogunuzdaki yazılara ve sayfalara ajax oylama sistemi ekleyen bir eklenti.

wp-recaptcha

wp-recaptcha, carnegie mellon üniversitesi tarafınca geliştirilen ve captchaları zeki bir şekilde kullanan bir yöntem. standart captcha eklentilerinin aksine bu eklenti, captcha'ya bir başka yaklaşım sunuyor.

bir diğer benzer yazılar eklentisi daha

yet another related posts plugin, geçerli olan sayfanın içeriğine benzer bir içeriğe sahip yazıları ya da sayfaları listeleyerek, okurlarınızın sitenizde daha fazla zaman geçirmesine yardımcı oluyor.

ajaxlanmış wordpress

ajaxlanmış wordprewss (awp), ajax'ın ve wordpress'in gücünü bir araya getirerek kullanıcı deneyimini, yönetim seçeneklerini ve wordpress tabanlı herhangi bir blogun tasarım potansiyelini iyileştirmeyi amaçlıyor.

commentluv

yorum yazanların kendilerine ait en son bloguna bir bağlantı vererek onlara sevginizi gösterin. bu eklenti, sitenize üye olup yorum yazan kişilerin yorum yazdıkları sırada onların blogunu ziyaret edip en son yazdıkları blogun başlığını ve bağlantısını alıyor ve yorumun altına yerleştiriyor.

cforms

cforms yüksek derecede özelleştirilebilir, geliştirilebilir ve güçlü bir form oluşturma eklentisi olup pek çok alanda kullanım olanağı sunuyıor. eklenti aracılığı ile oluşturacağınız formlarda eklenti desteği yer alırken, birden fazla formu yönetebilir ve yine birden fazla formun aynı sayfada yer almasını sağlayabilirsiniz.

all in one seo pack

wordpress blogunuz için otomatik arama motoru optimizasyonu.

flexible upload

flexible upload wordpress eklentisi sayesinde wordpress'in temel seviyedeki gönderme (upload) seçeneklerini özelleştirebilirsiniz. eklenti, gönderilen resimleri sizin belirlediğiniz seviyede yeniden boyutlandırabilir ve dilerseniz gönderilen resimlere dilediğiniz yazıyı otomatik olarak ekleyebilir (watermark).

add to any subscribe button

aralarında google reader, my yahoo!, netvibes, windows live ve diğer tüm popüler besleme okuyucularını kullanarak okurlarınızın blogunuza kolay yoldan abone olabilmelerini sağlıyor. eklentinin akıllı menüsü, ziyaretçinin tarayıcı geçmişini otomatik olarak kontrol ediyor ve en sık ziyaret ettikleri siteleri otomatik olarak en üst sırada görüntülüyor.

wp super cache

wp super cache wordpress için bir statik sayfa oluşturma eklentisidir. blogunuzdaki tüm sayfaların otomatik olarak html sürümlerini oluşturarak sunucunuzun her bir ziyaretçi için php betiklerini çalıştırmasının önüne geçiyor ve bu sayede blogunuzun hızında önemli bir artış gözleniyor. özellikle çok sayıda ziyaretçisi olup sunucusunun hızından memnun olmayan wordpress blogcuları için kullanışlı.

wp gravatar

bu eklenti gravatar, mybloglog, openavatar, wavatar, identicon, monsterid ya da diğer favico.ico simgelerini yorumlarınızda kullanmanızı sağlıyor. eklentinin yapabildikleri bu kadarla da sınırlı değil. daha fazlası için eklentinin sayfasını ziyaret edin.

google xml sitemaps

bu eklenti google sitemaps uyumlu xml-sitemap oluşturabilmenizi sağlıyor. tüm wordpress tarafından oluşturulmuş sayfaların yanısıra özel sayfaları da destekliyor. siz herhangi bir yazıyı düzenlediğiniz ya da blogunuza yeni bir yazı yazdığınız zaman, ilgili eklenti sitemap dosyanızı güncelliyor ve sitemap protokolünü destekleyen ask.com, google, msn search ve yahoo! gibi sitemap protokolünü destekleyen tüm arama motorlarını sitenizdeki güncellemeler hakkında uyarıyor.

get recent comments

bu eklenti sitenizden en son yorumları ya da geri izlemeleri yan çubuk (sidebar) üzerinde görüntülüyor. i̇lgili bağlantıların nasıl görüneceğine dair ileri seviyede özelleştirme seçenekleri sunulmuş. bu seçeneklerin arasında yorum sayısı ve yorumların genişliği gibi seçenekler yer alıyor. ayrıca yorumları dilerseniz tarihe ya da yazı sırasına göre dizebilirsiniz.

twitme

bu eklenti sayesinde blog yazdığınız zaman yazdığınız blog otomatik olarak twitter hesabınıza durum mesajı olarak ekleniyor.

easy adsenser

easy adsenser eklentisi google adsense reklam kodunu wordpress blogunuza kolayca entegre edebilmenizi sağlıyor. eklentinin sunduğu widget aracılığı ile reklamları yan çubuk üzerine ekleyebilir ya da bir diğer widget ile google arama kutusu'nu blogunuz üzerinde görüntüleyebilirsiniz. easyadsenser, adsense ile alakalı her şeyi yönetmenize ve blogunuza entegre edebilmenize yardımcı olan belki de ilk wordpress eklentisi.

kaynak:: smashing apps

wordpress i̇le i̇lgili yazdığım diğer yazılar

Bu yazı exulive 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 ışık efektleri yaratmak için 18 Photoshop fırça seti

exulive — Fri, 20 Feb 2009 18:56:00 GMT

Gerek web tasarımla gerekse masaüstü yayıncılıkla uğraşan tasarımcı arkadaşların çok işine yarayacağını düşündüğüm, muhteşem ışık efektleri hazırlayabileceğiniz birbirinden etkileyici, ücretsiz photoshop fırça setlerini beğenilerinize sunuyorum.
1. Sui Generis 3

2. Fractal Brush

Fractal Brush

3. Fractal Brushes

Fractal Brushes

4. Abstract 12

Abstract 12

CS4 v2 brush

Destiny Brushes

Quantum Brushes

Lighting Set 4

Glow brushes I

10. Nova Equinox Brushes

Nova Equinox Brushes

11. Light Brush Set

light Brush set

12. Light II

light ii

13. Unreal Brushes v.1

unreal brushes v.1

14. Light iii

light iii

15. Abstract Glow

Abstract glow

16. genisis brushes

genisis brushes

17. hyper brushes

hyper brushes

18. ultimate brush pack no.3

ultimate brush pack no.3

kaynak

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

görmeniz gereken 50 adet ücretsiz photoshop fırça seti (yüksek kalitede)

exulive — Sat, 21 Feb 2009 10:35:00 GMT

photoshop kullanan veya photoshop ile tasarım yapan herkes yeri geldiğinde mutlaka farklı brush'lara ihtiyaç duyar. tasarımcıların da en iyi arkadaşı sayılan photoshop fırçalarının kaliteli olmaları da beklenen önemli özelliklerinden biridir.
ve bu bildiride kullanmayı isteyeceğiniz 50 adet yüksek kalitede ücretsiz photoshop fırça setine yer vereceğiz.

20 yüksek kaliteli damga fırçası

Graphic Pack/ 152 adet photoshop fırçası

ps7, ps8, ps9 ve ps10 için 45 adet ay fırçası.

Old brushes

Line Brushes

Rock Star Brushes

photoshop için duman fırçaları

Pencil Brush

Girl Brushes

duvar temalı çalışmalarınız için 15 farklı photoshop fırçası

lens, film ve kamera için 8 adet fırça

yeni stil cs4 fırçaları

8 fantastik kelebek fırçası

Metal Brushes

fotoğrafçılık ile ilgili photoshop fırçaları

20 adet müzik nota fırçası/ musical note brushes

geriye kalan 29 adet photoshop fırça setine ise buradan ulaşabilirsiniz.

Bu yazı exulive 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 ve Kaliteli 3 Hosting Sağlayıcı

exulive — Thu, 25 Dec 2008 15:00:00 GMT

Bilindiği üzere ortalıkta birçok ücretsiz hosting dağıtımı yapan site mevcut ancak bunların ne kadarına güvenilir, tartışılır.. Bu sitelerin büyük bir çoğunluğu ortaklık sistemiyle çalıştığından her an sitenizin kapatılması gibi bir riskle karşı karşıyasınız. (bu risk tüm ücretsiz hostinglerde geçerli tabii ki) Ancak şimdi benim tanıtacağım ücretsiz hosting sağlayıcıları gerçekten bu işi kaliteli bir biçimde yapıyorlar. Benim de arasında kullandığım oldu ve gerçekten normal hostingden bir farkını göremedim. Önceden sadece subdomain (isim.xxx.com) olarak verilen dönemler geride kaldığından artık kendi alan adınızla (www.isim.com) da bu hostinglere kayıt olabiliyorsunuz. Şimdi bu ücretsiz hosting sağlayan siteleri ve özelliklerini tanıyalım:

1. 000WebHost (ÖNERİM)

000WebHost

Bu ücretsiz hosting sağlayıcısını ben de kullanmıştım ve gayet memnun kalmıştım. Sadece hız konusunda ufak problemler yaşamıştım. Önceleri bu site sms mesajla onay hizmeti veriyordu ancak kullanıcılarından aldığı tepki sonucu galiba kaldırdılar.

Özellikleri:

1500 MB Alan
100 GB Bandwidth
PHP ve MySQL veritabanı desteği
FTP desteği
Kendi alan adınızı kullanma imkanı
99.9% Uptime
cPanel Kontrol Paneli (örnek)
Fantastico ile tek tıkta birçok uygulama kurulumu (içerisindeki uygulamalar)
Reklam içermez

2. Zymic

Zymic

Bu ücretsiz hosting sağlayıcıyı kullanmadım fakat özelliklerine bakılırsa gayet kullanışlı olduğu ortada. Ayrıca kendi sitesinde web tasarım derslerine ve ücretsiz tasarımlara yer veriyor.

Özellikleri:

5000 MB Alan
50000 MB Bandwidth
PHP ve MySQL veritabanı desteği (5 Adet MySQL hesabı)
FTP desteği
Tek hesapta sınırsız web sitesi açma imkanı
Webalizer İstatistik Servisi
Kendi alan adınızı kullanma imkanı (belirttiklerine göre ücretsiz domainde kazanmak mümkünmüş)
99.9% Uptime
ZHCP Kontrol Paneli
Reklam içermez

3. 110MB Hosting

110MB

110MB'da ücretsiz ve reklamsız hosting sağlayıcıları arasında yer alıyor. Galiba bu site başlangıçta 110MB alan dağıtırken rakiplerinin arkasında kalmamak için kendini geliştirmiş ve 5 GB'a çıkarmış :) Ayrıca örnek sitelerini burada sergilemişler

Özellikleri:

5 GB Alan
300 GB Bandwidth
PHP (v.5) ve MySQL (v.5) veritabanı desteği
FTP desteği (chmod kullanılabilir)
Detaylı İstatistik Servisi
Kendi alan adınızı kullanma imkanı
Tek tıkla 30 adet uygulama
110mb Kontrol Panel (demo)
99.8% Uptime
Dosya Yollama Limiti 8 MB
Reklam içermez

Kaynak (!)

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

Size Sıfırdan PHP Öğretecek 25 Kaynak

exulive — Sun, 28 Dec 2008 17:33:00 GMT

PHP dinamik web siteleri ve uygulamaları geliştirmek için geliştirilen sunucu tabanlı bir betikleme dilidir. Halihazırda bir PHP kurdu olabilir ya da PHP'nin ne olduğundan bihaber olabilrsiniz. Buna rağmen eğer herhangi bir web geliştirme projesine dahil olmayı planlıyor ya da halihazırda bu ortamın kıyısından köşesinden tutuyorsanız, bu öğrenmesi kolay programlama dilini öğrenmek zorundasınız. Bugünkü makalemizde sizi PHP ile programlamaya başlamanıza yardımcı olacak 25 kaynaktan bahsetmek istiyorum.

PHP de ne ola?
Kullanma kılavuzundan kopyala-yapıştır yapacak olursak, PHP "HTML içerisine gömülebilen ve web tabanlı geliştirme projeleri için kullanılabilen bir betikleme dilidir". PHP sunucu tabanlı bir betikleme dilidir, bunun anlamı tüm veriler önceden işlenir ve sonucu tarayıcıya sunucu tarafından gönderilir. Bu durum JavaScript'in tam aksini teşkil eder, zira JavaScript tümüyle tarayıcı tarafından işlenir ve yorumlanır. Sizin hatırlamanız gereken PHP'nin tümüyle sunucu tarafından işleniyor oluşudur. Bir sonraki adımda, farklı kaynaklara referans vermeden önce PHP'nin avantajlarından ve bazı temel sintakslardan bahsedeceğiz.

PHP kullanmanın avantajları nelerdir?
Her web dili kendine özgü avantajları ve dezavantajları içerir ve PHP'nin de bu konuda diğerlerinden farkı yoktur. Ancak PHP'nin diğer betikleme dillerine kıyasla daha popüler oluşunun altında pek çok neden yatmaktadır.

Kolay öğrenme aşaması. Bir web dilini öğrenirken ne kadar az zaman geçirir, o dilin kullanma kılavuzunda ne kadar az arama yaparsanız, geriye uygulamanızı geliştirmek için o kadar fazla zaman kalacaktır. PHP'nin en önemli özellikleri arasında, diğer web dillerine kıyasla öğrenmesi çok kolaydır. Sintaks temeli mantıklıdır ve pek çok temel fonksiyon, işlevi ile doğru orantılı olarak adlandırılmıştır.

Aşina olduğunuz sintaks. PHP özellikle daha önce programlama deneyim olanlar için, özellikle C ve Perl üzerinde çalışmış kullanıcılar için biçilmiş kaftandır, ki PHP sintaksları da bu iki programlama dili temel olarak geliştirilmiştir. Eğer C ve/veya Perl üzerinde programlama yapmayı billyorsanız, C üzerinde uygulama yazarken hiç sorununuz olmayacaktır.

Fiyat. PHP ücretsiz ve açık kaynaklıdır. Bundan daha iyisi olamaz.

Performans. PHP göreceli olarak verimli bir programlama dilidir. Kodunuzun ve uygulamalarınız geliştirilebilirliği çok önemlidir ve dilediğiniz miktarda web sayfasını PHP ile verimli olarak yönetememek için hiçbir sebebiniz yok (tabi eğer verimli olarak kodlamazsanız durum değişecektir).

Komünite. PHP komünitesi kesinlikle inanılmazdır. PHP üzerine derinlemesine ve kapsamlı belgelerin pek çoğuna php.net üzerinden ulaşmanız mümkün. Bunun yanısıra web üzerinde PHP'ye adanmış binlerce (evet binlerce) web sitesi ve forum bulunuyor. Daha da önemlisi, PHP açık kaynaklı bir programlama dili olduğundan sürekli geliştiriliyor. PHP 5 özellikle son dönemde nesne yönelimli programlama dili için önemli bir destek kazandı ve bu sayede dil gittikçe daha da güçlü bir hal alıyor.

Sintaks'a genel bir bakış
Daha önce kapalı kapılar ardında yaşıyor ve hiç PHP betiği görmediyseniz, PHP'nin nasıl yazıldığına dair en basit örnek aşağıda:

<?php echo "İlk php betiğiniz!"; ?>

Devam etmeden önce hemen ufak bir hatırlatma. Betiğin <?php ile başladığına ve ?> ile bittiğine dikkat edin. Bazı geliştiricilerin soru işaretinden sonraki 'php' terimini kodlarına dahil etmediğini göreceksiniz. Bu kötü bir yaklaşımdır ve daima tam php etiketlerini kullanmanız önerilir. Ayrıca betik satırının noktalı virgül ile bittiğini göreceksiniz. Eğer buna dikkat etmezseniz PHP hata verecektir. Bu kadar yeter, gelin sizi PHP dünyasına adım attıracak önemli web siteleri ile tanıştıralım.

Adım 1. PHP'yi indirn ve temellerini öğrenin.
PHP üzerinde çalışabilmek için önce PHP indirmemiz gerekir öyle değil mi? Bu sayede doğrudan kişisel bilgisayarlarımız üzerinde kodlama yapabileceğiz. PHP.net'i ziyaret edin ve PHP'nin son sürümünü ve ihtiyacınız olan diğer kütüphaneleri indirin.

Önerilen Makaleler

PHP'yi herhangi bir işletim sistemine yüklemek.
Doğrudan PHP kullanma kılavuzu üzerinden PHP ile çalışmaya başlayabilmek için ihtiyacınız olan yazılımlar.
PHP101-Yeni başlayanlar için.
Deneyimli PHP kullanıcıları bile dönüp dönüp bu makaleye uğrarlar. Zend ekibi tarafından hazırlanan, tartışmasız en etkili makale. PHP'ye yeni başlayan herkesin mutlaka okuması gerektiğini düşünüyorum.
PHP.net - İlk betiğiniz.
Artık elimizi taşın altına koymanın vakti geldi. PHP.net rehberinden ilk betiğimizi yazmamız için gerekenler.

Tizag - tam rehber.
Web geliştiriciliği kariyerinizde siz de Tizag.com websitesini ziyaret edenlerdenseniz, site bünyesindeki PHP rehberlerine mutlaka bir göz atın.
Webmonkey - Yeni başlayanlar için PHP rehberi.
Webmonkey, PHP'ye yeni başlayanlar için PHP fonksiyonlarından döngülerine pek çok PHP elementini kapsayan derinlemesine bir makaleye sahip. Dikkate değer.

MySQL veritabanları için gelişmiş teknikler
Şimdi PHP temellerini öğrendiğinize göre PHP ve MySQL ile dinamik web siteleri oluşturabilmemiz için gelin bazı makalelere göz atalım. PHP, MySQL ile birlikte büyük bir uyum içinde çalışıyor. MySQL bir veritabanı dilidir ve PHP ile birlikte kullanıldığında neredeyse dilediğimiz her web sitesini oluşturmak mümkün.

Önerilen Makaleler

MySQL Kurulumu ve Başlangıç.
PHP rehberindeki bu makale, size MySQL'nin nasıl kurulacağını ve PHP kullanılarak veritabanı ile nasıl iletişim kurulabileceğini anlatıyor.
PHP-MySQL Rehberi.
Yeni oluşturduğunuz MySQL veriabanı ile ilgili bilmek istediğiniz her şey burada. Sitenin adı da içeriğinin tam bir yansıması aslında: "php-mysql-tutorial.com".
Tizag - PHP ile MySQL'ye giriş.
Tizag websitesi bizleri PHP ve MySQL kullanarak veritabanı kullanan websitelerini nasıl oluşturabileceğimize dair gerekli adımları listelemiş.
PHP ile kullanıcı üyeliği.
Artık PHP ve MySQL'yi birlikte nasıl kullanmak gerektiğini bildiğimize göre basit bir kullanıcı üyelik betiği hazırlayabiliriz.
PHP ile güvenli dosya gönderimi.
Dosya gönderimleri interaktif web siteleri hazırlamak için şüphesiz en etkili yollardan birisidir, ancak bu durum kullanıcıların sisteminize dosya gönderecek olması anlamına geldiğinden dikkatle uygulanması gerekir. Bu makale PHP kullanılarak nasıl güvenli bir şekilde dosya gönderimi özelliğini sitenize entegre edebileceğinizi detaylandırıyor.
Kurallı İfadelere Giriş.
Kurallı ifadeleri kullanmak, ziyaretçilerinizin girdiği verilerin istediğiniz bir şekilde veritabanına kaydedilmesini sağlamak için oldukça önemlidir. Sintaksı öğrenmek bazen biraz zor olabilir, bu sebeple kurallı ifadelere yönelik birkaç makaleyi listelemek doğru olur diye düşünüyorum.
Kurallı İfadeler Eğitimi.
Kurallı ifadelerin kullanımına yönelik muhteşem bir rehber.
Kurallı İfadeler Kopya Kağıdı (Cheat Sheet).
Programlama dillerine yönelik kopya kağıtları her programcının ya da geliştiricinin başvurması gereken altın değerinde kaynaklardır. Bu makalede kurallı ifadelere yönelik önemli bir kopya kağıdı yer alıyor.
Dev zone Güvenlik İpuçları.
Güvenlik, uygulama tasarımınızın önemli bir kısmını teşkil eder. İşte bu sebeple Dev zone sitesinin güvenlik ipuçlarının yer aldığı ilgili bölümü ziyaret etmenizi öneririm.
10 PHP Güvenlik Kontrolü.
O'Reilly'nin geliştirici merkezi web uygulamalarınızda kontrol etmeniz gereken 10 bölümü listelemiş.

Adım 3. Uzman ve OOP Teknikleri
Yukarıdaki teknikleri öğrendikten sonra benim artık uzman diye tabir edeceğim sınfa dahil oluyorsunuz ve daha gelişmiş PHP tekniklerini öğrenmenizin zamanı geliyor. Bunların arasında nesne yönelimli programlama yer alıyor. Object-oriented programming (OOP - Nesne Yönelimli Progrlama) PHP 5'in duyurulmasının ardından önemli ölçüde ilerledi.

Önerilen Makaleler

GD Kütüphanesinin Kullanımı.
PHP GD kütüphanesi bir imaj işleme kütüphanesi olup PHP ile birlikte kurulabilir. GD kütüphanesi imajları binlerce farklı şekilde işlemenize yardımcı olur.
Güvenli PHP dosyaları yazmak.
Güvenli PHP uygulamaları oluşturmak için daha gelişmiş ve detaylı bir makale.
PHP ile Nesne Yönelimli Progrlamaya Giriş.
Nesne yönelimli progrlama pek çok yeni geliştirici için bazen kafa karıştırıcı olabilir. Bu makale, OOP'nin temellerini öğrenmenize yardımcı olacaktır.
Nesne Yönelimli Programlama Kursu.
PHP ile OOP kullanımına biraz daha detaylı bakış.
PHP ve MySQL ile OOP kullanımını.
OOP kullanılarak MySQL veritabanlarını işlemenin yolları.

PHP İskeletlerini (Framework) kullanmak
Günümüzde yüzlerce PHP framework'ü bulunuyor, bunların pek çoğu da MVC yaklaşımını baz alıyor. Aşağıda bazı başarılı PHP frameworklerini bulacaksınız.

CodeIgniter.
En çok kullanılan PHP frameworklerinden biri olan Code Igniter sayesinde web uygulamalarınızı kolayca geliştirebileceksiniz.
Symfony Project.
PHP 5 kütüphane sınıfları kullanılarak hazırlanan bir PHP framework'ü.
Akelos.MVC tabanlı bir başka framework olan Akelos, kullanımı kolay ve basit bir PHP framework'ü olarak öne çıkıyor.
Zend framework.
Daima popüler olan Zend framework'ü, güçlü olduğu kadar öğrenmesi de görece zor olan bir PHP framework'ü.
CakePHP.
CakePHP muhtemelen günümüzün en popüler PHP frameworkleri arasında belki de en üst sırada yer alıyor. CakePHP'nin diğerlerine nazaran önemli bir farkı, framework'ün belgelemesinin okuması zevkli oluşu ve bu sayede ilgili framework'ü öğrenmeyi kolaylaştırması. İlgili belge özetle size bir keki nasıl pişirmeniz gerektiğini anlatıyor. Okuyunca ne demek istediğimi anlayacaksınız.

Sizin tercih ettiğiniz PHP kaynakları neler? Yorumlarınızı bekliyorum.

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

Microsoft sonunda dize geldi: Expression Web

exulive — Thu, 27 Nov 2008 16:27:00 GMT

Microsoft, yeni Expressiongeliştirme ortamı ile standartlara uyduğunu göstermek için adımlar atmaya devam ediyor. Bu adımların ilki, IE8'in w3c standartlarına tamamen uyumlu olacak olmasıydı. Microsft Expression geliştirme ortamı ile artık sadece IE üzerinde değil, standartlara uyan tüm tarayıcılar üzerinde doğru görünecek web uygulamaları geliştirebilirsiniz (bkz:WYSIWYG).

Expression studio

Expression Studio; Web, Blend, Design, Media ve Encoder gibi yazılımların paketlenerek bir araya getirilmiş hali.

Benim şu an kullandığım ve çok beğendiğim Expression Web, şimdiye kadar kullandığım hemen hemen en iyi web editörü.

Otomatik kod tamamlama (intellisense), hata bildirimi, standatlara uymayan kodların uyarılması gibi bir çok özellik barındırıyor. Sayfanızı herhangi bir XHTML ve HTML sürümünde tasarlayabiliyorsunuz. Ayrıca CSS 1, 2, 2.1'i ve tüm DHTML strict, frameset ve traditional standartlarını destekliyor. ek olarak kendi içinde sanal bir web sunucu (IIS) barındırdığı için herhangi bir windows server'a veya IIS kurulumuna da ihtiyaç duymadan kullanabiliyorsunuz. Yaptığınız tüm değişiklikler sayfayı kaydettiğinizde veya öngörünüme baktığınızda doğrudan görüntüye aktarılıyor.

Bütün bunların yanında yeni bir site veya sayfa tasarlamak istediğinizde önceden hazırlanmış CSS veya Frameset tabanlı kalıplar yardımı ile standartlara uygun bir biçimde sayfa oluşturabiliyorsunuz. Kolay bir arayüze sahip. Word kullanır gibi kullanabilirsiniz. İkinci sürümü çıkmış olmasına rağmen bildirgeç'te böyle bir bildirinin olmaması çok şaşırttı beni

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

gerçek zamanlı görsel CSS editörü "Stylizer"

exulive — Sat, 22 Nov 2008 14:34:00 GMT

CSS temelli biçimlendirmenin, son yıllarda profesyonel web tasarımcılarından ziyade, her kesimden insanın kullanımı için, gerek Web 2.0 modasının, gerekse de W3C konsorsiyumunun standardlarında şart koşmasından ötürü kullanımının artık kaçınılmaz olduğu bir gerçek. (Ki Web konusunda kulağını hep ters taraftan tutan Microsoft'un SharePoint Portal Designer ve Expression Web adlı yazılımlarında da üstüne basa basa durulmaya başlanmış olması bunun bir göstergesi.)

Ancak "slice"lar, "div"ler ve "style" ların yerleşimini yapmak, veyahut bunları sonradan düzenleyerek, tasarımda değişikliklere gitmek; eskiden FrontPage'de olduğu gibi metin kutularını açıp,düzenleyip, içerisine HTML bileşenleri ve formlar atıp, onları birer frame gibi kullanmak kadar kolay olmuyor. Blogunun temasını düzenlemek isteyen biri veya kurumsal sitesinde yerleşim planını düzenlemek isteyen bir yönetici, ya metozori bir şekilde çarşaf çarşaf dökümanlar okuyor ve "ASCII Editor" üne çalakalem girişiyor, veya Dreamweaver yazılımını sökmek için işi gücü kenara koyuyor, kafayı kırana kadar CSS ve div kasıyor.

Ya da benzeri zorluklar, CSS de tanımlanan yerleri görsel olarak göremediğinden defalarca deneme yanılma yoluyla CSS düzenleyip, 3. parti programlarla önizlemeler yaparak zaman kaybeden web tasarımcıları veya kullandığı içerik yönetim yazılımında (portal,blog,forum,galeri,anket vb.) başlık,yazı gibi alanları düzenlemek isteyen kullanıcılarda da karşısına çıkıyor.

Özellikle sitelerin çoğunda popüler içerik yönetim yazılımlarının kullanıldığını ve hızlı görsel düzenlemeye ihtiyaç olduğunu gören Mozilla vakfı ve iş ortağı Skybound software, bu yaraya merhem olacak güzel bir yazılım ile çıkagelmiş : "Stylizer"

Yazılım, içerisinde gömülü olarak bağımsız bir "Firefox 3" web tarayıcısı barındırıyor ve doğrudan bu yolla yaptığınız düzenlemelerin Gecko temelli tarayıcılarda önizleme alınması sağlanıyor. (Seçenekler içinde IE7 ve Firefox görüntüleme seçilmiş) Aynı zamanda program, tamamen portatif olarak tasarlanmış. Yani istediğinizde tek bir exe dosyasını flash diskinize atıp istediğiniz yerde kullanabilirsiniz. Toplamda da sadece 9,2MB yer kaplıyor.

Birçok içerik yönetim yazılımı ile uyumlu olan yazılım, aynı zamanda kendi yazdığınız web sitelerinin de CSS biçimlendirme dosyasını kolayca düzenlemenize, ve yaptığınız değişiklikleri de olduğu gibi kaydetmenize olanak tanıyor. Bu özellik, özellikle Wordpress, Joomla! gibi içerik yönetim sistemlerini kullanarak site hazırlayan webmasterların çok işine yarayacak.

Aynı zamanda yazılım içerisinde yaptıklarınızı gerçek zamanlı görebilmeniz, CodeGrid sistemi ile hataları anında düzeltebilmeniz, çift tıklama ile herhangi bir alandan renk seçim renklendirmede kullanabilmeniz, Şerit metre ile piksel cinsinden ölçüm yapabilmeniz gibi hoş özellikler var.

Ha tabi bir de düzenlemeyi istediğiniz bölgenin kodlarını tek tıklama ile bulmanızı sağlayan Bullseye aracı, özellikle yeni başlayanlar ve zaman kazanmak isteyen tasarımcılar için hayat kurtarıcı bir araç.

Tüm düzenmelerin yapılmasından sonra, ister dosya sisteminize, ister programdan çıkmadani FTP nize giriş yaparak web sunucunuza düzenlenmiş CSS dosyanızı anında kaydedebilir ve değişiklikleri hemen hayata geçirebilirsiniz.

Tabi düzenlenen biçimlerin, bütün web tarayıcılarında sorunsuz çalıştığını ve W3C uyumlu olacak şekilde kaydedildiğini sanırım söylememe gerek yok.

Programın iki ayrı türü bulunuyor.
Kısıtlı özelliklere sahip "Basic" ve tüm özellikleri kullanabildiğiniz "Ultimate" sürümü.

Aslında Mozilla'nın projeler kısmında bahsetmesi üzerine bedava olacağı düşünülse de, her işe yarayan ve hayat kurtaran yazılımda olduğu gibi, bu yazılım için de Ultimate sürümü için 140 USD kadar bir bedel ödemeniz gerek. ancak özellik kısıtlaması olmadan, 14 gün boyunca bütün özelliklerini kullanabiliyorsunuz.

Yazılımı incelemek, ekran görüntülerini görmek ve tanıtım videosu için BURADAN

Yazılım özelliklerine bakmak için ise BURADAN

Dipnot : Site, QuickTime videosu içeriyor, İzlemek için QuickTime eklentinizin kurulu olması gerekmekte.

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

Alan adı arayışınıza mutlu son

exulive — Sun, 23 Nov 2008 17:07:00 GMT

domai.nr, alan adı arayışı sürecinde yardımcı olabilecek çok faydalı bir araç.
grou.ps ve del.icio.us gibi yeni moda web 2.0 alan adı isimleri bulmamıza yardımcı oluyor.

Aşağıda pilli ve bildirgec için bazı örnekler var:

bildirgec icin alternatif alan adı isimleri

pilli icin alternatif alan adı isimleri

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