24 Ocak 2008 Perşembe
by editor
Demofuse web geliştiriciler için interaktif tanıtım turları başka bir deyişle web uygulama tanıtım demoları oluşturabileceğiniz güzel bir uygulama. 
İlk demo uygulamamızı oluşturmak için bir hesap oluşturuyoruz.Hesap oluşturma işlemi bittikten sonra önümüze çıkan sayfada bize sayfamıza eklememiz için kod veriyor.Uygulamayı şimdilik incelemek istiyorsanız benim gibi bu bölümü atlayabilirsiniz demek isterdim ama demo oluşturmamız için illede bu kodu sayfamıza eklememiz gerekiyor.Kodu sayfamıza ekledikten sonra "Verify the code..." diye başlayan butona tıklayın.Çıkan sayfadan "Check Page Code" yi tıklayın. "Create Your First Tour" diyerek ilk demomuzu yapmaya başlayabiliriz."Tour Information" bölümüne yapacağımız demonun bilgilerini giriyoruz.Onayladıktan sonra bizi kendi sayfamıza yönlendiriyor.(Bu yönlendirme sizin sitenize yapılıyor.İE 7 'de ben sorun yaşadım.Firefox 2 sorunsuz yönlendiriyor.)Tüm işlemler sizin sayfanızdan yapılıyor. "Start Demofuse Editor" dediğimizde önümüze editör çıkıyor.Üst taraftaki kutuya başlık ve içeriği giriyorsunuz.Alt taraftaki bölümden demonuzun yada turunuzun stilini,ayarlarını ve birçok özelliğini ayarlayabiliyorsunuz."Preview" ile çalışmanızın nasıl olduğuna bakabilir."Save&Exit" ile kaydedip bitirebilirsiniz.
Site için buraya tıklayabilir , örneklere bakmak için ise sitenin anasayfasındaki "Sample Tour" simgesini kullanabilirsiniz.
Etiketler:
demofuse,
web 2.0.,
web apps,
web demo,
Web Develope,
Web Geliştirme,
web tur
19 Ocak 2008 Cumartesi
by editor
Amy Editor , bugün WebAppers'da tanıtılmış.Ben de sizlere tanıtma ihtiyacı duydum.Amy Editor, web ve programlama geliştiricileri için online yazı ve kod editörüdür.JavaScript, Ruby, PHP, C#, Java, HTML, YAML,... ve birçok programlama dili ile çalışabiliyorsunuz.Kod renklendirme , katlanır kod , sınırsız geri alma, kısa yolları özelleştirme programın özelliklerinden sadece birkaçı.Bir de Amy Editor'un renklerini de özelleştirme imkanı veriliyor kullanıcıya.Editöre buradan ulaşabilirsiniz.Gerçekten kullanışlı bir uygulama.
Etiketler:
amy editor,
Web Develope,
web editorleri,
Web Editors,
Web Geliştirme
14 Ocak 2008 Pazartesi
by editor
SimpleViewer , flash tabanlı ücretsiz resim görüntüleme (resim galerisi)uygulamasıdır. Özelliklerinden bahsetmek gerekirse ;
- Sağ ya da Sol tarafında ön görüntüleme desteği,
- Kullanışlı navigasyon,
- Lightweight,
- Yazı rengini,frame renk ve boyutlarını,navigasyonu özelleştirebilme,
- Windows ,Mac,Linux uyumluluğu, (Flash 7 ve daha üst sürüm gerektiriyor.)
- Klavye ve fare navigasyon imkanı
- Resimleri istenilirse yeni pencerede açma,
gibi özellikleri sayabiliriz.SimpleViewer hakkında daha çok bilgi için buraya , demo için buraya , indirmek için ise (43 kb) buraya tıklayabilirsiniz.

Etiketler:
flash,
lightweight,
resim galerisi,
simple viewer,
web design,
Web Develope,
Web Geliştirme,
web tasarım
6 Ocak 2008 Pazar
by editor
Buradaki yazıda web tasarımda kaçınılması gereken 7 madde sıralanmış.Bu maddeleri kendi yorumumla burada sizlere bahsedeceğim. Pop Up Pencereler:Web sitesi tasarlıyorsanız aslında yapmamanız gereken en önemli hatalardan biri pop up pencerelerdir.Bunlardan hem ziyaretçi hoşlanmaz hem de Google Toolbar ve İnternet Explorer 7 gibi pop up pencerelere karşı iddialı yazılımlar zaten bu pop up pencereleri engeller.
Çok büyük ve çok küçük sıkıcı yazı boyutları,fontlar ve renklendirmeler: Kaçınmanız gereken ikinci şey ise yazı boyut,font ve renklendirmeleri.Çoğu zaman önemli yazılar ve başlıklar büyük harfler ile gösterilirler.Blog gönderileri,haberler,resimlerin alt tarafındaki bilgilendirme yazıları küçük hatfe yazılır.Normal olan yazı boyutu 11 ile 15 'dir.Renklendirmeleri yaparken tasarımınızın yazı rengi siyah ve siyaha yakın tonlarda olması (arkaplan açık tonlarda) okuyucu için daha olumlu olacaktır.Font meselesinde ise Verdana , Arial gibi fontlar daha kullanışlı.Tabii sitenizin kategorisine göre uygun olanı belirlemek daha iyidir.
Arkaplan'a müzik yerleştirmeyin: Düşünün bir siteye girdiğinizde tasarımcı tarafından yerleştirilen müzik ziyaretiniz boyunca çalar.Durdurma imkanı genelde verilmez ziyaretçiye.Bir çok ziyaretçi ise bu durumdan hoşlanmaz.İyi bir iş çıkarmak istiyorsanız arkaplan'a müzik koymamanız önerilir.Ancak koymak istiyorum diyorsanız Genel Kurmay Başkanlığı 'nın sitesinde olduğu gibi ziyaretçiye müziği kapatma imkanı da vermelisiniz.
Navigasyon'u kullanılabilir yapmayı ihmal etmeyin: Web Tasarımda önemli olan noktalardan biri navigasyon'dur.Sitenize gelen ziyaretçinin istediği içeriğe ulaşabilmesi iyi bir navigasyonla mümkündür.Navigasyonda en önemli nokta ise anasayfa düzeni.Anasayfanız ziyaretçinin en önemli , en son ve genel içeriğe ulaşabilecek biçimde hazırlanmalıdır.Menüler ise ziyaretçinin kılavuzu olacak şekilde hizmet vermelidir.Ziyaretçi sitenizde kaybolmamalıdır.Navigasyon meselesi bunlardan ziyade ziyaretçinizin sitenizde daha uzun süre kalmasını ve ziyaretçinin devamını da ilgilendirir.Örneğin bloglarda; son eklenenler, son yorumlar,en çok okunanlar,konuyla ilgili yazılar gibi bölümler kullanmak artık zorunlu bile olmuştur.
Tasarım ve grafiksel öğeleri sık kullanmaktan kaçının: Sitesinde birkaç grafiksel tasarımdan hoşlanmayanımız yoktur .Ancak kullanılan grafiksel öğe ilgisi olmayan bir bölümde veya ihtiyaç duyulmuyorsa bu öğeyi tasarımınıza eklemeyin.Çünkü büyük boyutlu resimler,multimedya uygulamalar,flash reklam ve diğer grafiksel öğeler sitenizin yavaş yüklenmesine neden olur.
Kötü içerik: Kaçınılması gereken son nokta ise kötü ve düzensiz içerik.Site veya bloglarımızı önemli kılan içeriktir.İçerik elbette tasarım ile içiçe olursa güzeldir.Tasarım ne kadar güzel olursa olsun ziyaretçi içerik ile ilgilenir.Bu nedenle içerik konusunda daha titiz davranmak iyi olur.
Etiketler:
blog,
blogculuk,
web design,
Web Develope,
Web Geliştirme,
web tasarım
1 Ocak 2008 Salı
by editor
Test Everything , web geliştiricilerin işini kolaylaştıran bir online araç topluluğudur.Sitede 100'den fazla araç bulunmakta.Sitenizin urlsini yazıp sitenizle ilgili test işlemlerini kolayca gerçekleştirme imkanı bulabiliyorsunuz.Ana kategoride Css ve HTML doğrulayıcıları,SEO Araçları,sosyal servisler,web proxileri,network araçları,yazı araçları,resim araçları ve çeşitli araçlar mevcut.Ve bunlara bağlı 100'den fazla araç bulunmakta.
Etiketler:
css validator,
html validator,
network,
online araçlar,
online tools,
online web servisleri,
proxi,
seo,
test everything,
Web Develope,
Web Geliştirme,
Webmaster Tools
28 Aralık 2007 Cuma
by editor
Adobe AIR'ı , MXML ve ActionScript dillerini kullanarak Flex geliştirme ortamında yüksek performanslı masaüstü uygulamaları geliştirmeyi sağlayan, Adobe Flex 3’e entegre bir program olarak tanımlayabiliriz. Yani AIR, geliştiricilere zengin internet uygulamalarını (RIA) tarayıcı ve platform bağımlılıktan kurtarıp masaüstü özgür yazılımlara dönüştürme imkanı sunan bir programdır.
Dreamweaver CS3 için bir AIR eklentisi yayınlandı.Eklentiyi indirmek için (32,5 MB) buraya Adobe'nin konu ile ilgili sayfası için buraya tıklayın...
Kullanımı ile ilgili ise Dreamweaver CS3 programını açalım."Site>Create AIR Application" seçeneği ile AIR uygulamaları oluşturabiliriz.
Etiketler:
actionscript,
Adobe,
adobe air,
adobe flex,
dreamweaver cs3,
eklenti,
program,
Web Develope,
Web Geliştirme
27 Aralık 2007 Perşembe
by editor
Open Flash Chart, açık kaynak kodlu,ücretsiz bir grafiksel istatistik (charting)uygulamasıdır.Flash 8 ile desteklenmiş , güzel görünümlü ,kaliteli olmasının yanında ücretsiz olması ve geliştirilebilir olması da önemli özelliklerinden.Grafiksel rapor ve istatistik uygulamalarınızı 3 boyutlu ve pasta tipi grafiklerin yanısıra daha farklı stillerde hazırlayabilirsiniz.
Open Flash Chart version 1.9.6 (542 kb) indirmek için tıklayın...
Etiketler:
chart,
flash,
java,
open flash chart,
Open Source,
rapor ve istatistik,
web design,
Web Geliştirme,
web tasarım
26 Aralık 2007 Çarşamba
by editor
Web tasarım ile ilgilenenlerin Photoshop,Illustrator ve InDesign gibi programlara alternatif olarak kullanabilecekleri programlar:
Photoshop Alternatifleri
Gimp:Açık kaynak kodlu Photoshop benzeri yazılım olan Gimp'in Photoshop kadar olmasada işinizi görebilecek güce sahip.Programın Windows ve Mac sürümleri mevcut.
Paint.NET:Ücretsiz resim editörü olan yazılımın Window sürümü mevcut.Ücretsiz resim editörleri arasında en iyilerinden biri.
Pixel: RGB,CMYK ve HDR resim editörü gibi bir çok özelliği olan resim editörü.
PaintShop Pro:Ücretli olan bu program ile resim ve grafik işlerinizi yapabilirsiniz.
Illustrator Alternatifleri
Inkscape : Açık kaynak kodlu vektörek grafik editörüdür. Illustrator, Freehand, CorelDraw, ya da Xara X ile kullanılan SVG formatındaki grafikleri benzer şekilde Inscape ile de kullanabilirsiniz.
Diğer Web Tasarım Araçları
Programmers NotePad:Ücretsiz , açık kaynak kodlu kod editörü.
Kompozer :Gelişmiş seviyedeki kullanıcılar için wysiwyg HTML editörü.
Notepad ++ :Ücretsiz , açık kaynak kodlu çok sayıda programlama dilini içinde barındıran kod editörü.
Coda :Mac için kod editörü
Stylemaster: Başlangıç seviyesinde olanlardan gelişmiş programcılara kdar herkesin kullanabileceği kod editörü.
Quantas Plus :Zengin içerikli web editörü.
HTML Kit: HTML, XHTML, XML, CSS, JavaScript, PHP ve diğer sayfa türleri ile çalışabileceğiniz kod editörü.
Etiketler:
coda,
gimp,
illustrator,
inkscape,
kompozer,
paint.net,
photoshop,
web design,
Web Develope,
Web Geliştirme,
web tasarım
21 Aralık 2007 Cuma
by editor
PollDaddy, hoş görünümlü anket hizmeti veren ender servislerden biri.Site kaliteli bir anket hazırlama ve yönetme imkanı veriyor.
Anketinizi hazırlamak için ilk yapmanız gereken bir hesap açmak.Anasayfadaki "
Get your free account today " butonuna tıklayınca önümüze çıkan sayfada 3 seçenek veriliyor.Bunlardan ikisi ücretli ancak biz ücretsiz olan seçeneği tercih ediyoruz.Signup deyip gelen sayfadaki formu dolduruyoruz.Formu doldurduğumuzda önümüze bize ait sayfamız çıkıyor.İlk anketimizi hazırlamak için
New Poll butonuna tıklıyoruz.Çıkan sayfada anketimizi kolayca hazırlıyoruz.Hazırladıktan sonra bize verdiği kodu sitemize ekleyip işimizi sonlandırıyoruz.
Konuyla ilgili soru ve önerilirenizi yorumlar bölümüne yapabilirsiniz.Kolay gelsin...

Etiketler:
anket,
create poll,
online anket,
poll,
poll make,
polldaddy,
sitene anket,
survey,
web design,
Web Develope,
Web Geliştirme
19 Aralık 2007 Çarşamba
by editor
Blogger'da ve diğer bir çok sistemlerde sadece alıntıların başına tırnak işareti eklenir.Bu ise uzun alıntılarda güzel görünüm yaratmaz.Ancak aşağıda verdiğim kodlarla oluşturulanı ise umarım beğenirsiniz.
Aslında tüm olay css kodlarında bitiyor.
Bu kodu sitenizin etiketleri arasında yer alan "blockquote"ile başlayan " } " ile biten kodların yerine yapıştıralım.Ancak kaynak kodlarınızın bir yedeğini de alırsanız daha iyi olur.Çünkü beğenmeme gibi durumlarda tekrar eski hale dönebilirsiniz.
blockquote {
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background:
url(http://blogrator.googlepages.com/alinti_son_webzadem.gif) no-repeat
right bottom;
padding-left: 18px;
text-indent: -18px;
}
blockquote:first-letter {
background:
url(http://blogrator.googlepages.com/alinti_basi_webzadem.gif) no-repeat
left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
Bu kodları ekledikten sonra yaptıklarımızı kaydedip artık kısa çalışmamızın meyvesini alma vakti geldi.Blogumuza alıntı yaptığımızda(blockquote etiketleri arasına yazarak da olur.)şu şekil ortaya çıkar. Her fert istediğini düşünmek, istediğine inanmak, kendine mahsus siyasi birfikre sahip olmak, seçtiği bir dinin icaplarını yapmak veya yapmamak hak ve
hürriyetine sahiptir. Kimsenin fikrine ve vicdanına hakim olunamaz.
Mustafa Kemal ATATÜRK
Arkadaşlar, yaparken sorun yaşar yardıma ihtiyacınız olursa yorumlar bölümünden yardımcı olabilirim.
Etiketler:
Blockquote,
Css,
Nasıl yaparım ?,
Web Geliştirme
18 Aralık 2007 Salı
by editor

Fawnt isimli sitede 55 adet orjinal yazı fontu bulunuyor.Fontların hemen altında "Not found the font you like?..."diye devam eden bir yazı dikkatimi çekti."Beğendiğin fontu bulamadın mı?Güzel, bizdeki 10,000'den fazla fonta bir gözat!"anlamındaki yazının linkine tıkladığımda "Top 10 Font"listesi çıktı ama sanırım 10,000 kadar olmasada biraz karıştırırsanız çok güzel fontlara ulaşacaksınız bundan şüpheniz olmasın.Siteye buradan buyrun...
Etiketler:
designers,
Fawnt,
fonts,
Free Font,
Resource,
Web Develope,
Web Geliştirme,
Webmaster Tools,
yazı fontları,
Yazı Tipleri

Aptana Studio 1.0İndirmek için (83,9 MB)Aptana

NVU 1.0
İndirmek için (7,63 MB)
Programın Linux ve Mac sürümleri
NVU AnasayfaAptana ve NVU açık kaynak kodlu web editörlerinin en iyileri.Hangisi daha iyi derseniz Aptana daha iyi derim.Ama NVU'nun da ondan geri kalır tarafı yok.Aptana ve NVU Macromedia ve Adobe serisi kadar iş yapacak kabiliyette.İyi çalışmalar...
Etiketler:
Açık Kaynak Yazılımlar,
Adobe,
Aptana Studio 1.0,
Macromedia,
NVU,
Open Source,
Web Develope,
Web Editors,
Web Editörleri,
Web Geliştirme