bildirgec.org - aliozcan - beğendikleri

1981-2009 İşletim Sistemi Arayüzleri

aliozcan — Fri, 13 Nov 2009 11:40:00 GMT

Kullanıcı arayüzleri, kısaca GUI, kullanıcıların bilgisayar ile kolaylıkla iletişime girmelerini sağlar. örnek vermek gerekirse, bir dosya simgesini sürükleyip başka bir klasöre bıraktığınız zaman onu kopyalamış oluyorsunuz, ancak eskiden onu kopyalamak için tek satırlık da olsa belirli kodlar yazmanız ve bunları öğrenmeniz gerekiyordu.

Yıllar boyunca kullanıcı arayüzü sektörü oldukça gelişti ve bugün kullandığımız büyük işletim sistemi firmalarının vazgeçilmez simgeleri haline geldi. Kim apple'in o güzel yazı stillerini unutabilir ki, ilk çıktığında dünyayı sarsmıştı doğrusu.

Aşağıdaki resimler sayesinde, 1980'lerden günümüze kadar kullanıcı arayüzü değişimlerini görebilirsiniz. ancak şuna dikkat etmelisiniz, işletim sistemi değişikleri aşağıda yer almıyor, sadece kullanıcı arayüzünde meydana gelen önemli değişimler var.

Yeri gelmişken söylemekte fayda var; ilk kullanıcı arayüzü 1973 yılında PARC tarafından geliştirildi. ismi xerox alto.

xerox alto (1973)

xerox 8010 star (1981)

apple lisa office system 1 (1983)

Apple'ın doküman işleme istasyonu örneği.
-

visicorp visi on (1984)

Fare olmasına rağmen hiçbir icon olmaması garip bir yönü doğrusu.
-

mac os system 1.0 (1984)

Günümüz modern işletim sistemlerinin temelini oluşturan birçok özelliği mevcut. Pencere ve icon kullanıyor, pencereler etrafa tanışanabiliyor, dosyalar mouse yardımıyla kopyalanabiliyor ve taşınabiliyordu.
-

amiga workbench 1.0 (1985)

4 Renkli grafikler, öncül aynı anda birden fazla program çalıştırma, stereo ses ve çok şekilli simgeler.
-

windows 1.0x (1985)

Windows, mac'e yaklaşıyor ama geçemiyordu. Bu yıllarda bir mac sahibi olmak tamamen bir ayrıcalıktı. 32x32 pixel renkli iconlar ve ilk kullanıcı arayüzü temelli işletim sistemi. Kullananlar bilirler, en güzel özelliği simge olarak görünen ama hareket eden analog saatti, daha sonradan güncelleme ile kaldırıldı gerçi.
-

gem (1985)

Intel 8088 ve Motorola 68000 işlemcileri üzerinde çalışabilen bir işletim sistemi, daha sonraları dos'u da çalıştıracaktı. daha çok Atari ST bilgisayarı olarak tanınıyor, hiç popüler olamadı ne yazık ki.
-

irix 3 (1986)

geos (1986)

windows 2.0x (1987)

Windows üzerinde büyük gelişmeler yapıldı. Artık pencereler üst üste gelebiliyordu, tanışabiliyordu, büyütülüp küçültülebiliyordu.
-

os/2 1.x (1988)

Önceleri birlikte geliştirilen IBM ve Microsoft ayrılıyordu ve IBM kendi kullanıcı arayüzünü geliştirmeye başlıyordu. Sonraları "Sunum Yöneticisi" isimini alacaktı.
-

nextstep / openstep 1.0 (1989)

os/2 1.20 (1989)

windows 3.0 (1990)

640 KB RAM ve Disk alanı. 800x600 ve 1024x768 çözünürlük.
-

amiga workbench 2.04 (1991)

mac os system 7 (1991)

Mac ile steve jobs'ın yolları ayrılmıştı (1985) ve bu olay kullanıcı arayüzlerinden dahi okunabiliyordu, artık microsoft mac'i geçerek sektörün liderliğine oturmuştu.
-

windows 3.1 (1992)

TrueType yüklü olarak geliyordu. Bu özellik windows'u ilk kez fonksiyonel bir platform haline getiriyordu. Renk şemaları da ilk kez bu versiyonda kullanıldı. bu sayede belirli bir seviyeye kadar renk körü olanlar da zorlanmadan bilgisayar kullanabiliyorlardı.
-

os/2 2.0 (1992)

ilk Nesne Tabanlı (OO) işletim sistemi. bilgisayar mühendisleri ne dediğimi çok iyi anlarlar.
-

windows 95 (1995)

Her pencereye küçük bir kapat düğmesi eklendi. Ünlü "Başlat" düğmesi de ilk kez bu versiyonda ortaya çıktı. Microsoft için işletim sistemi ve kullanıcı arayüzünü birleştirmek için atılmış en büyük adımdı.
-

os/2 warp 4 (1996)

Çöp tenekesi simgesi vardı, ancak silinen her dosya anında siliniyordu, pek de kullanışlı değil değil mi?
-

mac os system 8 (1997)

ilk 3D simgeler burada çıktı. platinyum grisi arayüz sonraları apple'ın simgesi halini aldı.
-

windows 98 (1998)

Ev kullanıcıları için 256'dan fazla renk kullanımı mümkün oldu. Windows Explorer baştan aşağı değişti, "aktif masaüstü" ilk kez bu versiyonda yapıldı.
-

kde 1.0 (1998)

Linux için masaüstü yöneticisi olarak ortaya çıktı. Tamamen ücretsiz ve açık kaynak kodlu bir sistem.
-

beos 4.5 (1999)

gnome 1.0 (1999)

ilk başta Red Hat Linux için tasarlandı, sonraları ise diğer linux dağıtımları tarafından da başarıyla kullanıldı. Biraz mac'i anımsatıyor doğrusu.
-

mac os x (2001)

Steve Jobs'ın döndüğünü belli eden bir arayüz. Aqua arayüzünü duyurdular. 32x32 ve 48x48 icon setlerine 128x128 ve yarı-transparan icon seti eklendi. ilk başlarda kullanıcılardan çok büyük tepkiler aldı, ancak kısa kullanıcılar kısa sürede bu grafik deneyimine alıştılar. Günümüzde bu arayüz mac'in temelini oluşturuyor.
-

windows xp (2001)

Windows işletim sistemi, Thema sahibi olmaya başladı, sistemin tüm görünüşü bir anda değiştirilebiliyordu. 48x48 pixel iconlar var.
-

kde 3 (2002)

windows vista (2007)

aktif masaüstü, 3d ve widgets konusunda gelişemeler yaşandı.
-

mac os x leopard (2007)

3d dock uygulaması başladı, "gerçek bir masa" gibi düşünün dönemi.
-

gnome 2.24 (2008)

masa üstünün daha iyi görünmesi gerekliliği anlaşıldı ve grafiğe önem verilmeye başlandı.
-

kde 4.0 (2009)

KDE baştan yaratıldı. Simgelerinden, seslerine, thema'larından, widget'larına kadar. Artık windows ve mac üzerinde de çalışabiliyor.
-

windows 7 (2009)

Buradaki gelişmeleri sizin kelimelerinizle duymak istiyorum. Bana göre çok temel olmamakla beraber hoş bir değişim yaşandı windows'ta.
kaynak
Sizce nasıl??

Bu yazı aliozcan 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örenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi

aliozcan — Mon, 02 Nov 2009 17:29:00 GMT

JQuery ile hazırlanmış 10 adet animasyonu ve bu animasyonların nasıl hazırlandığı ile ilgili eğitim dokümanlarını bulabileceğiniz bu liste yardımı ile web sitenize, blogunuza veya web uygulamalarınıza ziyaretçilerinizin beğenisiniz kazanacak animasyonlu web bileşenleri ekleyebilirsiniz.

1- Smoke Effect | Demo

2- Animated Postcard | Demo

3- Realistic Hover Effect | Demo

4- Scrolling Background Effect | Demo

5- Glimmer | Demo-1-Demo-2-Demo-3

6- jQuery Blend | Demo

7- Parallax Scrolling Background | Demo

8- Sliding Door Effect | Demo

9- parallax | Demo

10- Animated Header | Demo

Bonus++++++++++:
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: sixrevisions
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

PSD Dosyaları İle Ücretsiz 83 Profesyonel Logo

aliozcan — Fri, 16 Oct 2009 14:41:00 GMT

Logo, herhangi bir blog yada bir şirketi tanımlamak için kullanılır. Logo tasarımı ise grafik tasarımının en önemli bölümüdür. Çünkü şirketlerin markalarını ve kurumsal kimliklerini temsil eder. Aşağıda ücretsiz 83 profesyonel psd logosuna (tamamen kişiselleştirilebilir) ulaşabilirsiniz. Tamamen ücretsizdir ve creative commons lisansı altında bulunduğu için kullanım şartlarını dikkatlice okumanız önerilir.

Önizleme (ya da buradan bakabilirsiniz.)

İndirin

1. Logo paketi 1 (alternatif)

2. Logo paketi 2 (alternatif)

3. Logo paketi 3 (alternatif)

kaynak: tutzone.net

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

.htaccess ile otomatik subdomain oluşturma

aliozcan — Thu, 17 Jul 2008 11:04:00 GMT

htaccess ile ilgili buradaki yazımdan sonra htaccess kullanarak kendinen alt alan adları oluşturmadan bahsedeceğim.

CPanel ve benzeri kontrol panelleri üzerinden elle (manual olarak) subdomainler oluşturabilmekteyiz. Fakat diyelim ki sitemizde bulunan her kullanıcı için bir subdomain vermek istiyoruz. O zaman kullanıcıları kuyruğa alıp sonra cpanel üzerinden elle alt alanadları oluşturmak bir hayli zahmetli ve anında etkileşimli olmayan bir iş.

Hi5.com ve benzeri sitelerde görüleceği üzere, üye olan her kullanıcı subdomain sahibi olabilmekte.

Şimdi otomatik subdomaini manual oluşturmaktan başka olarak iki şeyden bahsedeceğim.

1. .htaccess ile:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^([^\.]+)\.bildirgec\.org$ [NC]
RewriteCond %1 !^(www|ftp|mail)$ [NC]
RewriteRule ^.*$ http://www.bildirgec.org/uye.php?kullaniciadi=%1 [R,L]

Görüldüğü gibi www, ftp, mail haricinde tüm kullanıcı adları için subdomain oluşturulabilecektir. Yalnız işlem bu kadar basit olabileceği gibi bu kadar kolay da olmayabilir. DNS ayarları gerekebilir.

DNS ayarları:


DNS Functions > Edit DNS Zone kısmında 
DNS: *.bildirgec.org (ya da sadece *)
TTL: 14400
IN: IN
Record Type: A (Kayıt Türü)

şeklinde ayarlanır.

Bu ayar ile subdomain'lerin hostunuzun bulunduğu ip adresine düşmesi sağlanır. Ayrıca Host firmanızın DNS wildcard'ı aktifleştirmiş olması gerekmektedir.

Bu tüm subdomain'lerin hesabınıza yönlenmesini sağlayacaktır. Bu işlem de ServerAlias direktifleri ile httpd.conf ile yapılır.

httpd.conf ayarı:

<VirtualHost 255.255.255.0>
DocumentRoot /home/username/public_html
ServerName www.bildirgec.org
ServerAlias bildirgec.org
ServerAlias *.bildirgec.org
</VirtualHost>

2. PHP'de CPanel ile Etkileşerek: Siteniz PHP dilini destekliyorsa


<?php
define(’CPANELKADI’,'cpanel_kullanici_adini_buraya_giriniz’);
define(’CPANELPAROLA’,'cpanel_parolasini_buraya_giriniz’);
define(’METIN_DOSYA’,'altalan.txt’); // istersek alt alan adlarını bir txt dende çekebilirsiniz
define(’CPANEL_SABLON’,'rvblue’); // Türkçe cpaneller genelde rvblue dür ancak ingilizce ise genellikle x kullanılır. Tam olarak öğrenmek için cPanelinize giriniz ve urlde frontend/ ifadesinden sonra ne yazdığına bakınız.
define(’DOMAIN’,’siteadresi.com’);
function getVar($ad, $def = ”) {
if (isset($_REQUEST[$ad]) && ($_REQUEST[$ad] != ”))
return $_REQUEST[$ad];
else
return $def;
}
$cpanelkadi=getVar(’cpanelkadi’, CPANELKADI);
$cpanelparola=getVar(’cpanelparola’, CPANELPAROLA);
$cpanel_sablon = getVar(’cpanelsablon’, CPANEL_SABLON);
if (isset($_REQUEST[”subdomain”])) {
$doms = array( getVar(’domain’, DOMAIN) . “;” . $_REQUEST[”subdomain”]);
if (getVar(’domain’, DOMAIN) == ”) die(”Geçersiz kullanıcı adı”);
}
else {
$doms = @file(METIN_DOSYA);
if (!$doms) {
echo ”
Metin dosyası bulunamadı. Lütfen bilgileri manuel giriniz.


<form method=’post’>
Altalan (Subdomain):<input name=’subdomain’>
Domain:<input name=’domain’><br>
cPanel Kullanıcı Adı:<input name=’cpanelkadi’><br>
cPanel Parola:<input name=’cpanelparola’><br>
cPanel Şablon:<input name=’cpanelsablon’><br><br>Türkçe cpaneller genelde rvblue dür ancak ingilizce ise genellikle x kullanılır. Tam olarak öğrenmek için cPanelinize giriniz ve urlde frontend/ ifadesinden sonra ne yazdığına bakınız.<br><br>
<input type=’submit’ value=’Yarat’ style=’border:1px solid black’>
</form>”;
die();
}
}
function subd($host,$port,$sahibi,$parolaci,$talep) {
$sock = fsockopen(’localhost’,2082);
if(!$sock) {
print(’Socket error’);
exit();
}
$yetkilendir = “$sahibi:$parolaci”;
$pass = base64_encode($yetkilendir);
$in = “GET $talep\r\n”;
$in .= “HTTP/1.0\r\n”;
$in .= “Host:$host\r\n”;
$in .= “Authorization: Basic $pass\r\n”;
$in .= “\r\n”;
fputs($sock, $in);
while (!feof($sock)) {
$sonuc .= fgets ($sock,128);
}
fclose( $sock );
return $sonuc;
}
foreach($doms as $dom) {
$satirlar = explode(’;',$dom);
if (count($satirlar) == 2) {
$domain = trim($satirlar[0]);
$subd = trim($satirlar[1]);
}
else {
$domain = getVar(’domain’, DOMAIN);
$subd = trim($satirlar[0]);
}
$talep = “/frontend/$cpanel_sablon/subdomain/doadddomain.html?rootdomain=$domain&domain=$subd”;
$sonuc = subd(’localhost’,2082,$cpanelkadi,$cpanelparola,$talep);
$goster = strip_tags($sonuc); //teknik bilgi. scriptlerinizde echo yaptırmayın.
echo $goster;
}
?>

kodu ile oluşturabilirsiniz. Bu şekilde subdomain oluşturulabiliyor fakat işlem bir hayli yavaş sürebiliyor.

Ben CPanel için PHP kodlarını denedim, DNS Zone'da *.domain.com ekleyerek subdomain'leri ip'ye düşürmeye başardım fakat httpd.conf'a erişimim olmadığı için ayarlamasını yapamadım. Fakat oluşan subdomainler için htaccess çalışmaktadır. Denemekte, kurcalamakta ve araştırmakta fayda var.

Bu konuyla ilgili olarak Altan Tanrıverdi'nin yazısı okunmalıdır. Yazıda geçen kodlar bu sitede yer almaktadır. DNS ile ve httpd.conf için de buraya bakabilirsiniz.

Bu yazı aliozcan 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 kullanışlı jquery eklentileri

aliozcan — Fri, 18 Sep 2009 06:45:00 GMT

wordpress için kullanışlı jquery eklentileri wordpress blogunuza jquery ile heyecan katmak ister misiniz? jquery ile yapılmış çok popüler ve modern bir yaklaşım, modern bir şekilde herhangi bir flash kullanmadan metin, resim, arama, yorum kutuları jquery sayesinde oldukça çok şık görünüyor.

1- wordpress jquery ile manşet sistemi - demo -download
blogunuzda yazılarınızı kolay özelleştirmeniz için güzel bir uygulama.

2- wordpress jquery açılır login sayfası - demo - download

3- wordpress jquery lightbox plugin - demo - download
fotoğraf gösterimleri için kullanılabilecek uygulama.

4- wordpress jquery sürgülü galeri - demo - download

5- wordpress mesaj veya resime göster gizle eklentisi - demo - download

6- wordpress jquery yorum modülü - demo - download

7- wordpress jquery page bar - demo - download

8- wordpress google analyticator - demo -download

9- wordpress openid iletişim formu - demo - download

daha fazla wordpress jquery eklentisi için buraya bakabilirsiniz.

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

bilgisayarınızda tam bir koruma için gerekli 10 ücretsiz program

aliozcan — Thu, 17 Sep 2009 14:46:00 GMT

bilgisayarların hayatımıza girmesiyle dolaylı olarak kişisel bilgilerimizin güvenliği de tehlikeye girdi.

internet veya ağ bağlantısı ile kolayca yayılabilen çok fazla zararlı yazılım bulunmakta ve bunlara durmaksızın yeni nesil olanları da eklenmekte. ve bir bilgisayar/internet kullanıcısı, ne kadar dikkatli, ne kadar deneyimli de olsa günün birinde mutlaka bilgisayarının (dolayısıyla kişisel bilgilerin) güvenliğini bozacak ya da etkileyecek bir durumla başbaşa kalacaktır.

o yüzden günümüzde tam bir bilgisayar güvenliği için anti-virüs programaları tek başlarına yeterli olmayabilirler. bu yazımızda bilgisayarınızda tam bir koruma sağalayacağınız, bilgilerinizi güvenle saklayabileceğiniz bir bilgisayar için oldukça kullanışlı çeşitli programlara yer vereceğiz:

1 - ücretsiz olarak dosya şifreleme / gizleme

Bilgisayarınızda kimsenin ulaşmasını istemediğiniz bazı özel dosyalarınız mı var? Bu dosyaları saklasanız da sürekli başka kişiler tarafından bulunuyor mu?

my lockbox adlı küçük ve ücretsiz olan program sayesinde artık dosaylarınızı şifreleyip ardından gizleyebilir ve istediğiniz zaman kolaylıkla özel dosyalarınıza ulaşabilirsiniz. Program ile dosyalarınızı, şifrenizi ve şifre hatırlatma sorusunu belirledikten sonra gizlenecek dosyaların bulunacağı bir klasör seçerek, güven içinde saklayabilirsiniz.

2 - internet şifrelerinizi hatırlamak ve onları güvenle saklamak

ücretsiz parola yönetim programı olan lastpass ile tüm internet hesap ve şifrelerinizi yönetebilir, onları güvenli bir yerde saklayabilir ve ortak bir şifre ile onlara rahatlıkla ulaşabilirsiniz. kullanılan kişisel bilgilerin hepsi sadece sizin bilgisayarınızda depolanır.

3 - ücretsiz firewall programı

bilgisayarınızı iç ve dış tehditlere karşı korumak için kullanabileceğiniz bir çözüm olan comodo firewall, hacker ve zararlı yazılımlara karşı etkili bir koruma sağlayan bir program. birçok ücretli güvenlik duvarı ile girdiği testlerden ilk sıralarda çıkmayı başarmış olan bu güvenlik duvarı yazılımı basit yapısı, kullanıcı dostu arayüzü ve türkçe dil seçeneği ile kullanıcılara yardımcı olmak için elinden geleni yapıyor.

4 - güvenli olmayan siteleri kolaylıkla görebilmek

WOT (Web of Trust) kullanıcılarını; kötü niyetli, zararlı yazılımlardan, güvenli olmayan alışveriş sitelerinden ve spamlardan koruyan bir eklenti. hem firefox hem de ie ile kullanılabiliyor. bu eklenti ile siteler için yapılan yorumları ve aldığı güvenlik derecelendirmelerini görebilir, yorum ve güvenlik derecelendirmeleriniz ile bu hizmete siz de destek olabilirsiniz.

5 - casus yazılımlara karşı ücretsiz profesyonel koruma

HijackThis adlı programın temel işlevi ana sayfanızı ele geçiren zararlı araçları, reklam yazılımlarını, msn virüslerini temizlemek ve çeşitli tehlikelere karşı bilgisayarınızı, sağladığı üstün güvenlik sayesinde korumanıza yardımcı olmaktır. ücretsiz, küçük ve oldukça etkili.

6 - usb ile bulaşan zaralı yazılımlara karşı tam koruma (Autorun.inf, amvo, patron virüsü vb. temizleme)

genelde bu tarz yazılımlar usb ile ve sık kullanıldığı için sürekli olarak sistemimizi rahatsız eder hatta yeri gelir bizi de çıldırtır. ilk olarak tam bir usb güvenliği ve usb ile gelebilecek tüm zararlı yazılımlara karşı muhteşem bir koruma sağlayan usb disk security adlı programı tavsiye ediyorum. ama legal olarak ücretsiz olmadığından (ki siz crackli haline ulaşabilirsiniz) eşdeğer yeteneğe sahip başka bir programa yer vereceğim. ücretsiz olarak kullanabileceğiniz ComboFix, autorun. inf ve dolayısıyla Amvo virüsünün bulaştığı usb flashdisk birimlerini ya da yerel disklerinizdeki zararlı yazılımları bulmak için geliştirilmiş. combofix, devamlı olarak veritabanına yeni spywareleri ekleyip onları tanıma ve silme özelliğini sağlamaktadır.

7,8 - bilgisayardaki veya flashdiskteki dosyaları tamamen gizleme

Sofonesia Folder Protector, dosya ve klasörlerinizi gizleyip korumanızı ve şifrelemenizi sağlayan güzel bir yazılım. bir diğeri ise TrueCrypt adlı ücretsiz ve kullanışlı olan başka bir program.

9 - ücretsiz anti-spyware yazılımı

Spybot Search and Destroy, Bilgisayarınıza yerleşen casus yazılımları (spyware), reklam (adware) ve tehlikeli içerikli uygulamaları bularak temizleyen hem etkili hem de ücretsiz bir program.

10 - kullan-at (geçici) email servisi

meltmail, diğer kullan-at eposta servislerinden bir tanesi. onu diğerlerinden ayıran özelliği ise zaman seçeneği vermesi ve geçici mail adresine gelen postaların sizin girdiğiniz mail adresine gönderilmesi.

not: bu programlar tek başlarına bilgisayarınızı korumaya yeterli olmayabilir. kullandığınız antivirüs programınıza ek olarak bunları kullanmanız tavsiye edilir.

tüm bunlara ek olarak daha önce yayınlanmış olan şu tanıtım yazıları da ilginizi çekebilir:

internetten para kazanmanın en kolay 5 yolu

url kısaltma ile ilgili görmeniz gereken 6 eşsiz servis

işinizi kolaylaştıracak ücretsiz 5 arşivleme aracı

film tutkunları için oldukça faydalı 9 kaynak

|diğer yazılarım|

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

Ağustos 2009'un En İyi Jquery Eklentileri

aliozcan — Wed, 09 Sep 2009 06:47:00 GMT

Jquery ile sitenize inanılmaz özellikler ekleyebilirsiniz. Bu yazıda Ağustos 2009'un en iyi jquery eklentileri yer almaktadır.

1. IPWEditor - In-Place WYSIWYG Editor

Zengin gelişmiş metin editörüdür. Giriş alanı ile yazıları kolayca düzenleyebilirsiniz.

2. jLoupe

Resimlere kolayca büyüteç efekti ekler. Dilediğiniz resimlere "jLoupe" sınıfını ekleyerek kolayca efekti uygulayabilirsiniz.

3. Reel

Bir şey veya birşeyin gösterimi 360 derece gösterimi için kullanabileceğiniz jquery eklentisi.

4. Twit

Blog üzerinde twitter durumunu gösterebileceğiniz jquery eklentisi.

5. Quovolver

Yazıyı basit bir şekilde grup içine alır.

6. jQuery Text Resizer

Genellikle haber sitelerinde kullanılan bu eklenti ile yazıları büyültebilir veya küçültebilirsiniz.

7. Tab SlideOut

İletişim formu için kullanabileceğiniz yana doğru açılan bir sekme gösterir.

8. Binary Tree

Bu eklenti size sadece bir çağırış ile tüm div'leri ikili ağaç sistemine getirmenize izin verir.

9. DivCorners

Bu eklenti içeriğin kenarı, yuvarlatılmış köşeler, gölge gibi efektler eklemenizi amaçlamaktadır.

10. Columnize

Gazete gibi bir sütun oluşturmanızı sağlar. Orjinal Html kodu küçük adaptasyon için gereklidir. Çoğu zaman bu işleme gerek yoktur.

11. jqDialog

Yeni bir bilgi penceresi açmak için kullanabileceğiniz kullanışlı bir jquery eklentisidir.

12. AjaxPanel

HTML elemanlarınızı güncellemek için tek tip bir yol sağlar.

13. subscribe

Yayıncı ve abone olay toplayıcı olarak kullanılan jquery eklentisidir.

14. jQuery Hovertip - Minimalist tooltip

İpucu göstermek için kullanışlı bir jquery eklentisi.

15. jQuery SimpleImageCheck

Süper bir şekilde kişisel onay kutucukları yapar. Tek yapmanız gereken alanlarınız için UI fonksiyonunu çağırmaktır.

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Haziran 2009'un En İyi Jquery Dersleri

Ücretsiz Jquery Slider İçin En İyi 15 Örnek

Jquery Oyunları - Hafıza, Tetris, Bulmaca, Kağıt...

7 İlginç Jquery Takvim Eklentisi

Tasarımcılar İçin Faydalı 28 Jquery Eklentisi

Jquery Kullanan En İyi 24 Site

Flash Gibi Jquery Menü

Sitenize Eklemeniz İçin 5 Jquery ve Ajax Sosyal İmleme Widget Dersi

Web Geliştiricileri İçin 8 Jquery ve ve Ajax Tabanlı Etiket Bulutu Yapımı

15 Mükemmel Jquery Navigasyon Tekniği ve Çözümü

kaynak: ajaxline.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

Opera web tarayıcısını farklı yapan 18 özellik

aliozcan — Mon, 07 Sep 2009 14:16:00 GMT

bu yazıda opera browseri diğer bütün browserlardan ayıran ya da diğerlerinde olmadığı kadar pratik farklı özelliklerini yazacağım. menu sıralamasından gidiyorum.

1- oturum kaydetme ve açmak.

oturum demek var olan bütün sekmelerdeki açık sayfalar ve içlerindeki cookie bilgisi demektir.
operada gezerken örneğin bir konuyu araştırıyorsunuz ve 10 tane sekme (10 sayfa) açık, işiniz yarım kaldığında oturumu kaydedersiniz. sonra istediğiniz vakit oturum aç menüsünü kullanarak kaldığınız yerden aynen devam edersiniz.

opera

2- al/aktar

ingilizcesiyle import, export.
başka bir tarayınızdaki, örneğin firefox, i.e., hatta konqueror yer imlerini, opera yer imlerine bu menuden kolayca aktarabilirsiniz.
ya da kendi operanızdaki yer imlerini ister html olarak ister özel formatıyla kaydedip istediğiniz zaman istediğiniz tarayıcıya aktarabilirsiniz.

opera

ayrıca sonra bahsedeceğim bildirim listesini (rss adresleri) de aynı işlemle alabilir veya aktarabilirsiniz.

3-opera eşitle (link)

yani senkronizasyon (synchronization). bu özellik sayesinde opera tarayıcınızı nerede, hangi bilgisayarda kullanıyor olursanız olun yer imlerinizi, hızlı erişim (daha sonra anlatılacak) linklerinizi, notlarınızı (anlatılacak), hatta görünüm ayarlarınızı ve girilen adres geçmişinizi online my.opera.com hesabınıza gönderebilirsiniz. ya da alabilirsiniz.

opera

4- stil ayarları

bu menu biraz da bu işi bilenler için. görüntülediğiniz sayfalarda rahat edebilmeniz için hızlı değişikler yapar. en basitinden konstrat değerini artırma gibi.

opera

5- Bileşenler (widgets)
Opera daki widget özelliği sayesinde binlerce bileşen arasından seçtiklerinizi web'de gezerken ya da offline olarak kullanabilirsiniz. tabii bunların arasında hava durumu, facebook denetleyicisi gibi internet bağlantısı gerektiren widgetler da var.

opera

6- rss beslemelerini takip

opera kullanıyorsanız rss bildirilerini takip etmeniz için başka bir programa ihtiyaç duymazsınız. herhangi bir rss adresini girdiğinizde tarayıcı otomatik bir sayfa oluşturur ve abone ol tuşuna tıkladığınızda o besleme adresi bildirimler listesine kaydolur. böylece her yeni bildirimde tarayıcınız size haber vermiş olur. ayarlarınızı bildirimler menüsünden yönetebilirsiniz. her bir bildirime bu özellik üzerinden doğrudan cevap (yorum) yazabileceğinizi de eklemem gerekir.

opera

7- opera sohbet

operada yine kendinden gelen bir özellikte irc sunucularına bağlanma olayıdır. fazla söze gerek yok.

opera

8- kişiler

opera mailin bir özelliği olan kişiler sayesinde bir web sayfası üzerinde gördüğünüz bir mail adresine tek tıkla mail gönderebilirsiniz. isterseniz opera mail hesabınızı isterseniz herhangi bir webmail hesabınızı isterseniz de pop3 destekli mail hesabınızı kullanabilirsiniz. opera kişiler sayesinde mail kişi listeniz düzenlenir.

opera

9- notlar

operanın en çok sevdiğim özelliği notlar özelliğidir. saydığımız diğer 8 özellik gibi bu da operayla kendinden gelir (built-in) bu not defterine aklınıza ne geliyorsa yazabilirsiniz ya da web sayfalarından kopyala yapıştır yapabilirsiniz.

opera

ayrıca bir web sayfası üzerinde gördüğünüz bir yazıyı sağla tıklayıp çıkan menüden notlara ekle diyerek gönderebilirsiniz.

10-içerik engelleme

bu özelliği kullanarak bir web sayfası üzerindeki beyenmediğiniz bir resim, flash ve benzeri ögelerin görüntülenmesini engellersiniz. aynı kaynaktan gelen tüm dosyaları da engelleyebilirsiniz.

opera

11-hızlı özellik değiştirme

anlatmaya gerek yok sanırım resim yeter.

opera

12-görünüm ayarları

opera tarayıcısının gördüğünüz her bir noktasını değiştirebilirsiniz. hiçbir tarayıcıda olmadığı kadar özelleştirilebilir.

opera

opera community üyelerinin yaptığı binlerce temadan birini seçebilirsiniz. butonların, panoların görünümünü değiştirebilirsiniz.

opera

13- hızlı erişim

opera hızlı erişimi aktif ettiğinizde her boş sekme açılışında karşınıza 9 tane önizleme resmi çıkar. sık sık gezdiğiniz siteleri buralara sürükle bırak yaparak ekliyebilirsiniz.

opera

sadece operada olan diğer özellikler:

14-torrent indirme

operayla torrent indirebilirsiniz.

15- opera community

operanın tüm tarayıcılardan farklı olarak bir miniblog sistemi var. my.opera.com şu an bu sistemin 3 milyon üyesi var ve gittikçe artıyor. opera kullanıcıları buralarda tarayıcı deneyimlerini ve günlük hayatlarını paylaşıyor. community her üyesine 1 gb dosya depolama alanı ve fotoğraf albümü paylaşma imkanı veriyor.

kullanıcı urlleri şöyle veriliyor örn: my.opera.com/feveran

ayrıca community anasayfası üzerinde her hafta haftanın üyesi seçiliyor. çok çeşitli ve ilginç yarışmalar düzenleniyor, ödüller veriliyor, anketler yapılıyor ve yeni sürümler duyuruluyor.

opera unite ve opera turbo

bu özellikler başlı başına eşsiz yapıyor operayı.

opera turbo operanın 10 ve daha üst sürümlerinde var. bu özellik sayesinde web sitelerini optimize ederek görüntülersiniz. resimlerin kalitesi düşer örneğin. bu sayede 4,5 kata kadar daha hızlı görüntüleme gerçekleşir.

opera unite sayesinde bir my.opera community hesabınız varsa web tarayıcınız üzerinden radyo yayınlayabilir, dosya paylaşabilir, kendi chat odanızı oluşturabilir, buzdolabı kapağınızı webe taşıyabilir (kişisel notlarınız) fotoğraf paylaşabilir ve hatta web sunucusu kurabilirsiniz.

opera

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

Çevrimiçi CSS Araçları Listesi

aliozcan — Tue, 24 Feb 2009 19:38:00 GMT

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

CSS Type Set

CSS Type Set sayesinde tasarımcılar ve geliştiriciler, sitelerinde kullanacakları metin bloklarının çeşitli CSS değerleri kullanıldığında nasıl görüneceğini eş zamanlı olarak görüp en doğru tercihi yapmalarına yardımcı oluyor.

Font Tester

Font Tester bir diğer ücretsiz çevrimiçi yazıtipi karşılaştırma aracı. Çeşitli CSS yazıtipi stilleri atanmış farklı yazıtiplerini yan yana karşılaştırmanıza olanak sağlıyor.

PXtoEM Conversion

Pixel değerlerini EM'e dönüştürebileceğiniz bir diğer kullanışlı araç. BODY etiketine atadığınız yazıtipi boyutunu pixel olarak girin ve site size farklı em değerlerini içeren tabloyu versin. Gerçekten kullanışlı.

CSSTXT

Metinlerinize stil atayabileceğiniz bir başka uygulama.

CSS Anahat Oluşturucuları

YUI - CSS Grid Builder

CSS Izgara Oluşturucusunun basit web tabanlı arayüzü sayesinde YUI'nin CSS dosyalarına bağlı dilediğiniz sayıda anahattı kolayca oluşturabilirsiniz.

YAML Builder

YAML tabanlı CSS anahatları oluşturabileceğiniz bir görsel anahat oluşturucusu.

iStylr

Çevrimiçi CSS Şablon Oluşturucusu.

Grid Designer

Izgaralar ve Tipografiler oluşturabileceğiniz bir araç.

CSS Oluşturucusu

Bu oluşturucusu sayesinde esnek ya da sabi genişliğe sahip yüzen sütunlu anahatlar oluşturabilirsiniz. Site 3 adede kadar sütun, başlık ve altlık içeren anahatları destekliyor. Değerler pixel, em ya da yüzde olarak girilebilir.

Drawable Markup Language

Web sitenizin kodunu neredeyse çizebilmenize olanak sağlayan bir uygulama.

CSSMate

İnteraktif çevrimiçi CSS düzenleyicisi CSSMate sayesinde CSS stilleri oluşturabilirsiniz.

QrONE CSS Designer

CSS Stil düzenleyicisi.

CSS Frame Generator

XHTML altyapınız üzerinde CSS çerçeveleri oluşturabileceğiniz basit bir araç.

XHTML/CSS Markup Generator

XHTML/CSS kodlama hızınızı ilerletmeye yardımcı olacak bir uygulama.

Sky CSS Tool

Sky CSS neredeyse hiç kod yazmadan CSS sınıfları oluşturabilmenizi sağlıyor.

CSS Creator - CSS Generator

CSS Creator, web sayfanız için bir stil seçebilmenizi sağlıyor.

CSS Grid Calculator

CSS Izgara Hesaplayıcısı'nı kullanarak sayfa anahattınızı çabucak görselleştirebilir ve çeşitli yollar kullanarak ızgaralar çizebilirsiniz.

CSS Generator

Bu araç basit bir stil şablonu oluşturabilmenizi sağlıyor.

Dynamic 3 Column Layout Generator

3 sütunlu anahatlar oluşturabilmenizi sağlayacak kullanışlı bir araç.

Construct Your CSS

WYSIWYG anahat düzenleyicisi. Semantic ve tablo kullanmadan.

Blueprint Grid CSS Generator

Bu araç, Blueprint'in grid.css, compressed.css ve grid.png dosyalarının özelleştirilebilir sürümlerini oluşturabilmenizi sağlıyor.

CSS Çatıları

Blueprint

Blueprint bir CSS çatısı olup CSS geliştirirken harcadığınız zamanı azaltmayı hedefliyor.

Yet Another Multicolumn Layout

Yet Another Multicolumn Layout (YAML), bir diğer (X)HTML / CSS çatısı olup modern ve özelleştirilebilir yüzen anahatlar oluşturabilmenizi sağlıyor. Yapısı, programlamasında son derece değişken ve son kullanıcılar için tümüyle erişilebilir.

Hartija - CSS Print Framework

Web yazdırması için kullanılabilecek evrensel CSS çatısı.

Elements

Tasarımcıların daha hızlı CSS yazabilmeleri ve daha verimli olabilmeleri için geliştirilmiş.

960 Grid System

960 Izgara Sistemi web geliştirmesi sırasında harcayacağınız zamanı, 960 pixellik genişliğe dayalı sık kullanılan ölçüler kullanarak kısaltmayı hedefliyor.

Logic CSS Framework

Logic CSS çatısı bir dizi CSS dosyası ve PHP aracından oluşmuş, web standartları ile uyumlu xHTML anahatları oluştururken geçirdiğiniz zamanı kısaltmayı hedefleyen bir uygulama.

SenCSs

SenCSs sayesinde anahat dışındaki her şey için standart CSS dosyasını kullanabilirsiniz.

Tripoli

Tripoli, HTML işleme için geliştirilmiş bir CSS standardıdır. Tarayıcı standartlarını sıfırlayıp yeniden inşa ederek, web projeleriniz için çapraz tarayıcı uyumlu bir temel üzerinde web projelerinizi inşa edebilmenizi sağlar.

BlueTrip CSS Çatısı

BlueTrip web sitesi inşa edebilmek için bir dizi stil ve yöntem sunarak, işin zaman harcatan kısmını geçip projenize odaklanabilmenizi sağlıyor.

Grids CSS

Yahoo! tarafından geliştirilen ve dört ön tanımlı sayfa genişliği, altı ön tanımlı şablon ve dört sütuna kadar alt-bölümleri içeren anahatları geliştirebilmenize olanak sağlayan bir CSS çatısı. Oldukça kapsamlı ve genişletilebilir.

Biçimleyiciler, İyileştiriciler ve Sıkıştırıcılar

Code Beautifier

Çevrimiçi CSS biçimleyicisi ve düzenleyicisi.

Clean CSS

CSS'nizi farklı sıkıştırma ayarları kullanarak optimize edebilmenizi ve biçimlendirebilmenizi sağlıyor. Bu araç sayesinde okunması daha kolay CSS kodlarına ulaşabilirsiniz.

CSS SuperScrub

Bu araç CSS'nin karmaşıklığını gereksiz içeriği silerek, önemsiz kodları kaldırarak ve geri kalan element isimlerini zeki bir şekilde gruplayarak azaltmayı hedefliyor.

Online CSS Optimizer

Çevrimiçi CSS İyileştiricisi sayesinde CSS dosyalarınızın dosya boyutunu azaltabilirsiniz.

CSS Drive Gallery - CSS Compressor

İhtiyacınıza göre değişen 3 farklı sıkıştırma ayarından birini seçerek CSS dosyalarınızı sıkıştırabilirsiniz.

Online CSS Optimizer

Bir başka çevrimiçi CSS iyileştiricisi, CSS kodunuzun dosya boyutunu azaltmayı hedefliyor.

Robson - CSS Sıkıştırıcısı

Bu CSS sıkıştırıcısı stil şablonlarına önemli değişiklikler uyguladığından ve henüz geliştirme aşamasında olduğundan, bazı CSS dosyalarında verimli çalışmayabilir.

FlumpCakes - Çevrimiçi CSS İyileştiricisi

Bu araca yükleyeceğiniz CSS dosyası işleniyor ve gereksiz tüm kodlar kaldırılarak daha temiz bir koda ulaşmanız sağlanıyor.

Format CSS Online

CSS'nizi otomatik olarak biçimlendirerek onu daha kolay okunur ve düzenlenebilir hale getirin.

PrettyPrinter

Çevrimiçi kod güzelleştiricisi.

Tabifier

Tabifier sayesinde bilgisayar kodunuzu daha okunaklı hale getirebilirsiniz.

Doğrulama

W3C CSS Doğrulama Servisi

W3C CSS Doğrulama Servisi, web tasarımcılarının ve web geliştiricilerinin CSS dosyalarını kontrol edebilmelerini sağlıyor.

CSS Analyser

Bu servis CSS dosyalarınızın doğruluğunu W3C'nin doğrulama servisi üzerinden kontrol edip, bunun yanısıra kontrast testi ve boyut testi gibi bazı farklı testleri de uyguluyor.

CSS Redundancy Checker

HTML dosyalarınızda kullanılmayan CSS seçicilerini bulmak için kullanabileceğiniz bir araç.

CSS Formları

JotForm

İlk WYSIWYG Form Oluşturucusu. Tarayıcınızı kullanarak web formları oluşturun ve yayımlayın.

Wufoo

Wufoo, web üzerinden bilgi toplamanızı kolaylaştırıyor.

FormSmarts

FormSmarts üzerinden formlar oluşturup onları yayımlayarak ziyaretçilerinizden çeşitli alanlarda bilgi toplayabilirsiniz.

FormAssembly

Web Formları Oluşturun ve sorularan verilen yanıtları toplayın.

Navigasyon

CSS Menu Builder

Web standartları ile uyumlu XHTML / CSS menüleri oluşturun.

CSS Menu Generator

CSS Menü Oluşturucusu sayesinde ortalama bir web yöneticisi, çapraz tarayıcı uyumlu web site menüleri oluşturabilir.

TabCreatr

Ücretsiz CSS Menü Oluşturucusu.

CSS Sıfırlama

Reset CSS

Sıfırlama stil şablonlarının hedefi, farklı tarayıcılar arasındaki tutarsızlıkları gidermektir. Bunlar arasında öntanımlı satır yükseklikleri, marjlar ve başlıkların yazıtipi boyutları gibi elementler yer alır.

Yahoo! UI Kütüphanesi: Reset CSS

Yahoo!'nun sunduğu bu CSS sıfırlaması da farklı HTML elementleri arasındaki tutarsız CSS stillerimini sıfırlayarak daha tutarlı web siteleri inşa edebilmenizi sağlıyor.

Master Stylesheet: En Kullanışlı CSS Tekniği

Temel bir stil şablonu.

Boş CSS Anahatları

168 Adet Izgara ve CSS Anahat Kolleksiyonu

Bu CSS anahatları tüm A sınıfı tarayıcılar için desteği içeriyor. Bunun anlamı tüm bu örneklerin Internet Explorer 6, Internet Explorer 7, Firefox, Opera, Safari ve diğerlerinde aynı şekilde görünecek olması.

42 Adet Sahte Sütunlu CSS Anahatları

53 Adet Sabit Genişlikli CSS Anahatları

___layouts

___layouts dosyası dilerseniz tam yakınlaştırma desteğine sahip ya da sabit genişliğe sahip beş adet ön tanımlı şablonu içeriyor.

The Only CSS Layout You Need

Tamamı aynı HTML dosyasını kullanarak oluşturulmuş 10 farklı anahattı ve örnek sayfalarını içeren bir anahat.

Little Boxes

Tarayıcı bazlı CSS sorunları için hileler.

Diğer Araçlar

PSD 2 CSS Online

Saniyeler içerisinde Photoshop tasarımlarınızdan dinamik web sayfaları oluşturun.

Conditional CSS

Bu araç sayesinde belirli tarayıcıları hedefleyen CSS kodları yazabilirsiniz.

CSS Evolve

Bu araç sayesinde bir web sitesinin rengi, şeması, yazıtipleri, sınırları gibi elementleri üzerinde oynayabilirsiniz.

CSS Text Wrapper

CSS Text Wrapper sayesinde bir HTML metnininin düz köşeleri olmayan bir görseli sarmalamasını sağlayabilirsiniz.

The Box Office

Yukarıdaki araçla aşağı yukarı aynı işlemi yapan bir başka uygulama.

Eğer sizin de bu listede yer almayan ancak faydalı olduğunu düşündüğünüz bir CSS aracı varsa yorumlarınızda belirtmeyi ihmal etmeyin.

Kaynak: Back to Essentials

CSS İle İlgili Yazdığım Diğer Yazılar

Yazılarımı RSS İstemcisi Üzerinden Takip Etmek İçin Buraya Tıklayın

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

Kod Renklendiriciler | Code Highlighters

aliozcan — Wed, 29 Jul 2009 11:33:00 GMT

Kod renklendiriciler (code highlighters) kod yazarken en büyük yardımcılarımızdır. Eğer yazdığınız kodların düzenli, tertipli, temiz ve hoş görünmesini istiyorsanız aşağıda listelediğim 5 tane kod renklendiricisinden birini mutlaka kullanmalısınız.

1. syntaxhighlighter
syntaxhighlighter %100 Javascript kullanılarak oluşturulmuş bir renklendiricidir. syntaxhighlighter ile tüm kodları renklendirebilirsiniz.

syntaxhighlighter

2. quick highlighter
quick highlighter ile html, php, javascript kodlarını renklendirebilirsiniz.

quick highlighter

3. fv code highlighter
frank verhoeven tarafından üretilen bu renklendirici dreamweaver kullanıcılarına pek de yabancı gelmeyecek kod renklendirmesi yapıyor.

fv code highlighter

4. source code highlighter
Bu renklendirici ile de c#, vb, aspx, html, xml ve javascript kodlarınızı renklendirebilirsiniz.

5. highlight.js
highlight.js tam otomatik çalışıyor. Sitenizdeki (blog, forum ya da başka bir site) kodu buluyor, dilini kendi tespit ediyor ve renklendiriyor.

highlight.js

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