bildirgec.org - socialmouse - beğendikleri

Üniversiteliler İçin Akıl Fikir Kampüsü

socialmouse — Sun, 06 Jul 2008 07:09:00 GMT

Son yıllarda fazlaca adını duyduğumuz bir kavram inovasyon.sağdan soldan duyduklarımızı bir kenara bırakırsak inovasyon süreçleriyle, planlamasıyla, yarattığı değerlerle tüm kurumlar için çok ciddi bir konu.şirketler artık dahiler değil inovatif çalışanlar istiyor.

eğer bu konuda eğitim almak invasyon kültürüne siz de dahil olmak istiyorsanız ve üniversitedeyseniz şanslısınız teb bankasının üniversite öğrencileri arasında inovasyonu bir kültür olarak yaygınlaştırmayı amaçlayan bir eğitim programı var.hangi bölümde olursanız olun üniversite 3. ve 4. sınıf öğrencisiyseniz akıl fikir kampüsüne sizde katılabilirsiniz.

Başvurunuzu şurdan yapabilirsiniz.başvururken referans olarak üniversitenizden bir öğretim görevlisini verirseniz şansınızı artırmış olursunuz.

Not:

Kampüse ben geçen hafta katıldım kesinlikle katılmanızı öneririm.İnovasyon eğitimi fed training tarafından veriliyor.ayrıca bankanın üst düzey yöneticileriyle de sohbet etme imkanınız var.bunun dışında fazla sıkılmamamız için outdoor aktivitelerde düşünülmüş.her yönüyle dört dörtlük bir deneyim olduğunu söylemeliyim.

eğitim teb bankasının cumhuriyet köyde ki formasyon akademisinde iki gün sürüyor.gürültüsüz,rahat şehirden uzakta iyi seçilmiş bir mekan.dinlenmiş olarak ayrıldığımı söylemeliyim.

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

Eylül 2010'un En Popüler CSS3 Dersleri

socialmouse — Mon, 18 Oct 2010 06:32:00 GMT

Sürekli gelişen ve hergeçen gün farklı tasarımlar yapılan web teknolojisinde css3 günümüzde oldukça önemli bir yer tutmaktadır. Bu ayın en popüler css3 uygulama derslerini aşağıdan inceleyebilirsiniz. Bu en popüler 5 dersde farklı teknikleri inceleyerek benzer çalışmalar yapabilirsiniz. Eylül 2010'un En Popüler CSS3 Dersleri;

Simulate Realism with CSS3
(CSS3 ile simüle Gerçekçilik)

CSS3 Speech Bubble
(Css3 ile Konuşma Balonu)

How To Create Depth And Nice 3D Ribbons Only Using CSS3
CSS3 ile Nasıl Derin ve Güzel 3D kurdela yaratma

Creating a polaroid photo viewer with CSS3 and jQuery
(CSS3 ve jQuery ile polaroid fotoğraf görüntüleyicisi yapımı)

Create a Color Changing Website Using CSS3
(CSS3 Kullanarak Web Sitesinin Rengini Değiştirme)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

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

Websitenizi Hızlandıracak ve Kodunuzu İyileştirecek 15 İpucu

socialmouse — Wed, 08 Apr 2009 07:06:00 GMT

Bir süre kodlama yaptıktan sonra artık kendinizi tekrar etmeye başlar, aslında ne kadar zeki olduğunuzu unutursunuz. Kaç yüz tane klavye kısayolunu hafızamızda tutuyoruz? Kaç tane kodlama dili öğrendik? Kaç tane çatı? Kaç tane hile? Web geliştirme/tasarım dünyasının zor bir endüstri olduğunu söylemek, işin kolayına kaçmak olur. Ayrıca bugün bildiğimiz şeylerin pek çoğu, birkaç yıl sonra artık kullanılmayan teknolojiler listesindeki yerini alacaktır.

Bugünkü yazımızda özellikle giriş seviyesindeki geliştiricilerin geliştirmek için harcadığı süreyi kısaltacak ve daha verimli şekilde kodlama yapabilmelerini sağlayacak bir dizi ipucunu bulacaksınız. İpuçlarının arasında zaman kazandıran ipuçlarının yanısıra bazı özel programlama dillerine özgü ipuçları sayesinde web uygulamalarınızın verimliliğini de arttırabileceksiniz.

Görsellerinizi Daha Fazla Sıkıştrın

Photoshop üzerinde "Save for Web" (Web İçin Kaydet) aracını kulandığınız zaman, görsellerinizi sıkıştırarak dosya boyutunu indirgeyebilirsiniz. Ancak ilgili dosyaların kalitesinden ödün vermeden daha da fazla sıkıştırabileceğinizi biliyor muydunuz? Smush.It adındaki bu site sizler için bu işlemi hallediyor.

Peki Bu Nasıl Mümkün Olabiliyor?

Smush.It ekibi bunun için bir dizi araç kullanıyor:

Görselin biçimini algılamak ve onu GIF ya da PNG'ye dönüştürmek için ImageMagick,
PNGlerin gerekli olmayan bölümlerni kaldırmak için pngcrush. Site ayrıca daha da iyi png optimizasyonu için pngout, optipng, pngrewrite gibi diğer araçları da inceliyor,
JPEGlerdeki tüm meta verilerini kaldırmak ve progresif JPEGler oluşturmak için jpegtran (şimdilik etkin değil),
GIF animasyonlarını, farklı çerçevelerdeki tekrar eden pikselleri kaldırmak için gifsicle.

Bu yüzden yeni bir sitenin duyurusunu yapmadan önce, sitenizin URL'sini Smush.It'e girerek tüm görsellerinizin otomatik olarak optimize edilmesini sağlayablirsiniz. Eğer site, görsellerinizi optimize ederek kalitesinden ödün vermeden dosya boyutunu önemli ölçüde düşürebilirse (ki büyük ihtimalle sonuç bu olacaktır), o zaman sitenizde kullandığınız görselleri Smush.It'in verdikleri ile değiştirebili ve gerekirse HTML ve CSS dosyalarınızı da güncelleyebilirsiniz. Hazır görsel dosya biçimlerinden bahsediyorken, dosyalarınızı PNG biçiminde kaydetmek her zaman en doğrusu olacaktır. Artık demode olan animasyonlu GIF görselleri kullanmadığınız sürece PNG biçimini kullanmayı alışkanlık haline getirin.

Akıllı Olun. Kod Parçacıkları Kullanın.

Pek çok IDE, "code snippet" (kod parçacığı) panelini destekler ve bu paneller aracılığı ile özellikle sık sık kullandığınız kod parçacıklarını kategoriler altında depolayabilirsiniz. Sırf müşterinize tasarımın nasıl olacağını göstermek için her seferinde lipsum.com web sitesini ziyaret ederken mi buluyorsunuz? Bunun yerine neden birkaç paragraflık lorem ipsum metnini kod parçacığı olarak kaydetmeyesiniz ki? Örneğin Dreamweaver uygulamasında "Shift F9" klavye tuş kombinasyonunu kullanarak kod parçacığı sekmesini açabilirsiniz. Ardından sizin için uygulan olan kod parçacığını yine sizin için uygun olan yere sürükleyip bırakabilirsiniz. Bu özellik kod yazarken bana çok fazla zaman kazandırıyor.

Console.log() Hata Ayıklamasını Kullanın

jQuery kütüphanesini indirdiniz ve sözdizimini anlamak için çabalıyorsunuz. Bu sırada bir yerde takıldığınız ve $bilmemne değişkenin neye eşit olduğunu bilmiyorsunuz. Sorun değil, tek yapmanız gereken console.log($degiskenadi); kodunu eklemeniz.

Ardından Firefox'u çalıştırın (Firebug eklentisinin kurulu olduğundan emin olun) ve F12'ye basın. Doğru değişken değeri ile karşılaşacaksınız.

Şimdi ise bunu sonsuzlukla çarpın ve zamanın derinliklerine götürün. Bunun sonucunda bile Firebug ve console.log()'un ne kadar kullanışlı olduğunu fark edemeyeceksiniz :)

Web Geliştirici Araç Çubuğunu İndirin

Chris Pederick tarafından geliştirilen bu inanılmaz derecede yardımcı Firefox eklentisi size sayısız seçenek kuluyor. Bu eklenti sayesinde sitenizdeki CSS dosyalarını eşzamanlı olarak düzenleyebilmeniz mümkün. Eklentinin desteklediği diğer özellikler ise:

JavaScript'i kolayca etkisizleştirmek,
CSS'yi kolayca etkisizleştirmek,
Hızlı HTML / CSS doğrulama bağlantıları,
Cetveller,
Çerezleri etkisizleştirme,
Ve daha sayısız kullanışlı özellik.

Web Developer Toolbar eklentisi, her web geliştiricisinin Firebug ile birlikte kullanması gereken bir eklenti.

Betik Etiketlerini Alta Yerleştirmeyi Deneyin

Günümüzde kullandığımız pek çok tarayıcı, aynı sunucu adı üzerinden eş zamanlı olarak en fazla iki adet dosyayı indirebilir. Ancak bir betik indirirken diğer dosyaların indirilebilmesi için önce betiğin tamamen indirilmiş olması gerekir.

Bu yüzden mümkün olduğu kadar betiklerinizi çağıran bu kodları belgenizin sonuna eklerseniz, görseller ve css gibi diğer bileşenlerin önce indirilip sitenizin görüntülenebilmesini, ardından da son olarak bu betiklerin indirilebilmesini sağlayabilirsiniz.

Unutmayın, bu yöntem kullandığınız betiğin işlevine göre kullanılabilir ya da kullanılamayabilir. Bu sebeple betik kodlarınızı belgenizin alt kısmına taşıdıktan sonra sitenizi test etmeyi unutmayın.

Yayım Yaparken, CSS ve JavaScript Dosyalarınızı Sıkıştırın

Eğer performans, web siteniz için önemli ise, o zaman sitenizi yayımlamadan hemen önce CSS ve JavaScript kodlarınızı sıkıştırmanızı öneririm. Bunu geliştirme işinizin en başından itibaren yapmaya kalkışmayın zira bunun size yarardan çok zararı dokunur. Ancak kodlamayı bitirdikten sonra kodunuzu sıkıştırabilirsiniz.

JavaScript Sıkıştırma Servisleri

CSS Sıkıştırma Servisleri

JavaScript kodlarını paketlemek için kullanabileceğiniz diğer iki servis ise YUI Compressor ve JSMin.

Bnun yanısıra HTML kodlarınızı da sıkıştırmayı deneyebilirsiniz, ancak bunu önermem. HTML dosyalarınızı sıkıştırarak kazanacağınız dosya boyutu gerçekten çok az.

jQuery Kolay ve Hızlı İpuçları

Kısa bir süre önce tvdesign.co.uk'den Jon Hobbs-Smith, 25 jQuery ipucunu listelediği mükemmel bir makale yazmıştı. Bu sayfayı yer imlerinize eklemeyi ihmal etmeyin. İşte bu yazıdan benim en beğendiğim birkaç ipucu.

jQuery'de Bir Elementin Olup Olmadığını Kontrol Etmek

if ($('#myDiv).length) {
// bu kod sadece #myDiv ID'sinin bulunduğu zaman çalışacaktır.
}

Kontekst Kullanın

Pek çok insan, DOM elementlerine erişirken, jQuery'nin ikinci bir parametreyi kabul ettiğinin farkında değildir. Aşağıdaki koda bir bakın.

var myElement = $('#someElement');

Bu kod, jQuery'nin tüm DOM'u geçmesini gerektirir. Bunun yerine ikinci bir parametre ekleyerek hızı oldukça arttırabiliriz.

var myElement = $('#someElement', $('.someContainer'));

Yukarıdaki kodda jQuery'e, .someContainer elementi içerisinde arama yapmasını ve onun dışındakileri dikkate almamasını söylüyoruz.

Sınıflar Yerine IDler Kullanın

jQuery ile IDlere erişirken, kütüphane bilinen getElementById yöntemini kullanır. Ancak sınıflara erişirken jQuery, DOM'u geçebilmek için kendine özgü yöntemleri kullanmayı dener, zira getElementByClass diye bir yöntem yoktur. Sonuç olarak, ID yerine sınıf kullanmanız durumunda işlem biraz daha uzayacaktır.

25 İpucunun Tamamını İnceleyin

$_POST Yerine Mümkünse $_GET Kullanın

Eğer AJAX istekleri yaparken $_GET ve $_POST arasında bir seçim yapma şansınız varsa, $_GET kullanın.

Yahoo! Mail ekibi, XMLHttpRequest kullanırken, POST'un tarayıcılar üzerinde iki işleme neden olduğunu görmüştür. POST, ilk olarak başlıkları, ardından da verinin kendisini göndermektedir. Bunun yerine GET kullanmanız durumunda, eğer çok fazla çereziniz yoksa, sadece bir TCP paketi gönderilmektedir.

Unutmayın - $_GET verisini her zaman kullanamazsınız. ilk olarak ne yaptığınızdan emin olun ve querystring ile veritabanı erişimini hiçbir zaman karıştırmamanız gerektiğini unutmayın. Kısa bir süre önce Twitter arkadaşlarımdan bir tanesi, bana URL'sinde bir MySQL sözdizimi olan bir web sitesi gönderdi. Bunu asla yapmayın!

Pratik Olduğunda Kütüphaneleri ve Çatıları Kullanın

İster PHP kullanın ister ASP.NET, mooTools ya da jQuery, ya da tüm bunların bir birleşimi, uygun olduğu zamanlarda çatıları kullanmayı deneyin.

Örneğin:

Eğer basit bir statik web sitesi kullanıyorsam sadece fare imlecini bir elementin üzerine getirdiğimde bir efektin belirmesini istiyorsam, bunun için jQuery kütüphanesini kullanmam doğru olmaz.
Eğer statik web sitemin en karmaşık özelliği bir XML dosyası üzerinden veri almak ise bunun için bir çatı kullanmama gerek yok. Bu gibi durumlarda sitem hem daha yavaş çalışacak, hem de daha fazla bant genişliği kullanacağı için bana daha pahalıya malolacak.

Ancak eğer tam bir içerik yönetim sistemi ve karmaşık veri erişim yöntemlerini gerektiren bir web sitesi geliştiriyorsam, o zaman beğendiğim çatılara bir göz atmayı ihmal etmem.

Unutmayın - çatıların sizin için çalışmasını sağlayın, tam tersini değil. Bu kararları verirken zeki olun.

YSlow

YSlow, web sitenizi inceleyip onun mümkün olan en verimli şekilde çalışıp çalışmadığını kontrol eden ve size öneriler sunabilen mükemmel bir servis. Yahoo! geliştirme ekibi, kısa bir süre önce, web uygulamaları geliştirirken takip etmeniz gereken öğelerin yer aldığı bir kılavuz yayımlamıştı.

Ayrıca dilerseniz Yslow Screencastı'na bir göz atarak bu zaman kazandırıcı ipuçlarının neler olduğunu görebilirsiniz. Vaktiniz olduğunda kesinlikle izlemenizi öneririm.

Klavye Kısayolları. Öğrenin!

Pek çok deneyimli tasarımcılar ve geliştiriciler burada bana katılacaktır, eğer sitemde ya da tasarımımda ne zaman bir değişiklik yapmak istesem elimi fareye uzatıp araç çubuğuna gitmiş olsaydım, çok zaman kaybetmiş olurdum. Klavye kısayollarını o kadar uzun zamandan beri kullanıyorum ki artık bu kısayolların işlevlerin hangi araç çubuğu ya da hangi menü altında olduğunu unuttum diyebilirim. Tek bildiğim, "Shift X"in doğru paneli açtığıdır.

İşe yeni başladığınızda bu kısayolları öğrenmek size zaman kaybı gibi görünebilir. Ancak sizi temin ederim ki yanılıyorsunuz. Size Google üzerinde "X keyboard shortcuts" (X klavye araması) (burada X kullandığınız yazılımın adını temsil ediyor, örneğin Photoshop için "Photoshop Keyboard Shortcuts") araması yapmanız. Ardınan bulduğuğnuz tablonun yazıcıdan çıktısını alın ve bilgisayarınızın yanına koyun. Ondan sonraki birkaç haftalık süre içerisinde fareye mümkün olduğu kadar az dokunarak bu kısayollar üzerinde pratik yapmayı deneyin. Klaye kısayollarını bilmek, uzman kullanıcılar ile giriş seviyesindeki kullanıcıları birbirinden ayıran belki de en önemli etkenlerden biridir.

Yeni Web Sitesi Şablonu Oluşturun

İtiraf edin, her web sitesi gelişmiş ve karmaşık uygulamalar gerektirmez. Bazen, hatta belki de kimileri için çoğu zaman, sadece bugüne kadar yaptığımız işlerin yer aldığı bir web sitesini göstermek isteyebiliriz. O zaman bu gibi durumlarda kullanabilmek için her yeni bir web sitesi oluşturacağımızda kullanacağımız bir web sitesi "şablonu" oluşturmayalım?

"Template" klasörümün içerisine "JS" ve "CSS" klasörlerini yerleştirdim.

"JS" klasörüm, DD_belatedPNG.js dosyasını içeriyor (bu dosya, IE6'de PNGlere 24 bit saydamlık desteği getiriyor).
"CSS" klasörümde ise içi boş "default.css" dosyamın yanısıra benim hazırladığım sıfırlama dosyası yer alıyor.

Bunun yanısıra index.html(php) dosyamın içerisinde de projelerimin pek çoğunda kullanacağım birkaç kod parçası yer alıyor. Bu kod öyle aman aman özel bir kod değil ancak bunu önceden hazırlamak size zaman kazandıracaktır.

Kullandığım index.html dosyasının bir örneği

Yukarıdaki kodda da göreceğinz üzere önce CSS ve JavaScript dosyalarıma bağlantı verdim ve ardından Google jQuery dosyasına da bağlantıyı ekledim. son olarak document.ready() jQuery fonksiyonunu oluşturdum ve standart "container" divimi açtım.

Bu kod her ne kadar basit görünse de inanın size zaman kazandıracaktır. Bu sayede ne zaman yeni bir web sitesi oluşturmanız gerekirse, o zaman tek yapmanız gereken "template" klasörünün içerisindeki bu dosyaları kopyalamaktır.

Satıriçi ve Harici Karşı Karşıya

Genelde tüm CSS ve JavaScript dosyalarınız sayfadan çıkarılmalı ve kendi harici dosyalarında korunmalıdırlar.

Bunu neden yapmalıyız?

Daha temiz kod,
Sunumun ve içeriğin birbirinden ayrılması önemlidir,
Harici dosyalar kullanarak onları istemcinin sisteminde depolamış oluyoruz. Bu, HTML dosya boyutunu düşürmenin yanısıra harica HTTP isteğine de yol açmıyor, zira ziyaretçi ya da istemci ilgili dosyayı ilk kez istediğinde depoluyor ve sonraki seferlerde aynı dosyayı indirmiyor.

Eğer sadece birkaç satırlık stiliniz var ise o zaman onun için harici dosya oluşturmayabilirsiniz. Bu gibi durumlarda, ama sadece bu gibi durumlarda, ilgili kodu HTML içerisine gömebilirsiniz.

PHP Betiğinin JavaScript İle Çağırılıp Çağırılmadığını Kontrol Edin

AJAX aldı başını gidiyor, özellikle en sonunda, JavaScript kütüphaneleri sağolsun, kullanıcı dostu hale geliyor. Bazı durumlarda betiğin JavaScript ile mi çağırılıp çağırılmadığını belirlemeniz gerekebilir. Bu görevi yerine getirmek için kullanabileceğiniz birkaç yöntem bulunmaktador.

Bunlardan birisi POST'u gönderirken JavaScript'iniz ile özgün bir anahtar değerini JavaScript'inize iliştirmektir. Ardından PHP kullanarak bu anahtarın varolup olmadığını kontrol edebilirsiniz. Eğer var ise, o zaman JavaScript etkin olduğunu anlarız.

Daha iyi bir yöntem olarak PHP'nin HTTP_X_REQUESTED_WITH özelliğini kullanmaktır. Şöyle ki...

if isset($_SERVER['HTTP_X_REQUESTED_WITH']) {
// kodunuzu buraya yazın ve JavaScript'in etkin olduğundan emin olun
} else {
// JavaScript'in etkin olmadığı kullanıcılar için birleyler yapın.
}

Google CDN'ye Bağlantı Verin

Kısa bir süre önce Google jQuery gibi popüler betikleri kendi sunucularında depolamaya başladı. Eğer bu tip kütüphanelerden birisini kullanıyorsanız, o zaman ilgili betiği kendi sunucunuzda depolamaktansa bu betikleri Google CDN üzerinden çağırmanız şiddetle önerilir.

AJAX Kütüphaneleri API'si

Peki Ama Neden?

Caching (Depolama): Bu tip betikleri Google CDN üzerinden çağıran web sitelerinin sayısı gün geçtikçe artmaktadır. Bu sebeple eğer siz de ilgili dosyayı Google sunucusu üzerinden çağırırsanız, ziyaretçiniz muhtemelen o dosyayı sizin siteniz üzerinden indirmeyecektir, zira bir başka site üzerinden aynı dosyayı daha önce indirmiş olabilir. İlgili dosyayı daha önce indirmiş bir ziyaretçi sizin sitenizi ziyaret ettiğinde istemci, Google sunucularından 304 (değiştirilmemiş) mesajı alacak, bu sebeple de o dosyayı doğrudan istemcinin yerel bilgisayarı üzerinden kullanacaktır. Bunun sonucunda da sizin web uygulamanız kullanıcıya daha çabuk açılacaktır.
Eş Zamanlılığı Arttırın: Daha önceki bir ipucunda bundan bahsettim. Bu fazladan dosya isteğini kaldırarak istemcinin daha fazla içeriği eş zamanlı olarak indirebilmesini sağlamış olursunuz.

Firefox Eklentilerini Kullanın

Ben Google Chrome'nin büyük bir fanatiğiyim. Çok hızlı açılıyor ve JavaScript'i diğer tüm tarayıcılardan daha hızlı çalıştırıyor (Firefox'un henüz yayımlanmamış 3.1/3.5 sürümü sanırım Chrome'nin hızını yakalayacak).

Buna rağmen bu, Firefox'u kısa bir süre içerisinde bırakacağım anlamına gelmiyor. Bu tarayıcın için sunulan bazı kullanışlı eklentiler gerçekten büyüleyici. İşte benim beğendiklerim:

Yardımcı Olduğunda IDE Kullanın

Tıpkı günümüzde Microsoft'tan nefret etmek ne kadar moda ise, geliştirme yaparken IDE kullananlara saldırmak ta o kadar moda. Bu gerçekten çok saçma.

Pek çok durumda, gelişmiş bir IDE kullanımı çok önemlidir, özellikle nesne yönelimli programlama (OOP) dilleri üzerinde çalışırken. Şimdi, eğer sadece sade bir HTML şablonu oluşturuyorsanız, o zaman Notepad++ ya da Coda/ sizin için mükemmel bir araç olacaktır. Aslında, bu araçların kullanımını bu gibi durumlarda öneririm. İhtiyacınız olmadığında bu tip programları kullanarak işinizi daha da zorlaştırmayın. Ancak, gelişmiş uygulamalar geliştirirken, IDE'nin avantajlarından da faydalanın.

Hepsi Bu Kadar!

Sanırım şimdilik bu kadar yeterli. Umarım bunlardan bazıları (belki de hepsi) sizi daha iyi birer tasarımcı ya da geliştirici kılmaya yardımcı olacaktır. Sizin beğendiğiniz kısayollar hangileri? Yorumlarınızla paylaşın.

İpuçları Hakkında Yazdığım Diğer Yazılar

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

Tutorial yazarak para kazanabileceğiniz 6 site

socialmouse — Wed, 13 Oct 2010 12:23:00 GMT

Photoshop, illustrator, Flash, Html, PHP, fotoğrafçılık konularından birinde uzmansanız, yazdığınız tutoriallardan para kazanabilirsiniz. Tabii bu siteler; detaylı, ilginç ve daha önce başka yerde yayınlanmamış özgün çalışmaları kabul ediyorlar. Ödedikleri ücretler de orantılı olarak yüksek. Siteler yazılarınızda size bir biyografi bölümü oluşturarak, size kendinizi tanıtma fırsatı da sunuyor. Genellikle belli bir yazım formuna sahip olan bu sitelerden örnek tutorial formunu indirerek bir çalışma gönderip, yazarlığa başlayabilirsiniz..

Bunu sağlayan sitelerden bazılarını aşağıda listeledim:

The Tech Labs:

Adobe Flash, Adobe Flex, Adobe Air, Adobe Flash Lite hakkında yazacağınız tutoriallara 100$ ödüyor.

Tutorial9

Photoshop, fotoğrafçılık ve blogging konularında uzman yazarlara yayınlanan yazıları için 50$ - 300$ arası ödeme yapıyor.

Tutorialboard:

Photoshop, illustrator, After Effects, CG, Blogging konularında yazarlarına yazı başına 150$ ödeme yapıyor.

Naldz Graphics:

Yine tasarım programları ile ilgili tutorialları kabul eden site şu an için bir ödeme sözü vermiyor..

Vectordiary:

İstekli her tasarımcıya kapılarının açık olduğunu belirten site, yayınlanan yazılara 150$ ödüyor.

tuts+:

Benim en çok yararlandığım sitelerden biri olan tuts+ network (gerçekten öğretici), 8 bölümden oluşuyor.

Mobile Tuts+ Mobil teknolojiler (iPhone, Blackberry, Android..)

cgtuts+, 3D çizim programları, 3D modelleme (Maya, 3DStudioMax..)

Phototuts+, Fotoğrafçılık, post processing..

Audiotuts+ , ses ve ses işleme programları

Vectortuts+, Adobe illustrator ve vektörel çizimler

aetuts+, Adobe Aftereffects tutorialları

Nettuts+, web geliştiriciler, Java Script, blogging..

psdtuts+, Photoshop tutorialları, çizimden fırçaya her şey..

activetuts+, Flash, Flex ve Actionscript

Ve tuts+ Network'ün 10. ve en yeni üyesi (Ekim 2010) Webdesigntuts+ , web tasarımı hakkında yazıları, haberleri yayınlıyor..

Diğerleri gibi, site standartlarına uygun olan yazıları kabul eden tuts+ network, yazdığınız yazı için sizin fiyat önermenizi istiyor ve anlaşılan bir değerde size ödeme yapıyor. Yazının kendisi ya da yazıda kullanılan herhangi bir görsel özgün değilse yazınız hakkını kaybediyor. Yazı başına 150$ ödeme yapılacağı belirtilmiş.

Bu sitelerden mutlaka biri sizin uzmanlık alanınıza girecektir, bilginizi paylaşın, hem siz hem başkaları kazansın..

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

Mobil Uygulama Geliştirmede Devrim: Google App Inventor

socialmouse — Tue, 26 Oct 2010 11:00:00 GMT

Google'ın meşhur mobil işletim sitemi Android için yazılm geliştirmek istiyorsunuz, ama yazılım bilginiz yok ya da yetersiz... Üzülmeyin! İşte karşınızda App Inventor. Bu uygulama kullanılarak kısa sürede, özel bir yazılım bilgisine sahip olmadan da uygulamalar geliştirilebiliyor.

Google bu sayede Steve Jobs tarafından sıkça bombardımana tutulan * android'in uygulama sayısının azlığı konusunda da rekabeti hedefliyor.

Projede görev alan Harold Abelson: “Amaç insanların bu mobil dünyada sadece tüketici değil, üretici de olabilmesini sağlamak” diyor. Böylece herkesin kendine özel yazılımlar geliştirip kullanabilmesi sağlanmış olacak. Bu konudaki negatif bir eleştiri ise çok sayıda lüzumsuz uygulamaların geliştirilip bir uygulama çöplüğüne sahip olabilmemiz endişesi.

Görsel olarak uygulama geliştirmeye olanak tanıyan bu yazılımla bejeweled tarzı basit oyunlar, eğitim amaçlı yazılımlar, ses tanıma özelliği içeren uygulamalar gibi çok geniş bir yelpazede uygulama geliştirme imkanı kullanıcılara sunuluyor.

Şu anda beta aşamasında olan uygulamaya bir göz atmak isterseniz, şuradaki formu doldurarak google ekibinin yapacağı inceleme sonrasında uygulamayı kullanma hakkı kazanan sınırlı sayıdaki kullanıcadan birisi olabilirsiniz.
Örnek uygulamalar için buraya, uygulama hakkında ayrıntılı bilgi için de buraya tıklayabilirsiniz.

Kaynaklar: 1, 2

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

Web tasarımında "OHA!" Faktörü

socialmouse — Tue, 29 Dec 2009 14:58:00 GMT

Hergün gerek RSS beslemeleriyle, gerek Twitter feedleriyle onlarca web sitesiyle karşılaşıyoruz ve bu web sitelerini kalıcı bir etki bırakmadıkları için çoğunlukla unutuyoruz.
Web sitelerini hatırlanır kılmak için farklı yollar vardır.

- İçerik:
bildirgec.org'u, smashingmagazine'i, noupe'u içeriklerinin kalitesi yüzünden hiçbir zaman unutmuyoruz.
- Tasarım:
Bazı web siterinide kaliteli tasarımları oldukları için unutmuyoruz.
- "Oha!" Faktörü
ve bazı web sitelerinide "oha!" faktörü yüzünden unutmuyoruz. web sitelerinde bize oha! dedirtecek küçük detaylar buluyoruz ve bunlar sayesinde belki ileride kullanmak için belki sadece hoşunuza gittiği için içeriği veya tasarımı ne olursa olsun bir şekilde aklımızda kalıyor veya bir yerlere not ediyoruz.

"Oha! Faktörü"

"Küçük detaylar hayati önem taşır. Küçük detaylar büyük şeylerin olmasını sağlar"

-Coach John Wooden

Bazı web siteleri Oha! faktörünü kuıllanan tasarımlar yapmış. 10 tanesini sizler için topladım.

Analog

Site içindeyken Alt+G tuş kombinasyonunu deneyin ve bakın neler oluyor. Aynı zamanda mouse'unuzu mugshots'ların üzerinde de gezdirebilirsiniz.

Face
Navigasyonun üzerinde mouse'unuzu gezdirin

Flourish
kırmızı bayraklara tıkladığınızda ağaç değişiyor ve aynı zamanda bayrakların altında bilgiler içeren slider-menü'ler çıkıyor.

HutchHouse
Sağ köşede tema değiştirmek için linkler var, zürafalar farklı çevresel faktörler altında görüntüleniyor. Uzay teması, gece teması, orman teması ve derinlik teması var.

Komodo Media
Büyük ihtimalle bu siteyi görmüşsüzündür ama sitedeki "oha!" faktörü kesinlikle çok iyi. Sitenin sağ tarafındaki "foliage-o-meter". Bundan daha önce böyle bir özellik kullanan web sitesi görmedim.

Riot Industries
Küçük önizleme resimlerinin üzerine geldiğinizde çalışmanın ismi sayfada görünüyor. Zekice!

Traffik
İlk bakışta site background'unda standark bokeh efektini görüyorsunuz ama üzerinde gezdiğinizde eğlence başlıyor.

Work[at]Play
Work kısmındaki olayı çok sevdim. Projelerden birine tıklamayı deneyin.

Yaili
Sitenin en altındaki kutucuklar gerçekten değişik ve sürüklenebiliyorlar. Aynı zamanda çalışmaların olduğu kısım da etkileyici.

Eric Johannson
Bu seferki süpriz! ne olacağını söylemeyeceğim, sadece alttaki scroll-bar'ı sağ tarafa doğru sürükleyin. Emin olun hayal kırıklığına uğramayacaksınız.

KAYNAK

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

e-ticaret için en iyi 5 içerik yönetim sistemi

socialmouse — Thu, 24 Dec 2009 10:26:00 GMT

günümüzde e-ticaret artık yeni bir ekmek kapısı haline geldi ve sektörde çok büyük paralar dönüyor. eğer siz de internetten ticaret yapmayı planlıyorsanız önünüzde birçok seçenek var. i̇şte bu yazımda bunların en ucuz yöntemi olan e-ticaret cmslerinden bahsedeceğim.

magento

magento ise ücretsiz ve ücretli olarak iki çözüm sunuyor. ücretsiz diye hemen dandik bir şey olduğunu düşünmeyin gerçekten de çok kaliteli bir sistem. küçük veya orta halli bir e-ticaret için pekala uygun bir sistem. magentonun diğer bir avantajı çok fazla tema desteğinin bulunması. ücretli ve ücretsiz temalara çok kolay şekilde ulaşabilirsiniz. türkçe dil desteği de ayrı hoş bir özellik.
örnek site (ücretsiz sürüm-mağaza sayfası)
örnek site (ücretsiz sürüm-yönetim paneli)

prestashop

prestashop da diğer bir ücretsiz e-ticaret sistemi. zaten sitelerine girdiğinizde bu işe ne kadar özen gösterdiklerini anlıyorsunuz. yine de kısaca bahsetmek gerekirse; paypal desteği, türkçe dil desteği, google analytics entegresi gibi özelliklere sahip.
örnek site (mağaza sayfası)
örnek site (yönetim paneli)
yönetim paneli için:
username: demo@prestashop.com
password: prestashop_demo

business catalyst

business catalyst küçük ve orta ölçekli bir e-ticaret düşünüyorsanız sizin için oldukça yeterli bir sistemdir. sistemin kullanımı oldukça basit ve etkilidir. sistemle birlikte sitenizde blog ve forum da oluşturabiliyorsunuz. ayrıca sistemin kolay ve anlaşılır bir istatistik sistemi de mevcut. telefon, e-posta, chat üzerinden destek sistemiyle de müşterilenizle her an irtibatta olabiliyorsunuz. sistemin fiyat ve diğer ayrıntıları için business catalysti ziyaret edebilirsiniz.
örnek site için linke girip kendi sitemizi özelleştirerek bir demo alabiliyoruz.

opencart

opencart adından da anladığımız gibi ücretsiz bir sistem. opencart benim ilgimi en çok ödeme seçeneklerindeki çeşitlilikle çekti. paypal, moneybookers... gibi birçok ödeme sistemini destekliyor. türkçe dil desteği bu sistem için de mevcut. biraz önce tanıttığımız prestashop ve ücretsiz e-ticaret sistemi deyince ilk akla gelen oscommerceden üstün özellikleri bile var.
örnek site (mağaza sayfası)
örnek site (yönetim paneli)
yönetim paneli için:
username: demo
password: demo

oscss

oscss yine ücretsiz bir sistem.
örnek site(mağaza sayfası)

kaynak

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

Sizin vaktiniz kaç $ ediyor?

socialmouse — Thu, 10 Dec 2009 13:33:00 GMT

İnternet'le az çok ilgilenen insanların bir süreden sonra kendilerine "internet'te çok zaman harcıyorum, acaba bu zamanımı nasıl daha iyi değerlendirebilirim?" şeklinde bir soru yöneltmesi neredeyse kaçınılmazdır. Eğer bu sorunun altında yatan amaç zamanı nakite çevirmek ise sizlere bir kaç önerim olacak.

Daha önce burada, burada ve eminim doğrudan yada dolaylı bir çok bildiride bu sitelerin bazılarından bahsedilmiş. Ancak bu bildirilerde bahsi geçen bazı sitelerin dışında adı sanı bilinmeyen ve bildirgeç insanlarına faydası olabileceğini düşündüğüm siteler de var. Bunları bir araya getirip toplu ve geniş kapsamlı bir bildiri yazmak istedim.

Burada bahsi geçen sitelerin tamamı envato firmasına aittir. Sattığınız nesne normal değerinin altında bir değerle alıcı buluyor ancak çok sayıda nesne satarak kârınızı katlayabiliyorsunuz.

İlk olarak benim en çok ilgimi çeken ve sizlerin de ilgisini çekeceğini düşündüğüm; yazdığınız kodları paraya çevirebileceğiniz codecanyon

3d ile ilgilenenlerini ilgisini çekebilecek olan 3docean

İçlerinde en popüler olanı eski adıyla flashden, adobe'un zorlamasıyla yeni adıyla activeden

ve diğerleri: graphicriver, audiojungle, themeforest, videohive

Bunların dışında da bu işle iştigal eden pek çok site mevcut, ancak bildiriyi daha fazla şişirmemek için burada kesiyorum ve bol kazançlı günler diliyorum.

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

Veritabanı Tasarımı İçin Makaleler

socialmouse — Thu, 23 Oct 2008 07:13:00 GMT

Bir veritabanı tasarlamak zor bir iştir. Önce düşüncede başlar, sonra uzun bir süre kağıt üstünde yaşar. Sonra bilgisayarda modellenir. Her şeyin doğruluğundan emin olununca, ki hiç bir zaman her şey doğru değildir, somut olarak dizayn edilmeye başlanır.

woork.blogspot.com sitesi Veritabanı tasarlama sürecinde yardımcı olabilecek on adet makale derlemiş.

İşte o makaleler:

Veritabanı tasarımında sık yapılan on hata: Makalenin başlığından da anlaşılabileceği gibi veritabanı tasarımında sık sık yapılan on hata ve çözümü.
Veritabanında ilişki oluşturmak: Adım adım ilişki oluşturmayı anlatıyor.
Veritabanı tasarım ve modellemesinde kaideler: Veritabanı üzerine temelleri anlatan bir makale.
SQL ile ilişki ve tablo oluşturmak: Veritabanı tasarımında SQL'in kullanımı üzerine.
Veritabanı normalizasyonu¹ ve tablo yapıları
Php ve SQL kullanmak: Veritabanı tasarlarken PHP ve SQL'i nasıl kullanabiliriz.
PHP ile tablo ve veribatanı operasyonlar : Tablo nitelikleri, çoklutablo operasyonları.
Pratik veritabanı tasarımı: temel veritabanı operasyonları için cevaplar.
İlişkisel Veritabanı: İlişkisel veritabanı tasarımının temellerini öğrenmek için...
Tablolar arasındaki ilişkiler için en doğru yaklaşım: İlişkiler üzerine doğru yolları izlemek.

¹ Bir dosyayı tablolara ayırarak veritabanı oluşturmak.

Bu yazı socialmouse 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 ajax efekti

socialmouse — Thu, 23 Oct 2008 15:08:00 GMT

daha önce Ajax Uygulamaları 1, Ajax Uygulamaları 2 ve Ajax Uygulamaları 3 yazılarında site yapımcılarının işine yarayabilecek kaynaklardan bahsetmiştik. burada ise 20 ajax efekti toplanmış.

TextboxList meets Autocompletion: giriş formlarının otomatik olarak doldurulması için kullanılabilir. benzer bir uygulamayla ajax alan adı arama yazısında karşılaşmıştık.
Ajax IM: ajax kullanılarak hazırlanmış bir ücretsiz mesajlama aracı.
LiveValidation: üye adı, şifre gibi kullanıcı seçimlerinde sık sık karşılaşılan yanlış yazım, başkası tarafından alınmış sözcüğü kullanma gibi hataları bekletmeden çözmek için yararlanabilirsiniz.
Inline Editing: sayfa üzerindeki kimi noktaları, başka bir araca gerek duymadan doğrudan değiştirmeye yarayan bir uygulama.
Fancy Upload: sunculara dosya yüklerken ilerlemenin ne şekilde olduğunu gösteriyor.

listenin devamına buradan ulaşmanız mümkün. ayrıca konu ile ilgili bazı bildirgec yazıları:

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