bildirgec.org - denix41 - beğendikleri

Arama Motorlarında Nasıl Hızlı Listelenilir?

denix41 — Tue, 22 Apr 2008 20:46:00 GMT

Arama motorlarında yeni açtığımız veya kullandığımız sitelerin listelenmesini sağlamak çoğu zaman bir sorun haline gelmiştir. Sitelerimize gelen kullanıcıların önemli bir kısmının arama motorlarından geldiğini düşünürsek arama motorlarının önemini bir kez daha anlamış oluruz.

Arama Motorlarına Kayıt

İşi fazla uzatmayalım ve arama motorlarında nasıl ve ne şekilde çabuk listelenebiliriz ona geçelim.

Arama motorlarında listelenme hızımız kısmende olsa sitemizin altyapısınada bağlıdır. Bu aşama için daha önce hazırladığım yazıyı inceliyerek işe başlamanızı öneririm.

Sonraki aşama için arama motorlarına merhaba demeliyiz ve kayıt sayfalarından sitelerimizi kaydetmemiz gerekmekte. Aşağıda popüler arama motorlarının kayıt sayfalarına ulaşabilirsiniz. Ayrıca şu aşamada şunuda belirtmem iyi olacaktır, program sitelerinde ve bazı sitelerde dolaşan ve otomatik arama motorlarına kayıt yapan programlar bulunmakta. Bu programlar altyapısından dolayı bazı sitelere kayıt yapabilmekte ama bunlar çokta verimli çalışan programlar değiller, programlarla uğraşmaktansa kendi yapacağınız kayıtlar işinizi daha düzenli ve kolay yapmanızı sağlayacaktır.
Google, Yahoo, Live Search, Submit Express, DMOZ, Genel arama motorları listesine şurdan, ülkelere göre arama motorları listesinede buradan ulaşabilirsiniz.

Arama motorlarına kayıtlarımızıda gerçekleştirdik şimdi ne yapacağız. Şimdi sitemize eli yüzü düzgün bir sitemap hazırlamanın vakti geldi. Sitemap arama motorlarımızın sitemizin link ve yollarını daha rahat bulmasına yardımcı olacaktır. Sitemap’ı google’ninde önerdiği ücretsiz xml-sitemap sitesi üzerinden gerçekleştirebilirsiniz. Site Haritamızı oluşturduk anasayfamızdan oluşturduğumuz sitemap’e link vermemiz iyi olacaktır ayrıca google webmaster’dan sitemap eklemekde google’da listelenmemiz hız kazanacaktır.

Site haritamızıda ekledikten normal kayıt ve listelenme süremiz 2-3 hafta arasında değişmekte tabi bu yazının amacı bunu dahada kısaltmak olduğu için devam ediyoruz. Arama motorları bilindiği üzere popülerliğe önem vermekte ve sitemizle aynı kategoride olan sitelerle link değişimi yapmanız yada reklam vermeniz googlede listelenme sürenizi yüksek derecede hızlandıracaktır. Peki nedir bu link değişimi link değişimi kendisinden belli olduğu gibi sitenin kendi içerisinde sitenizin linkini barındırmasıdır en kısa haliyle. Link değişimi içinse şuradan , burada yardım alabilirsiniz.Son olarak şunuda hatırlatmak isterim link değişiminde aşırıya kaçmak sizi google sandbox ile karşı karşıya getirecektir. Bu konuya dikkat etmenizi öneririm, google sandbox hakkında da ayrıntılara başka bir önceki yazımdan ulaşabilirsiniz.

arama motorlarında hızlı listelenmek için sizin bildiğiniz başka bir yol var mı?

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

+20 Harika Flash Resim ve Fotoğraf Galerisi

denix41 — Mon, 16 Mar 2009 14:48:00 GMT

resim ve fotoğraf galerileri konusunda hem javascript hem css hem flash teknolojilerini sıklıkla kullananlarımız vardır. bu yüzden favori seçeneğim olan flash galerileri konusunda ek bir kaynak olarak bu bildiriyi yazmak istedim.

daha önce yazdığım javascript resim galerisi, flash resim galerisi ve hollanda kökenli şu sitede bulduğum html ve flash örneklerini hala çok beğenmekle beraber flash teknolojisini kullanan +20 flash galerisini daha uzun uzun inceleyeceğinizden eminim.

%100 ücretsiz olan flashgaleri örneği daha önce bildirgec'te incelenmiş ve büyük beğeni almıştı. 11kb'lık boyutu da dikkat çekici.

tonyyoo'nun sayfasında da güzel bir flash galeri örneği var, demosunu izleyebilir direkt olarak indirebilirsiniz.

dezinerfolio sitesindeki flash galeri çalışmasında Flickr , Picasa desteği bulunmak, galeriyi izleyenlere printscreen tuşunu kullanıp kullanmamasına karar vermek, arkaplan müziği (mp3) ekleyebilmek gibi önemli özelliklerin bulunması yanında ücretsiz olması da ayrı bir güzellik.

yine hollandadan bir site. paulvanroekel in sitesinde cidden güzel örnekler var. picasa desteği olan bu örnek benim çok hoşuma gitti ancak ana sayfasında önemli "framework"leri kullanarak yapılmış yüklemeye izin veren çalışmalar bulunmakta. bu örnek aslında kendi içinde birçok örnek barındırıyor. çok detaya girmek istemiyorum ancak incelemeye değer bir site.

kart biçimli flash galerisi için ilgili sayfasına gidebilir galeri dosyasını çekebilirsiniz.

harici bir xml dosyasını kullanarak dinamik resim yükleme gibi bir işlem yapacaksanız, klasikleşmiş polaroid flash galerisi işinize yarayacaktır. yanılmıyorsam daha önceki flash galeri örnekleri içerisinde en çok beğenilen tarz polaroid idi...

basit sade ve işlevsel bir galerim olsun istiyorsanız photo viewer tam size göre. 3 seçenekli arka plan rengi var. (sitede ek olarak ipod şeklinde mp3 player da bulunuyor.)

flcarousel sitesinde 2 tür örnek var, flip ve carousel. ancak sitenizi ilk ziyaret edenler ilk etapta kullanmakta zorluk çekebilirler. klavye ayarları bulunmakta.

flash-gallery sitesinde 4 çalışma var. mega pack haricinde diğerlerinin ücretsiz versiyonları bulunmakta. stack-photo versiyonu polaroid örneğine benziyor. incelenmeye değer bir site.

simpler viewer da gayet hoş ve tanıdık bir stile sahip. indirebilir, uygulama detaylarına ilgili sayfasından bakabilirsiniz. 17 kb gibi bir boyutu var.

tiltviewer da gerçekten beğendiğim özgün bir uygulama. basit bir mantığı var ve hızlı bir uygulama. nasıl çalıştığına bakabilir, bilgisayarınıza indirebilirsiniz.

autoviewer ücretsiz bir flash galerisi. sitenizi ziyaret edenler açısından bakıldığında kullanımı en kolay olan galerilerden birisi olduğunu düşünüyorum. uygulama sayfası gayet hızlı çalışıyor.

postcardviewer adından anlaşılacağı üzere posta kartları şeklinde saçılmış bir ekran görüntüsü vermekte. eğlenceli...

flashimagegallery de yine basit bir flash galeri ancak pop-up da açtırma özelliği bulunuyor. çoklu galeri ve tekli galeri versiyonları var. indirme sayfasında güncellemelerden haberdar olabilmeniz için e-posta adresinizi de istiyorlar ama vermeden de indirebilirsiniz.

ücretsiz, esnek bir diğer flash galerisi de flashgallerygenerator 2 tür çalışma versiyonu bulunuyor, birinde mp3 ekleme şansınız bulunmakta. ayrıca fotoğraflarınızı watermark denilen kendi damganızı basma olanağı da sunuyor.

agilegallery picasa ile entegre olarak çalışıyor ve xml kullanıyor. flash desteği yanında ajax desteği de mevcut.

ideaography ile çoklu flash galerileri oluşturmak için önce incelemek ve beğeninize göre indirmek gerekiyor bence.

flash-gallery sayfasında 3 değişik versiyonda galeri bulunuyor. indirme sayfasında eğer belli bir ücret öderseniz galeri üzerindeki linklerini kaldıracaklarını söylüyorlar, tercih sizin.

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

Bilmeniz gereken 20 harika php kütüphanesi

denix41 — Thu, 19 Mar 2009 19:05:00 GMT

Bildiğiniz gibi projelerde günümüzde zaman oldukça dardır. ve sizden en kısa zamanda işi en iyi şekilde yapmanız beklenmektedir. tabii iş çok zaman az olunca yazılımcılarımız da saç baş yolmaya başlar.

Bu süreci kısaltmak ve hızlı sonuç üretmek isteyen yazılımcılar tabii ki kütüphanelere baş vururlar. işte başucunuzdan eksik edeyemeyceğiniz müthiş php kütüphaneleri.

Charting Kütüphaneleri

pchart

Belki basit grafikler için php gdi işinizi görebilir ama işler karmaşıklaştıkça daha farklı şeylere ihtiyac duyacaksınız. işte grafik kütüphanelerinden birkaçı.

pChart - çizelgeleri oluşturmak için bir PHP sınıfı.
Libchart - Basit PHP ile grafik çizim kütüphanesi.
JpGraph - Nesne yönelimli bir grafik PHP kütüphanesi oluşturmak için ideal.
Open Flash Chart - Flash tabanlı charting kütüphanesi.

Küçük resim Oluşturucu
Küçük oluşturmak için sadece değişik bir çözüm.
phpThumb - PHP Küçük yaratıcısı.

RSS Ayrıştırıcısı Kütüphaneler

RSS Çözümleme yapmak eğlenceli bir şey. bunu kolay yoldan yapabileceğiniz harika kütüphaneler olduğunu biliyor muydunuz?

MagpieRSS - Php için rss ayrıştırıcısı.
SimplePie - Süper hızlı, kolay kullanımlı, RSS ve Atom destekli php kütüphanesi.

Ödeme
Bir e-ticaret sitesi ile başa çıkmak mı istiyorsunuz? ödeme çözümü mü arıyorsunuz? Merak etmeyin. Bu kütüphane size yardım edecektir.

PHP Ödeme Kütüphanesi - Paypal, Authorize.net ve 2Checkout (2CO) uyumlu.

Veri tabanı kütüphaneleri

Bazen SQL sorgusu yazmak gerçekten sıkıcı oluyor. Bu kütüphaneler bir nebze olsun sizi gülümsetecektir.

ADOdb - PHP Veritabanı soyutlama kütüphane.
Doctrine - PHP 5.2.3 için ORM (Object relational mapper) ilişkisel haritalama aracı. En çok kullanılan veri tabanı erişim katmanıdır.

Propel - Başka bir ORM aracı.

Outlet - Açık kaynaklı bir veri tabanı kütüphanesi.

PDF Oluşturucular

FPDF - PHP ile PDF dosyaları oluşturmanıza olanak sağlayan PHP sınıfı.

Excel Dosyası oluşturucular
Excel dosyası olarak rapor oluşturmaya mı ihtiyacınız var? Her şeye çözüm bulunabilen bir platform olan phpde bunu da unutmamışlar.

php-Excel - Excel dosyaları oluşturmak için en basit kütüphane.

PHP Excel Reader - Ayrıştırma ve XLS dosyalarından bilgi almak için ideal bir kütüphane.

E-mail kütüphanleri
Php mail fonksiyonunu sevmiyor musunuz? o zaman daha kapsamlı işlemler de yapabileceğiniz kütüphanleri projenize ekleyin.

Swift Mailer - Ücretsiz Özellik zengini bir PHP Mail sınıfı.
Phpmailer - özellik zengini ve meşhur php sınıfımız php mailer.

Unit testleri ve analiz

SimpleTest - PHP unit testi ve web test için kütüphane.

PHPUnit - xUnit ailesinin ve test işlevleri kolaylıkla çalıştırmak ve sonuçları analiz etmek için bir kütüphane.

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

33+ Flaş ve Javascript fotoğraf galerisi

denix41 — Fri, 20 Mar 2009 09:50:00 GMT

Merhaba arkadaşlar, internette kendim için bazı fotoğraf galerileri araştırırken çok güzel galeriler buldum fakat kendim için bir tanesini beğendim. Ben de kendi zevkime göre bulduğum bu sitedeki foto galerileri sizinle paylaşmak istedim. İlk olarak Javascript galerilerinden başlayalım. İşte onlardan birkaç örnek

Galleria

Bu gördüğünüz galeri jQueri ile yazılmıştır. Alt tarafında resimlerin küçük görüntüleri bulunmaktadır ve harika bir görünüme sahiptir.
Demosu İndirin

minishowcase

Gördüğünüz bu galire de Javascript tabanlıdır ve görsel açıdan çok zengindir. İçine istediğiniz resimleri albüm olarak gruplara ayırabilirsiniz.
Demosu İndirin

İmago

Diğer verdiğim foto galerilere benziyor fakat bunun tasarımı flaşla yapılmış gibi. Yani Görsel açıdan diğerlerinden daha güzeldir. bunda da Javascript kullanılmıştır.
Demosu İndirin
Ve şimdi de Flaş Galerilere geçiyoruz:

Flash Gallery

Gördüğünüz bu flaş galeri Xml ile kontrol ediliyor yani istediğiniz resimlerin bulunduğu konumlarını xml dosyasına giriyorsunuz böylelikle daha kolay düzenleyebiliyorsunuz bunun dışında resimleri tam ekran görüntüleyebiliyorsunuz.
Demosu İndirin

Flash Foto Stack

Bu Flaş galerinin diğerlerinden farkı çok güzel resimler arası geçişlerde kullanılan animasyondur.
Demosu İndirin

Photo Viewer

Gördüğünüz bu flaş galeriyi üç renkte kullanabilirsiniz bunu dışında resimlerin alt bölgesine de çok güzel bir yazı tipiyle önbilgi ekleyebilirsiniz.
Demosu İndirin
Daha Fazlasına burdan ulaşabilirsiniz

Bu yazı denix41 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 Yüksek Kaliteli 100 XHTML/CSS Şablonu

denix41 — Tue, 17 Feb 2009 14:34:00 GMT

Eğer daha önce çeşitli kaynaklar üzerinde yer alan (X)HTML/CSS şablonlarına bakmadıysanız, bu yazıda bulacağınız şablonların kalitesi sizi şaşırtabilir. Günümüzde WordPress temaları büyük ilgi ve alaka görüyor gibi olsa da halen ücretsiz bir şekilde yayımlanan pek çok (X)HTML/CSS şablonları bulunuyor.

Bu yazıda 100 ücretsiz yüksek kaliteli şablonu inceleyeceğiz. Umarız bunlardan bazıları tasarım ve geliştirme için harcayacağınız sürenin kısalmasına yardımcı olacaktır. Her ne kadar pek çoğu hem bireysel hem de kurumsal kullanımlar için ücretsiz olsa da, siz yine de ilgili şablonları kullanmadan önce lisans bilgilerine bir göz atmayı ihmal etmeyin.

Ücretsiz ve Yüksek Kaliteli 100 XHTML/CSS Şablonu

Package | Kayıt gerekli.

Consultant | İndir

Environmental Brand | İndir

Internet Jobs | İndir

Internet Music | İndir

Greefies | İndir

Squick Design | İndir

Harvest | İndir

Blackberry | İndir

Flower Shop | İndir

Lingerie Store | İndir

Web Application | İndir

Internet Studio | İndir

Puzzled | İndir

Journey of Love | Kayıt gerekli.

Strockes | Kayıt gerekli.

EC Mania | Kayıt gerekli.

Cluster | Kayıt gerekli.

Business Events | İndir

Cool Web | İndir

Genious Web | İndir

Expert Vision | İndir

Intercraft | İndir

Clean Design | İndir

Business Design | İndir

Delicious Fruit | İndir

Multiflex 3 | İndir

Simple Life | İndir

Street Style | İndir

Miss Understood | İndir

Street Life | İndir

skuteczni | İndir

Clarity | İndir

The Old Forest | İndir

Typography Paramount | İndir

Subordinate | İndir

Nature's Charm | İndir

Zenlike | İndir

Clicker | İndir

Biz Company | İndir

Atractive Business Temp | İndir

Happy Template | İndir

Internet Encyclopedia | İndir

Concept Nova | İndir

Free Full CSS Template | İndir

Black Eyed Susan | İndir

Collaboration | İndir

Breakfast | İndir

News Flash | İndir

Discovery | İndir

Adios | İndir

Old Architecture | İndir

Business Company Dark Blue | İndir

Electronix | İndir

Photo Gallery Green | İndir

Quartz Storage | İndir

Aero Solutions | İndir

Keep It Simple | İndir

Decent Photo Gallery | İndir

Consulting Services | İndir

Flare | İndir

Water Spill | İndir

Inverted Headline | İndir

Choice | İndir

Purple | İndir

Business Elegance | İndir

Kaynak: Smashing Magazine

Bu yazı denix41 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 AJAX Öğretecek 20 Mükemmel Kaynak

denix41 — Mon, 16 Feb 2009 07:45:00 GMT

Ajax (Asenkronize JavaScript ve XML) yüksek seviyede interaktif ve karşılık veren tarayıcı tabanlı uygulamalar geliştirebilmenize olanak sağlayan bir teknolojidir. XMLHttpRequest nesnesine yüklenerek suncu ile sorunsuz bir bağlantı sağlanabilir ve bu sayede yumuşak ve dinamik bir kullanıcı deneyimine kavuşulur.

Eğer daha önce AJAX öğrenmek istediyseniz, AJAX'ı ve onu çevreleyen teknolojileri "yalayıp yutmanızı" sağayacak pek çok kaynak bulunmaktadır. Yazımızın devamında AJAX konusunu kapsayan en iyi 20 web sitesini incelemeye çalıştık.

1. Ajax resource center (developerWorks)

IBM'in geliştiricilere ve BT profesyonellerine yönelik olarak hazırladığı bir kaynak merkezi olan developerWorks üzerinde bu konuya adanmış bir AJAX kaynak merkezi bulunmaktadır. İlgili sayfada AJAX'a yönelik pek çok rehber yer alıyor. developerWorks'ün rehberleri derinlemesine ve oldukça uzundur ve bunlar üzerinden jQuery ve AJAX ile RIA uygulamaları oluşturmak, AJAX güvenlik araçlarını öğrenmek ve AJAX tabanlı sohbet sistemi geliştirmek gibi farklı alanlarda pek çok çeşitli bilgiye ulaşabilirsiniz.

2. Mozilla Developer Center (AJAX)

Mozilla Developer Center üzerinde bulunan AJAX bölümü özellikle giriş seviyesindeki geliştiriciler içn mükemmel bir başlangıç noktası olarak gösterilebilir. MDN üzerindeki başlangıç rehberi özellikle AJAX'ın temel konseptlerini öğrenmek için mükemmel bir başlangıç noktasıdır. İlginizi çekebilecek bir diğer yazı ise XMLHttpRequest üzerinde yer alan yazıdır. Bu yöntem tipik AJAX örneklerinde sunucu tabanlı betiklerle iletişime dair kullanılması gereken ana elementtir.

3. AJAX Today

Üyelerinin AJAX hakkında web site bağlantılarını paylaşarak oluşturdukları bir içeriğe sahip olan AJAX Today web sitesi gönderilen bağlantıları AJAX Dersleri ve AJAX Podcastları gibi kullanışlı kategoriler altına yerleştiriyor. Dilediğiniz kategorilerin RSS beslemelerine abone olarak üyeler tarafından yeni bir bağlantı gönderildiğinde siteyi ziytaret etmenize gerek kalmadan doğrudan RSS beslemesi üzerinden takip edebilirsiniz.

4. ajax.solutoire.com

ajax.solutoire.com, Yazılım Mühendisi Bas Wenneker tarafından oluşturulan ve çevrimiçi AJAX kaynaklarını tek bir sayfa üzerinde listeleyen bir dizin sitesidir. ajax.solutoire.com üzerindeki kategoriler, AJAX Haberleri ve AJAX/JavaScript Güvenliği gibi çeşitli kategorilere ayrılmıştır. Bas Wenneker ayrıca JavaScript ve mooTools gibi web geliştirme konularında bildirimler yayımladığı Solutoire.com blogunu da yönetmektedir.

5. SitePoint: JavaScript & AJAX Tutorials

Web profesyonellerine kullanışlı ve işe yarar bilgileri sunan bir web yayımı olan SitePoint üzerinde bulunan JavaScript & AJAX Rehberleri bölümü özellikle halihazırda çalışan örnekler üzerinden AJAX öğrenmek isteyen geliştiriciler için mükemmel bir kaynaktır. "Elektronik Posta Listenizi Geliştirmek İçin AJAX ve PHP Kullanın" ve "AJAX İle Kontrolü Ele Geçirn" gibi rehberleri takip edebilir ve AJAX bilginizi ilerletebilirsiniz.

6. Encosia

Encosia, özellikle ASP.Net ve AJAX konuları başta olmak üzere web geliştirme konusunda bildiriler yayımlayan Dace Ward'a ait bir blog. Site bünyesinde veri güncellemelerini gerçek zamanlı olarak görüntülemek ve interaktif veri araması için jQuery nasıl kullanılır gibi konuları irdeleyen pek çok rehberi içeren Encosia özellikle ASP.Net üzerinde çalışan web geliştiricileri için mükemmel bir kaynaktır zira site üzerinde "Sık yapılan bu 3 ASP.Net AJAX hatasını yapıyor musunuz?" gibi makaleler de okuyabilirsiniz.

7. AJAX Technology Center

Adobe Developer Connection'un bir parçası olan AJAX Technology Center web tasarımcılarına ve geliştiricilerine yönelik bir kaynak. AJAX Technology Center AJAX geliştiricileri için Adobe Air ve Dreamweaver projelerine AJAX bileşenleri eklemek gibi konularda makaleler ve rehberler içermektedir.

8. AJAX Blog

AJAX Blog, AJAX hakkında bir blogdur. AJAX Blog üzerinde aradığınız bilgiye ulaşmanıza yardımcı olacak pek çok kategori bulunmaktadır. Eğer AJAX rehberleri ve örnekleri arıyorsanız, hiç beklemeden AJAX Rehberleri ve AJAX Örnekleri kategorilerini ziyaret edebilirsiniz.

9. AJAX Matters

AJAX teknolojisi hakkında bildiriler sunan bir blog olan AJAX Matters 2004 yılında yayım hayatına başlamış olup bu konuya adanmış ilk bloglardan biridir. Site bünyesinde AJAX ve PHP'ye başlangıç ya da Google Web Toolkit'i öğrenebileceğiniz pek çok yardımcı rehber bulunmaktadır.

10. Ajaxonomy

Amacı AJAX hakkındaki bilgileri paylaşmak olan bir grup web geliştiricisinin hazırladığı bir blog olan Ajaxonomy özellikle AJAX Rehberleri hakkında bilgi sahibi olmak isteyenlerin işine yarayacak pek çok makaleyi içeriyor. Bunun yanısıra PHP'de sunucu tabanlı caching gibi diğer AJAX teknolojilerine ait bilgiler ve web üzerindeki diğer AJAX rehberlerinin incelemeleri de yer alıyor.

11. Ajaxian

AJAX üzerindeki yeniliklere yönelik lider bir blog olan Ajaxian, AJAX ile ilgili ipuçlarını ve dersleri barındıran Rehber başlığı gibi düzenli olarak güncellenen AJAX konularını ele alıyor. Web geliştirme alanında ün yapmış web profesyonellerini içeren bir ekibe sahip olan Ajaxian, özellikle AJAX'a yönelik kaynaklar ve haberler için ilk uğranılması gereken sitelerden.

12. Ajaxlines

Ajaxlines, ziyaretçilerine AJAX haberlerini, kaynaklarını ve derslerini sunmayı hedefliyor. Pek çok farklı kaynaktan derlediği haberleri ve bilgileri bir araya getiren site sayesinde kullanıcılar tüm bu makalelere tek bir site üzerinden ulaşabiliyor.

13. AJAX Magazine

PHP Magazine Network'un bir ağı olan AJAX Magazine AJAX konusunda bir web dergisi. Site bünyesinde işe yarar AJAX derslerine yönelik AJAX dersleri ve AJAX ve .NET kategorisi gibi daha özel alanlara yönelik ilginizi çekebilecek bilgileri içeren pek çok farklı kategoriye ulaşabilmenizi sağlıyor.

14. InsideRIA

InsideRIA, kısa adı RIA olan Rich Internet Applications (Zengin İnternet Uygulamaları) hakkında bir komünite websitesi. Site bünyesinde ilk YUI uygulamanızı yazmak (YUI, Yahoo!'nun JavaScript kütüphanesidir) ve yüksek trafiğe sahip web siteleri için AJAX çatıları gibi makalelerle yüksek seviyede interaktif web uygulamaları yazabilmenize yardımcı olan kaynaklar yer alıyor. AJAX etiketine sahip makaleleri ziyaret ederek sadece AJAX hakkındaki içeriğe ulaşabilirsiniz.

15. AJAX Impact

AJAX Impact, AJAX hakkında bilgileri ziyaretçileri ile paylaşmaya kendini adamış bir web sitesi. AJAX'a yönelik derslerin bir listesine ulaşmak için AJAX Dersleri bölümünü ziyaret edin. Eğer örnek web sitelerini merak ediyorsanız AJAX Kullanan Siteler bölümünü ziyaret etmeyi unutmayın.

16. AJAXwith.com

AJAXwith.com, "AJAX with (ile) [buraya istediğinizi girin]" (örneğin "AJAX ile PHP") hakkında kaynakları paylaşabileceğiniz komünite tarafından geliştirilen bir web sitesidir. 4.000 üyeye yakın AJAX forumu özel bir konuda yardıma ihtiyacınız olduğunda kullanışlı olabilir.

17. David Walsh Blog

Web geliştiricisi David Walsh, kendi kişisel blogu David Walsh Blog üzerinden her seviyedeki web tasarımcısı ve geliştiricisi ile işe yarar ipuçlarını paylaşıyor. Web geliştirimine yönelik pek çok konuda yazı yazan yazarın AJAX başlığı, AJAX hakkındaki makalelere çabucak ulaşabilmenizi sağlıyor. Kendisine ait olan AJAX dersleri arasında "mooTools 1.2 kullanarak AJAX kullanıcı adı uygunluğu kontrolü" ve "mooTools 1.2 kullanarak periyodik AJAX istekleri" yer alıyor.

18. AJAX Projeleri

AJAX Projects, AJAX web projelerine yönelik dizin tarzında bir liste sitesi. Site bünyesinde yer alan AJAX Dersleri bölümünde yer alan "jQuery kullanarak PHP AJAX giriş formu", "Google Analytics: AJAX ve Flash'ı İzlemek" ve "JavaScript Kodunuzu Nasıl Tasarlamalısınız?" gibi çeşitli kaynaklardan alınmış AJAX ile ilgili pek çok rehber ile mükemmel bir kaynak.

19. Agile AJAX

Pathfinder Development (bir yazılım geliştirme ve UX tasarım şirketi) üzerinde bir bölüm olan Agile AJAX, AJAX hakkında bilgileri paylaşıyor. Agile AJAX üzerinde göreceğiniz yazılardan bazıları "Uygulama Güvenliği: Kuruluş Çizelgesini Atın" ve "Scriptaculous: Seçimden Sonra Hover'ı Düzeltmek" yer alıyor.

20. AJAX Patterns

AJAX hakkında bilgileri içeren Wiki tarzında ve bir komünite tarafından geliştirilen bir site olan AJAX Patterns sitesi üzerinde yer alan örnekler kısmı özellikle sık kullanılan AJAX tasarım örneklerini görmek istiyorsanız ziyaret edilmesi gereken bir bölüm.

Kaynak: Six Revisions

İlgilenebileceğiniz Diğer Yazılarım

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

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

denix41 — Mon, 16 Feb 2009 19:13:00 GMT

Internet Explorer'la çalışmak her seviyeden web tasarımcısı için bazen sorun olabilir. Ancak bu sorun olmak zorunda olacağı anlamına gelmiyor. Hepsi olmasa da pek çok Internet Explorer hatası, hatanın nasıl oluştuğunu anladıktan sonra kolayca düzeltilebilir. Bu yazımda özellikle giriş seviyesindeki kullanıcılar için çapraz tarayıcı uyumluluğunu sağlayabilmeleri için önemli problemleri ve çözümlerini listeledim.

Yazımda en çok kullanılan tarayıcı sürümleri olan Firefox 2+, Safari 3+ ve Internet Explorer 6+'ya odaklandım. Her ne kadar IE6'nın kullanım oranı gün geçtikçe düşüş gösteriyor olsa da, bu onu desteklememeniz gerektiği anlamına gelmez, zira halen pek çok kullanıcı hangi tarayıcı sürümünü kullandığını bilmemektedir. Eğer bu IE6 hatalarını biliyorsanız, tarayıcı üzerinde test yapmadan bile sitenizin doğru görünüp görünmediğini anlayabilirsiniz. Bu makale süper deneyimli web tasarımcılarına yönelik olmamakla birlikte IE6'nın çapraz tarayıcı uyumluluğuna yönelik gizlerini anlamanıza yardımcı olacaktır.

Özet
Makalenin tamamını okumak istemeyenleriniz için aşağıda makalenin bir özetini bulabilirsiniz.

Daima STRICT DOCTYPE ve standartlarla uyumlu HTML/CSS kullanın
CSS'nizin en başında daima sıfırlama (CSS RESET) kullanın.
Firefox'ta metin işleme sorunlarını gidermek için -moz-opacity:0.99, Safari'de ise text-shadow: #000 0 0 0 kullanın.
Görselleri asla CSS ya da HTML ile yeniden boyutlandırmayın.
Her tarayıcıda metinlerin nasıl işlendiğini test edin. Lucida kullanmayın.
BODY üzerinde metni % ile boyutlandırıp sitenin geri kalanında em kullanarak metin boyutlandırması yapın.
Üzerine float uygulanmış tüm anahat divleri display: inline ve overwlow: hidden içermeli.
CSS3 seçicilerini kullanmayın.
Alpha'yı yüklemediyseniz saydam PNG kullanmayın.

Element Uyumsuzlukları
Her tarayıcı farklı elementleri farklı şekillerde yorumlar - farklı miktarlarda boşluklar, marjlar, sınırlar vs. Bunun anlamı eğr siz öntanımlı stilleri kullanırsanız, kodunuz doğru olsa bile siteniz farklı tarayıcılarda farklı şekillerde görüntülenebilir.

Çözüm
Yapmanız gereken ilk şey, ki pek çoğunuzun bunu bildiğini düşünüyorum, stillerinizi sıfırlamaktır. Sıfırlamak, stillerinizin en üst kısmına yerleştireceğiniz ve elementler üzerindeki boşlukları, marjları, sınırları ve diğer uyuşmazlıkları sıfırlayıp onları standart olarak yeniden inşa eden bir kod parçasıdır.

Eric Meyer'in reset.css dosyasını indirin ve stillerinizin en başına yerleştirin. İşte bu kadar. Temiz, çapraz tarayıcı uyumlu stillere kavuştunuz.

Görsel İşleme
IE6 ve IE7'nin her ikisi de yeniden boyutlandırılmış görselleri inanılmaz derecede kötü bir şekilde işler. Bir görselin boyutunu CSS ya da HTML kullanarak değiştirdiğinizde görsel inanılmaz derecede kötü görünür.

Çözüm
Yapmayın. Görsellerinizi sitenize yerleştirmeden önce istediğiniz boyuta göre yeniden boyutlandırın.

Metin İşleme
Tüm hataların IE'den kaynaklanmadığını söylemiştim. Safari 3+ açık renkli metinlerin koyu renkli arkaplan üzerinde işlenmesi sırasında bir soruna sahip. Kimileri bunun iyi ya da kötü olup olmadığı konusunda farklı görüşlere sahip olabilir, ancak ilgili metni daha aydınlık görüntülemenin bir yolu var. Safari 3.1'de standart metin aşağıdaki şekilde işlenmektedir.

Çözüm
Oldukça kolay. Tek yapmanız gereken aşağıdaki stillemeyi CSS kodunuza dahil etmek.

p {text-shadow: #000 0 0 0;}

#000 kullandığınız arkaplan rengi olmalı. Seçtiğiniz elementlerde muhtemelen siz daha özgün olmak isteyeceksinizdir. Bunu BODY etiketi üzerinde kullanmanızı önermem. Düzeltmek isteyeceğiniz diğer elementler li, dt, dd, blockquote vs olabilir. Daha 'ince' görüntülemek istediğiniz tüm elementlerde bu düzeltmeyi kullanın.

Bazıları Safari'de tipografi için bunun iyi olmadığını söylüyorlar ve metnin standart işleme ile daha güzel göründüğünü söylüyorlar ki ben de onlara katılıyorum. Ancak bazılarının buna katılmadığını da biliyorum. Ayrıca arkaplan rengine, metin rengine ve metin seçimine karar verirken hangisinin daha iyi olduğuna da karar veremeyiz. Bu durumda seçim tamamen kişisel tercihinize ve sitenizin içeriğinin nasıl olduğuna kalmış.

Bu düzeltmeyi Firefox üzerinde kullanmak için opacity düzeltmesini kullanacağız.

p {-moz-opacity: 0.99;}

Bu düzeltmeyi kullanırken dikkatli olmalısınız zira düzeltmenin uygulandığı element içerisinde bir Flash dosyası bulunuyorsa ilgili dosya doğru görüntülenmemektedir.

İlgili düzeltmeler uygulandıktan sonra metnimiz aşağıdaki şekilde görünecektir.

Yazıtipi Seçimi
Hepimizin kullandığı bazı ortak web yazı tipleri vardır - Arial, Georgia, Verdana vb. Hem PC hem de Mac kullanıcılarının bilgisayarlarında bulunan yazı tipleri de mevcuttur - Century Gothic, Arial Narrow vs. Buna rağmen farklı tarayıcıların ve işletim sistemlerinin yazı tipi işleme yöntemleri farklıdır ve sizin bu farklılıkların farkında olmanız gerekir, zira yanlış bir yazı tipi kullanırsanız siteniz çok çirkin görünebilir.

Çözüm
Kullanacağınız yazı tipinin seçimi tamamen sizin tercihinize bağlıdır. Yazı tipini kullanmak güvenli olduğu sürece sorun yoktur ancak bu işleme sorunlarının farkında olmanız gerekir. Kullanmamanız gereken bir yazı tipi muhtemelen Lucida Grande/Sans zira IE üzerinde bu yazı tipi korkunç görünüyor. Yazı tipinin Safari'de (Mac) nasıl işlendiğine bir bakın.

Güzel değil mi? Internet Explorer (PC)'de yazı tipinin bu şekilde görüntüleniyor olması ise çok kötü.

Kimileri Lucida Sans yazı tipinin de işletim sisteminin ClearType özelliği açıldığında düzgün göründüğünü belirtirken, kimileri de halen yanlış göründüğünü belirtiyor. Bu durumda yapılması gereken en doğru şey muhtemelen Lucida Sans kullanmamak olacaktır. Bunun yerine Arial ya da başka bir san-serif yazı tipi kullanmayı tercih etmelisiniz.

Yazıtipi Boyutlama
Metni yeniden boyutlandırma işlemi farklı tarayıcılarda ve işletim sistemlerinde farklı şekillerde işlenir. Örneğin IE pixel kullanılarak boyutlandırılmış bir metni yeniden boyutlandırmayacaktır. Eğer metinleri em kullanarak boyutlandırırsak, o zaman da IE metni yeniden boyutlandırdığımızda boyutunu abartacaktır.

Çözüm
Yazı tipi boyutlandırmaya yönelik kendinize referans alabileceğiniz en iyi kaynak, Richard Rutter'ın yazdığı CSS'de Metin Nasıl Boyutlandırılmalıdır makalesidir. Sonuç ise, metninizi BODY elementi üzerinde yüzde kullanarak boyutlandırıp, stilin geri kalanında em kullanarak boyutu belirlemek. Satır yüksekliği için de yine pixel yerine em kullanırsanız farklı tarayıcılarda doğru işleme sonuçlarını alırsanız.

Burada hatırlamanız gereken şey öntanımlı yazı tipi boyutunun 16px olduğudur. Bu durumda örneğin yazı tipini 12px'e dönüştürmek için kullanmamız gereken kod şudur:

body {font-size: 75%; line-height: 1.5 em;}

Şimdi boyutlandırmanızı em kullanarak yapabilirsiniz:

h1 {font-size: 3em;}

Önerilen bir diğer teknik ise yazı tipinizi önce 10px'e indirgemektir. Bu durmda metninizi em kullanarak yeniden boyutlandırmak daha kolay olacaktır. Örneğin:

body {font-size: 62.5%; line-height: 1.5em;}
h1 {font-size: 1.8em; /* 18px */}
p {font-size: 1.2em; /* 12px */}

Bu tekniği kullanırsanız dikkat etmeniz gereken bir konu var ki o da insanların Internet Explorer üzerinde küçük yazı tipi seçeneğini kullanmaları durumunda metniniz okunamayacak derecede küçük olabilir. Her ne kadar bu seçeneği bilinçli olarak seçen kullanıcı sayısının yok denecek kadar az olduğunu düşünsem de bu ayrıntıyı bilmenizde yarar var.

Yüzen Elementlerde Çifte Marj
CSS Anahatlarımızı birbiri ardına yüzen (float) divler kullanar oluştururuz, tıpkı bir tür yatay tetris gibi. Satırın sonuna gelindiğinde ise satıra sığmayan div bir sonraki satıra kayar. Bir ızgara oluşturmak için sık kullanılan yöntem aşağıdaki gibidir:

#content {float: right; width: 300px; margin-right: 10px;}
#sidebar {float: right; width: 100px;}

Bu kod "normal" bir tarayıcıda aşağıdaki gibi görünmelidir.

Ancak IE'de bu aşağıdaki gibi görüntülenecektir.

Gördüğünüz üzere marj iki defa işlendi. Yüzen element ile aynı yönde bulunan her marj iki defa işlenecektir. Neden diye sormayın, IE bu. Bunun anlamı sol tarafaki elemente uygulanan marj, kodda belirtilenin aksine 20px olarak işlenecektir ki bu da muhtemelen anahattı bozacaktır.

Çözüm
Bu sorunu gidermek için anahat divlerinize display: inline yerleştirmelisiniz.

#content {float: right; width: 300px; margin-right: 10px; display: inline;}
#sidebar {float: right; width: 100px; display: inline;}

Bu sayede marj hatasını da gidermiş olduk. Her ne kadar bu yüzen element ile aynı yöndeki tüm marj elementlerini etkilese de bu düzeltmeyi yüzen tüm div elementlerine eklemek kullanışlı olabilir. Ne zaman yüzen tarafta marj kullanmak isteyeceğinizi önceden kestiremezsiniz. Bu kod diğer hiçbir tarayıcıyı etkilemeyeceğinden kullanışlı olabilir.

Genişleyen Kutu
Genişleyen kutu problemi pek çok CSS anahattında sorun oluşturur. birbiri ardına yüzen elementler içeren ve öntanımlı genişlikleri bulunan divleri içeren bir anahat kullanmanız durumunda eğer ilgili divin genişliğinden daha geniş bir genişliğe sahip bir görsel ya da boşluk içermeyen bir metin kullanmanız durumunda ilgili anahat IE6'de yanlış görüntülenecektir. Örneğimize bir bakalım:

#content {float: right; width: 300px; margin-right: 10px; display: inline;}
#sidebar {float: right; width: 100px; display: inline;}

Pek çok tarayıcıda bu aşağıdaki şekilde işlenecektir:

Buna rağmen IE6'da anahattımız bozulacaktır:

Çözüm
Burada kullanacağımız çözüm overflow özelliğini kullanmaktır. Eğer overflow: hidden değerini anahat divlerine dahil ederseniz, anahat IE6'de bozulmayacaktır.

#content {float: right; width: 300px; margin-right: 10px; display: inline; overflow: hidden;}
#sidebar {float: right; width: 100px; display: inline; overflow: hidden;}

Her ne kadar ekleyeceğiniz bu kod sorunu giderse de bazı karmaşık anahatlarda başka sorunlara yol açabilir. Bunun yanı sıra IE6 dışındaki tarayıcılarda metnin otomatik olarak iki satıra bölümlenmesinin aksine alana sığmayan metnin görünmemesine neden olacaktır.

Yüzen Elementleri Kapsamak
Burada anlatmak istediğimiz şey kapsayıcı bir divin içerisindeki divleri doğru bir şekilde kapsamamasıdır. Aşağıdaki örneğe bir bakın.

Kapsayıcının içerisindeki divleri nasıl doğru bir şekilde kapsadığını gördünüz mü? Olması gereken de bu zaten. Buna rağmen bazen bu şekilde sonuçlanmayıp aşağıdaki gibi bir hal alabiliyor.

Kapsayıcı doğru bir şekilde içerisindeki divleri kapsamıyor. Muhtemelen kapsayıcınıza bir arkaplan resmi atamadığınız sürece bunu fark etmeyeceksinizdir.

Çözüm
Bu sorunu gidermeye yönelik birkaç çözüm bulunmakla birlikte kullanılabilecek en iyi yöntem kapsayıcınıza overflow: auto; ya da overflow: hidden değerlerinden birisini atamaktır.

#container {width: 966px; margin: 0 auto; overflow: auto;}

overflow: auto değerinin Firefox üzerinde bazen sorunlara yol açabileceğini unutmayın. Eğer bunu kullandıktan sonra bir sorunla karşılaşırsanız, onun yerine overflow: hidden kullanmayı deneyin. Eğer bu da sorun oluşturuyorsa o zaman şuradaki makaleye bir göz atın. Bunu eklemenin dışında IE6 üzerinde anahattınızın tetiklenmesi gerektiğini de unutmayın. Bunu elementinize yükseklik ve genişlik atayarak yapabilrsiniz. Eğer kapsayıcınıza bir genişlik değeri vermek istemiyorsanız o zaman height: 1%; ya da zoom: 1; değerlerinden birini verebilirsiniz.

CSS Seçicileri
Her ne kadar hepimiz CSS3 seçicilerini kullanmaya can atsak da, IE6 bu seçicilerin büyük bir kısmını desteklememektedir. Bırakın CSS3'ü, IE6'nın desteklemediği CSS2 seçicileri bile vardır. İşte kullanmamanız gereken seçicilerin bir listesi:

E > F
E + F
E ~ F
:root
:last-child
:only-child
:nth-child()
:nth-last-child()
:first-of-type
:last-of-type
:only-of-type
:nth-of-type()
:nth-last-of-type()
:empty
:not()
:target
:enable
:disabled
:checked
E[değer] seçicilerinden herhangi biri
:first-child
:lang()
:before
::before
:after
::after

Elbette bu seçicilerin pek çoğu daha Firefox 3 üzerinde de desteklenmiyor. Desteklenen seçicilerin tam bir listesi için evotech.net üzerinde yer alan tarayıcılarda css seçiciler için destek yazısına bir göz atın.

Çözüm
Standart seçicileri kullanmaya devam edin. Sadece IE üzerinde çok önemli bir değişiklik yapmayacağı sürece E + F, F, E > F, E ~ F seçicilerini kullanın. Eğer gerçekten bu seçicileri kullanmak istiyorsanız, o zaman IE8.js'yi deneyebilirsiniz. Bu JavaScript kütüphanesi IE6'ya seçiciler için daha iyi destek sunmasına rağmen sitenizi yavaşlatacaktır. Ancak biz IE6 kullanıcılarını dikkate almıyoruz, öyle değil mi?

PNG Saydamlığı
IE6 PNGler üzerinde alfa saydamlığı desteklemiyor. Bu muhtemelen IE üzerinde gördüğümüz en rahatsız edici sorun.

Çözüm
Bu problem için bir dizi çözüm bulunuyor. Ya IE'ye özgü bir stil şablonunda AlphaImageLoader'ı kullanacaksınız ya da bu sorunu gidermek için oluşturulan çeşitli JavaScriptlerden birine başvuracaksınız. Hangisini tercih ederseniz edin, tekrar eden saydam arkaplan görsellerini IE6 üzerinde kullanabilmenin bir yolu yok.

AlphaImageLoader'ı kullanmak biraz zahmetli. Saydam olan tüm PNG görsellerine aşağıdaki özellikleri ekleyin (CSS'nizin doğrulanabilmesini istiyorsanız o zaman bu kodu IE'ye özgü bir stil şablonu içerisine yerleştirin).

.saydam {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bildirgec.org/images/transparent.png', sizingMethod='image/scale/crop');}

Tüm PNG görsellerinizi "saydam" sınıfına dahil ettiğinizi varsayarsak yukarıdaki kodu kullanabilirsiniz. Ayrıca 1x1 saydam bir png oluşturup src değerinde onun konumunu belirtmeniz de gerekiyor. Geçtiğimiz yıl 24ways üzerinde bu konuda muhteşem bir makale yayımlandı.

Bu sorunu giderebileceğiniz daha da iyi bir yöntem, Blueprint CSS Çatısı'nın geliştiricisi Olav Bjorkoy'un şuradaki makalesinde anlattığı yöntemi uygulamak. AlphaImageLoader'e benzer bir yöntem ancak onun yerine saydamlığı tetikleyen bir betiğe bağlantı veriyorsunuz.

Kullanabileceğiniz üçüncü yöntem ise IE8.js'yi kullanmak. Bu yöntem öncekinden de güvenli ve bir sorunla karşılaşmanız neredeyse mümkün değil. HTML'niz üzerinde bu betiğe bağlantı verin ve betik dosya adı -trans ile biten tüm png dosyalarının saydamlık sorununu giderecektir (örneğin resim-trans.png).

Tüm bu yöntemleri kullanmanıza rağmen saydam pngler ile sorun yaşamanız halen olasıdır. Bu yöntemlerden herhangi birini kullandıktan sonra IE6 üzerinde sağlam bir test uygulamayı unutmayın.

Kaynak: Anthony Short

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

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

ileri seviye freelance web tasarımcılar için 25 ders

denix41 — Fri, 05 Dec 2008 14:12:00 GMT

kaliteli ve anlaşılır içerik bulmak bazen gerçekten zordur. işte bundan yola çıkarak freelancefolder, derin bir araştırma sonrasında, bu uzun listeyi oluşturan gerçekten değerli kaynaklar derlemiş.

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

Küçük bir MIDI masalı...

denix41 — Sat, 15 Nov 2008 16:12:00 GMT

Sonra tabii ben "olmaz" dedim. Akıl almıyordu. Beeper'dan Sound Blaster'a geçeli daha 2 yıl falan olmuştu. MIDI diye bir şey vardı ve ses kartına MIDI kablosuyla "org" takınca müzik yapılabiliyordu. Ama ağzımızla böyle "fiyyünki dımıdı dımıdı, dirininonom" diye çıkardığımız sesleri Midi'ye çevirecek bir teknoloji imkânsız gibiydi. Hele bir WAV dosyasını MIDI'ye çevirmek? Aman tanrım, neler düşünüyordum ben böyle? Açlıktan olmalıydı. Ama Ylajali?

Aradan birkaç yıl geçti. "Mümkün mü acaba" diye aranırken Wav2Midi diye bir program buldum. Tek kanal kakafonisi ancak, tek enstrümanlı bir kayıtta biraz işe yarıyordu tabii sustain, distortion gibi değerlerden, komalı seslerden eser yok.

nerde boynu bükük bir roland e-70 görsem

Bugün şöyle tekrar bir bakmak isteği geldi çattı. Olay artık almış yürümüş. Şöyle ki: Artık gayet sağlıklı hatta hayran bırakacak derecede kaliteli bir şekilde WAV/MP3 vs. MIDI'ye dönüştürülebiliyor. Hem de "multi enstrüman".

müzikal dönüşüm zamanı

Bununla da kalmıyor ağzınızla yaptığınız müziği (Türk insanında default enstrüman elektro bağlamadır bu durumda) MIDI'ye çevirebiliyorsunuz. Tabii yetmiyor, MIDI de MP3/WAV'a dönüştürülülebiliyor. Üstelik bu işi online yapan Web aparatları bile var.

rafet el roman midileri gelmiştir

"Peki ya bundan sonra?" derken "Vocaloid" ne durumda diye bakasım geldi... 2005'ten beri bir değişiklik yok ama daha ne olsun ki zaten? Yeni sürümün soprasosu bile var, bilgisayar düet yapıyor, yani daha ne istiyorsun?

robotlar ne tür müzik sevecekler acaba diye düşünmeye başladım hemen sonra. İnşallah civ civ civ kafa beyin ütülemezler diye kederlendim. Asimo klasik müzikçi ama n'olur n'olmaz hani. Robot çok hüzünlü bi varlık be ali sami...

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