bildirgec.org - ch1x0r - beğendikleri

firefox üzerinden web sayfalarını diğer kurulu tarayıcılarda açın

ch1x0r — Fri, 09 Jul 2010 14:50:00 GMT

View Menu

Bu yazımda firefox için kullanışlı bir eklentiden bahsedeceğim. Bildiğimiz gibi firefox sahip olduğu eklentiler ile kullanıcılarına daha yararlı özellik sunmakta. Bunlardan biri de Open with eklentisi. Bu eklenti ile firefox kullanırken tek tuşla bulunduğunuz sayfayı bilgisayarınızda kurulu diğer tarayıcılarda (opera, ie, safari, Chrome gibi) açabilirsiniz. Kopyala-yapıştır yapmanıza ya da elle sitenin URL'sini girmenize gerek yok.
Ne işime yarar?

Eğer bir web tasarımcısıysanız sayfanızın farklı tarayıcılarda nasıl göründüğünü merak edebilirsiniz.
Explorer'da otomatik tanımlı hesabınız üzerinden yorum yapmanız gerekebilir. Firefox'da tekrar hesabınıza giriş yapıp yorum yapmak yerine yazıyı direkt explorer'a gönderip yorum yapabilirsiniz.

buton

tarayıcıları buton şeklinde firefox'a ekleyebilirsiniz. Bunu yapmak için Tools>>>Add-ons menüsünden Open with eklentisine gelerek Preferences butonu tıklayıp yapabilirsiniz.

eklentiyi kullanmaya kara verdiyseniz buradan indirebilirsiniz: Open With
Eğer eklentiyi kurduğunuz zaman bilgisayarınızdaki mevcut tarayıcıları görmezse bunu elle de ekleyebilirsiniz. Hemen yukarıdaki resimde de göreceğiniz üzere manuel entries menüsüne tıklayarak tarayıcınızı ekleyebilirsiniz.
Bu eklentinin kullanışlı olduğunu düşünüyor musunuz?

Bu yazı ch1x0r 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 Geliştiricileri için Çevrimiçi Araçlar

ch1x0r — Thu, 15 Apr 2010 11:47:00 GMT

Web tasarımla ilgilinenenler için web tasarım araçları oldukça önemlidir. Normalde birkaç dakika hatta daha fazla zaman ayıracakları bir işi birkaç saniyede halledebilirler. Aşağıdaki çevrimiçi araçlar sayesinde daha az zaman harcayabilirsiniz. İşte çevrimiçi kullanışlı web tasrarım araçları;

Preloaders

Web sitenizde ajax kullanıyor ya da sayfalar yüklenirken "yükleniyor" yazısı veya buna benzer animasyonlar kullanıyorsanız tam size göre bir uygulama. Gif formatında oluşturabileceğiniz birçok yükleniyor simgesi bulunmakta ve kategorilenmiş durumda. Çevrimiçi oluşturabileceğiniz bu simgeleri istediğiniz gibi özelleştirebilirsiniz. Renk ve arka plan rengini, Hızını, Transparanlığını ve boyutlarını istediğiniz gibi ayarlayarak saniyeler içinde oluşturabilirsiniz. Ayrıca simgeler 3 Boyutlu, Dairesel, Yatay gibi kategorilere ayrılmış.

Email Spambot Protection Generator

Web sitenizde yayınladığınız e-posta adresinizin spam mailler ile dolmasından korkuyorsanız bu web uygulamasını kullanabilirsiniz. Bu uygulama ile web sitesinde yayınlamak istediğiniz mail adresinizi botların okuyamayacağı şekilde javascript ile rahatça yayınlayabilirsiniz.

Password Generator

Web sitenizin yönetim paneline veya buna benzer herhangi bir servise karmaşık şifreler koymak isteyebilirsiniz. Bu sayede daha fazla korunmuş olursunuz. Password Generator sayesinde karmaşık şifreler üretebilirsiniz. Üreteceğiniz şifrenin karakter sayısını, hangi sembollerin kullanacağını seçebilir ve birkaç saniye içinde şifrenizi üretebilirsiniz.

Guide to CSS Support

Web sitenizdeki kullanıcılara toplu e-posta atabilir ve onları web siteniz hakkında bilgilendirebilirsiniz. E-postayı hazırlarken html ve css kullanıyorsanız bu döküman size göre hazırlanmış.Popüler e-posta hizmetlerinin (Gmail, Yahoo Mail, Live Mail, Apple Mail vb.) css elemanlarından hangilerine izin verdiği bu tabloyu inceleyebilirsiniz. Bu sayede içeriğin tüm ziyaretçiler tarafından görüldüğüne emin olabilirsiniz.

Code Beautifier

Code Beautifier sayesinde css kodlarını oldukça rahat bir biçimde düzenleyebilirsiniz. Css kodlarınız içerisinde gereksiz karakterleri değiştirir ve işlevini yitirmeden kısaltarak boyutunu azaltır.Böylece kullanıcılarınız web sitenize daha hızlı ulaşırlar. Birçok düzenleme seçeneği bulunmakta.

W3C Validator

W3C tarafından hazırlanan bu araç sayesinde web sitenizdeki kodların doğrulanmış olup olmadığını kontrol edebilirsiniz. Web sayfanızdaki kodların www konsorsiyumu (w3c) kurumu tarafından onaylı olup olmadığını kontrol edebilirsiniz. Hata bulunursa yeniden düzenleyebilirsiniz.

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; queness

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

Yapay Sinir Ağları

ch1x0r — Mon, 22 Feb 2010 10:07:00 GMT

PES 2010

eğer sıkı bir pes oyuncusuysanız pes 2010 çıkmadan yayınlanan şu video'yu görmüş olmalısınız. video'da

peki pes 2010'da üzerinde durduğumuz noktalar nelerdi, bir göz atalım. takım stratejisi; pes 2010'da yaptığımız en büyük gelişme yapay zeka oldu.

diyordu. devamında 8 kaydırma çubuğu ile takım stratejisini 0-100 arasında ayarlayabileceğimiz ve oyunu almamız gerektiği söyleniyordu. peki neydi bu yapay zeka? konami mühendisleri ne yapmıştı da 8 kaydırma çubuğu ile takımımızı daha "akıllı" oynatabiliyorduk?

Yapay ağlar

eminim yapay zekanın ne olduğu konusunda fikriniz vardır ama anlatımımın bütünlüğü açısından birkaç yetkin tanım vermem gerektiğini düşünüyorum.
yapay zeka ile ilgili tanım araştırmasına girdiğinizde iki seçenekle karşılaşırsınız. yapay zeka (artificial intelligence) ve yapay sinir ağları (neural networks). aslında ikisininde ilgilendiği şey aynıdır ancak "yapay zeka" daha yüzeysel bir kavram iken "yapay sinir ağları" ne olduğu hakkında biraz daha fikir verir. çünkü yapay zeka demek; yapay (doğadaki örneğine benzetilerek insan eliyle yapılmış) sinir (hayvansal organizmalarda duyuları taşıyan beyazımsı teller) ağları (yaygın şebeke) demektir.

oyunlarda henüz temel seviyede olan yapay zeka uygulamaları görülebilir

bir tanıma göre "yapay sinir ağları canlılarda bulunan sinir sisteminin çalışmasını elektronik ortama taşımayı hedefleyen bir programlama yaklaşımıdır. yapay sinir ağlarının da canlılarda olduğu gibi öğrenme, hatırlama ve öğrendiklerini güncelleme gibi yeteneklerinin olması hedeflenmektedir." derken wikipeda; "i̇nsan beyninin bilgi işleme teknolojisinden esinlenerek geliştirilmiş bir bilgiişlem teknolojisidir." ve "insanın düşünme yöntemlerini analiz ederek bunların benzeri yapay yönergeleri geliştirmeye çalışmaktır." buyurmuş.
evrenin en mükemmel bilgisayarını taşıyoruz. beynimiz!

evrenin en mükemmel bilgisayarı!

her gün yeni şeyler öğrenen, öğrendiklerini öncekilerle benzetme, çağrıştırma ya da birebir eşleme gibi yetenekler ile ilişkilendirebilen, bunları kategorize eden ve gelecekle ilgili tahmin yürütüp farklı senaryolar üretebilen mucizevi bilgisayar.

düşünen makinalar uzak değil!

bir gün yapay zeka mühendisleri beynin düşünme dediğimiz aktivitesini matematiksel olarak %100 modelleyebilirse, silikon çiplerin bizim gibi düşünmesi de sağlanmış olacak. bunun için önerilen bazı modeller halen mevcut ancak başarısı tartışma konusu: örneğin hebb modeli; bu model en eski ve ünlü olanıdır. şöyle der:

"a nöronunun bir aksonu b hücresini uyandırmaya yaklaşmışsa ve sürekli/kalıcı olarak ateşlenmesinde rol alıyorsa, hücrelerden birisinde veya her iki hücrede öyle bir gelişme veya metabolik bir değişim meydana gelirki, b'nin ateşlenmesinde rol alan a'nın verimliliğinde (efficiency) bir artış olur."

bbc'nin hazırladığı "i̇nsan beyni" belgeselinde hebb'in demeye çalıştığı şey çok güzel örneklenmiş:

"..bizler için yeni bir şey öğrenmek demek, beyinlerimizin işleyişini yeniden ayarlamak demektir. beyinlerimiz birbirine bağlı 100 milyar nörondan meydana gelmektedir. öğrenmek, bu nöronlar arasında yeni yollar yaratmak ve bunları kalıcı kılmaktır. "

"...bizim için (nöronlarımız arasında yeni yollar yaratmak) derin bir vadiden geçmek gibidir. bir taraftan diğer tarafa geçmek bize öğrenme şeklimizle ilgili bir şeyler söyler. sinyal bir beyin hücresinden diğerine ilk kez geçerken büyük bir efor sarfedilir. vadiyi geçerken de aynı deneyimi yaşarız. karşıya yapılan ilk yolculuk en zorudur.

nöronlar
vadi bir kez geçildikten sonra karşıya her geçiş daha kolay olacaktır. ve bir şey öğrenirken de benzer şeyler olur. başlangıçta öğrenmek çok zordur. ama sinyal beyin hücreleri arasındaki aralıktan ne kadar çok geçerse daha sağlam bir yol elde ederiz. karşıya defalarca kez geçtikten sonra bu işin zahmeti azalıcaktır. sonunda bir şey öğrenmiş oluruz."

bu örnekler beynimizin öğrenme, değerlendirme ve sonunda kararını açıklaması hakkında birkaç fikir verebilir. konuyu saptırmadan biraz da yapay zeka temelleri hakkında bilgi vermek istiyorum.
sonuç olarak yapay sinir ağları, nöronları örnek alarak yazılmış öğrenme algoritmalarını kullanan birbiriyle ilişkili programcıklardır. görevi şudur:

öğrenme
i̇lişkilendirme
sınıflandırma
genelleme
tahmin
özellik belirleme
optimizasyon

yapay sinir ağları bunları başarmak için ne yapar? cevabı basit: gerçek bir sinir hücresi gibi çalışarak! yani; bu programcıklar aralarında bağ kurar, verileri alır, işler ve çıktı üretir.
geçen yıl insan beyninin alpha-camkii adı verilen bir proteinle verileri sevindirici, acı verici ya da komik olarak değerlendirdiği bulunmuştu. kararımızı verirken verileri değerlendirme işlemlerinden geçirmemizde alpha-camkii'nın yaptığı işi ysa'da yapay nöronun veriyi aldığı yolun ağırlığı yapar.
yapay nöronlarımız da değerlendiriken kendine gelen verilerin ağırlığına bakar.
örneğin bu yazımı beğenirsiniz ya da beğenmezsiniz ama önceki yazılarımı okumuş olarak bu yazıma bakarsanız fikriniz değişebilir.

Süper Bilgisayarlar

açıklayayım, ağırlık verinin geldiği bağlantıyla çarpılan bir sayıdır ve pozitif, negatif ya da sıfır olabilir. örneğin siz yazım hakkında düşünürken yediğiniz son yemek kararınız üzerinde 0 etkiye sahiptir ve beyniniz kararını toparlarken bu bilgiyi önemsemez. benzer şekilde eğer önceki bir yazımı çok beğendiyseniz veri ilgili nöronunuza gelirken 5'le çarpılır. yazılarım arasında beğenmediğiniz bir yazı görmüşseniz, bu yazımla ilgili karar aşamasında beyniniz veriyi -2 ile çarpabilir. sonuç pozitifse bu yazımı değerlendirirken hakkımda iyi şeyler düşüneceksiniz. hakkımda düşündüğünüz iyi şeyler belki çıktı (yazının altına yorum) olarak dış dünyaya verilir ya da başka bir işlemde kullanılmak üzere başka bir nöronunuza gider. bu sayede beni kategorize edebilirsiniz, hatta genellemelerinizde kullanılmak üzere bir ağırlık oluşturabilirim. örneğin yazıları iyi olanların ağırlığı yüksekse "bildirgec'te genelde iyi yazılar çıkar" diye genelleme yapabilirsiniz. bu bildirgec'e de bir ağırlık vermenize yol açar.
yani aslında yazının başında verdiğim kaydırma çubukları ile pes 2010 'un içindeki yapay sinir ağları programcıklarının verileri alan bölümündeki (akson) ağırlıkları ile oynamış olursunuz. bu da çıktınıza etki eder.
aslında henüz uygulamada yapay zeka temel seviyeden çok yukarıda değilse de akademik çevrelerin çalışmaları sonuçlandıkça günlük hayatta yapay zekayla daha sık karşılacağız. şimdilik bu alan diğer bilgisayar çalışma alanlarına göre (veri depolama kapasitelerinin artırılması, işlem hızının artırılması vb...) daha yavaş ilerliyor gibi gözükebilir. ancak devrimsel gelişmelere de açık bir alan olduğunu da unutmamak gerekir.

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

Projeleriniz İçin Her Zaman İhtiyaç Duyabileceğiniz 4800 Mini İkon

ch1x0r — Fri, 15 Jan 2010 15:56:00 GMT

Mini ikonlar kullanışlı olduğu için çok sık tercih edilir. Website, blog ve uygulama arayüzleri için her zaman kullanabilirsiniz. Aşağıda sonraki projelerinizde kullanmak için 4800'den fazla mini ikon yer almaktadır.

1. FAMFAMFAM'dan 144 mini ikon

2. FAMFAMFAM'dan 247 bayrak ikonu

3. Sublick Interactive'den 35 sevimli ikon

4. PixelPress'den açı ikonları

5. Pinvoke'den 2529 mini ikon

6. Pinvoke'den 400 piksel ikon

7. Komodo Media'dan 30 sosyal medya mini ikonu

8. Nclud'dan 26 minimalist piksel ikon

9. Icojoy'dan 75 piksel ikon

10. Random Jabber'dan 55 ikon

11. Splashy Fish'den 482 ücretsiz ikon

12. IconDock'dan 320 mini piksel ikon

13. Paul Armstrong Designs'dan 77 Web Tasarım ikonu

14. Paul Armstrong Designs'dan 260 Siyah ve Beyaz piksel ikonu

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

40 yüksek kaliteli simge seti

Sevimli Hayvanlar Simge Seti

En İyi Sosyal Medya Simgeleri

40+ Şık ve Son Moda Simge Seti

30 Yüksek Çözünürlüklü Güzel ve Ücretsiz Simge Seti

Web Tasarımı ve Geliştiricileri İçin 22 Güzel Simge Seti

Masaüstü ve Web İçin 45 Kusursuz Yeni Simge Paketi

Psd Formatı İle 30+ Kullanışlı Simge Seti

kaynak: 10steps.sg

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

Google'ın yeni telefonu Nexus One ile iPhone 3GS karşılaştırması

ch1x0r — Fri, 08 Jan 2010 10:18:00 GMT

Nexus One vs iPhone 3GS

google sonunda yeni süper telefonunu tanıttı.
kaliforniya'da yapılan bu tanıtımı milyonlarca kişi canlı yayından heyecanla izledi. google'ın yeni telefonu nexus one apple'ın iphone'nunun tahtını sarsacak gibi duruyor. fakat hangisi daha iyi sorusunu bu iki telefonu karşılaştırarak bulacağız.

[1] boyutu ve ağırlığı

nexus one’ın boyutu 119x59.8x11.5 mm, ağırlığı 130gr. diğer taraftan iphone 3gs’nin boyutu 115.5x62.1x12.3 mm ve ağırlığı 135gr.
kazanan: eşitlik. i̇kisi arasında dikkate alınmayacak boyut ve ağırlık farkları var. yani bu iki telefon neredeyse aynı ölçü ve ağırlığa sahip. i̇kisi de hafif ve ikisini de dar bir kot bile giyseniz cebinizde taşıyabilirsiniz.

[2] ekran:

Nexus One vs iPhone 3GS

nexus one'da 3.7 inçlik ekran, iphone'da ise 3.2 inçlik ekran bulunmakta. büyüklüğün daha iyi olması her nekadar göreceli bir kavram olsa da aynı boyuttaki iki telefondan ekranı daha büyük olan kanımca tercih sebebidir.

bununla yetinmeyenlere nexus one’ın çok daha fazla olan çözünürlüğü (480x800) iphone’un 320x480 olan çözünürlüğüne fark atıyor. bu nexus'un daha fazla detay sunmasına ve yüksek çözünürlüklü videoların daha iyi görünmesine olanak sağlıyor.

ayrıca önemli bir noktayıda es geçmeyelim. nexus one yeni amoled ekranıyla tam bir kontrast canavarı. bu yeni teknolojiyle çok daha iyi siyah seviyelerine ulaşılabilmekte.

kazanan: çok büyük farkla nexus one.

[3] dokunmatik ekran

i̇ki telefonda da dokunmatik ekran bulunmakta. hepimizin bildiği gibi iphone bize multi-touch (çoklu dokunma) olanağı sunmaktayadı fakat nexus one’da böyle bir özellik bulunmamakta ve bu yönden açıkça hayal kırıklığına uğratmakta.

kazanan: multitouch’ın bize sundukları saymakla bitmez. bu yüzden iphone3GS.

[4] kamera ve video kaydetme:

Nexus One vs iPhone 3GS

kazanan: nexus one.

[5] bağlanabilirlik ve wireless:

i̇ki telefonda da quadband gsm bağlantısı bulunmakta. i̇kisinde de 3g, wifi, edge,gprs , bluetooth ve kızılötesi bulunmakta. fakat nexus one burada microusb bağlantısıyla öne geçiyor.

kazanan: nexus one.

[6] i̇şletim sistemi:
nexus one yeni nesil android 2.1 mobil platformunu iphone ise iphone os 3.0 kullanmakta.

kazanan: nexus one. muhtemelen iphone’un en büyük zaafı çoklu görev içermiyor oluşu. nexus one'da ise birden çok uygulama açıp aynı anda müzik dinleyip aynı zamanda telefon araması yapabilirsiniz üstelik hiç bir takılma veya donma yaşamadan. android os'un bir diğer artı faktörü açık kaynak olması ve sürekli geliştirilebilmesi. app store (apple os uygulamalarının satıldığı alan) hala tartışmasız galip bununla beraber android birçoğu ücretsiz olan sayısız araçla genişletilebiliyor. google yakın zamanda yaptığı bir açıklamayla android geliştiricilerine 10milyon dolar ödül dağıtacağını duyurmuştu yani google’ın appstore’u geçmesi çok uzak görünmüyor.

[7] i̇şlemci:

nexus one ‘nın qualcomm snapdragon arm cortex a8 1ghz işlemciye sahipken iphone 3gs arm cortex a8 600mhz bir işlemciye sahip.

kazanan: nexus one.

[8] depolama alanı:

dürüst olmak gerekirse ikiside bu kategoride sınıfta kalıyor. i̇ph sadece iki seçenek (16gb ve 32gb) sunarken nexus one 512mb dahili ve 4gb (birlikte veriliyor) microsd card içermekte. iphone herhangi bir genişletme seçeneği sunmuyor . nexus one’nın ise microsd kart girşinden microsd kapasitesinin hızlı gelişiminden ve ucuzlamasından ötürü sadece umudumuz var.

kazanan: i̇kiside kaybetti. ama illa bir birinci seçeceksek nexus one (artırılabilir hafızadan ötürü)

[9] web tarayıcı:
nexus one webkit browser, iphone3gs ise safari browser kullanmakta.

kazanan: nexus one. i̇phone3GS'nin aksine javascript ve flash tabanlı siteleri destekliyor.

[10] görünüm:

evet, iphone3gs tatlı ama artık çok sıkıldık. tüm dünya’da iphone3gs benzeri dünya kadar telefon çıktı hatta bazısını görünüm olarak ayırt etmek imkansız. i̇ph 3gs ile telefonu geliştirmesine rağmen görünüm olarak bir yenilik sunmadı.

kazanan: nexus one.

[11] şarj ömrü:

Nexus One vs iPhone 3GS

kazanan: iphone3gs

[12] fiyat:
nexus one: 530$ iphone3gs: >~1000$
kazanan: nexus one.

sonuç :
şu an da tam olarak bir çözümlemede bulunmak yanlış olur fakat nexus one çok güçlü bir şekilde iphone3gs’a rakip olarak geliyor. nexus one’nın ekran çözünürlüğü amoled teknolojisi ve kullanılabilirliğini çok sevdik. buna karşın iphone3gs’un zengin appstore uygulamaları ve multitouch özelliği hala çok çekici. multi medya meraklıları, iphone3gs almadan önce nexus one’yı incelemenizi şiddetle öneririm.

kaynaklar: 1 2 3 4

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

Evernote'un Kullanıcı Sayısı 2 Milyon'u Geçti!

ch1x0r — Sun, 03 Jan 2010 09:33:00 GMT

Web, masaüstü ve mobil cihazlardan (Android, iPhone) erişebileceğiniz not alma (note-taking) aracı Evernote, herhangi bir işle meşgul iken, kolayca notlar alabilmenizi ve daha sonraki bir zamanda da bu notlara web, masaüstü ve mobil platformlardan ulaşarak, yararlanmanız için geliştirilmiş oldukça kullanışlı bir araç.

2009'un mayıs ayında 1 milyon kullanıcı sayısına ulaşan Evernote, daha sonraki 7 aylık zaman diliminde, kendisi için oldukça önemli bir kilometre taşı olan, 2 milyon kullanıcı sayısını geçmeyi başardığını kendi blogundan duyurdu.

En fazla kullanıcı sayısına, 1 milyondan fazla kullanıcı sayısı ile iPhone'da sahip olan Evernote, en fazla artış oranını da yine %48.74 ile iPhone'da yakalamış.

Evernote'u Windows'tan kullananların sayısı: 620 binden ve Mac'te kullananların sayısı ise: 340 binden fazla.Evernote'u Web'te kullananların sayısı ise: 604.804

Bonus+++:
+konumunuz Google Toolbar'da!
+google api ve araçları
+GMail'i Sosyal Medya Üssüne Çevirin!

Kaynak: Evernote Blog, mashable.
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

Yeni Başlayanlar İçin 9 Chrome Eklentisi

ch1x0r — Wed, 09 Dec 2009 12:48:00 GMT

Google, Chrome'u ilk çıkardığında, oldukça hızlı çalışmasına rağmen hayal kırıklığı yaratan noktası herhangi bir eklenti sunmamasıydı. Fakat bunların hepsi geçmişte kaldı. Şu an Chrome için birçok eklenti var. Bu eklentiler kullanışlı olmalarının yanı sıra, tarayıcınızın hızınızı etkilemiyorlar ve yüklendikten sonra tarayıcınızın tekrar başlatılması gerekmiyor.

Eğer tarayıcınız eklentileri kabul etmezse, buradan Chrome Geliştirici Sürümünü indirebilirsiniz. (Merak etmeyin, ayarlarınız eskisi gibi kalıyor.) Eklentilerimiz şöyle:

Gmail Compose
Bu eklenti, tek tuşla gmail hesabınızdan mail atmanızı sağlıyor. Eklentinin tek kötü yanı ise, eklenti penceresi dışındaki herhangi bir alana tıklamanız halinde uygulamanın kapanıp, yolladığınız postanın silinmesi. Eklentiyi buradan indirebilirsiniz.

Quicksearch
Bu eklentiyle wikipedia, yahoo, amazon, google ve daha birçok siteden arama yapabilirsiniz. Eklenti, tarayıcınızın sağ üst köşesinde beliriyor ve seçtiğiniz siteden arama yapıyor. kötü yanı ise, varolan siteleri değiştirememeniz. Eklentiyi buradan indirebilirsiniz.

Google Tasks For Chrome
Eğer liste yapıyor ve bunu sıkı sıkıya takip ediyorsanız, bu eklenti size göre. Eklenti, gmailinizdeki görevlerinizle eşleşiyor ve tarayıcınızdan kaydettiğiniz görevlerinizi takip etmenizi mümkün kılıyor. buradan indirebilirsiniz.

Chrome ie Tab
Bazı siteler sadece Internet Explorer ile açıldığında düzgün çalışabiliyor. Bu eklenti, herhangi bir Chrome sekmesi için de Internet Explorer çalıştırabiliyor. Böylece bu tür siteleri Chrome'u kapatmadan gezebiliyorsunuz. Eklentinin en güzel özelliği, belirlediğiniz sayfalar için otomatik olarak çalışabilmesi. Eklentiyi buradan indirebilirsiniz.

Bubble-Translate
Bu eklenti sayesinde, yabancı dildeki siteleri kendi türkçeye (veya herhangi bir dile) çevirebiliyorsunuz. çeviri yaparken Google'ın çeviri hizmetini kullanmakta.

buradan indirebilirsiniz.

Chromereader
Eğer Google Reader kullanıyorsanız, bu eklenti sayesinde istediğiniz sitelere veya bloglara tek tıklama ile üye olabilirsiniz. Üye olmak istediğiniz sitede, Chromereader butonuna tıklamanız sonucunda, sitedeki haberler direk Google Reader uygulamanıza aktarılacak. Eklentiyi buradan indirebilirsiniz.

Chrome-metrist
Twitter kullanıyorsanız, bu eklenti tam size göre! Chrome üstünden Twitter durumunuzu güncelleyebilir, arkadaşlarınızın güncellemelerini görebilirsiniz.

Eklentiyi buradan indirebilirsiniz.

Delicious
Bu eklenti sayesinde delicious yer imlerinize ulaşabilir, yenilerini ekleyebilir ve kolayca delicious gelen kutunuza bakabilirsiniz. Delicious "delisi"yseniz, bu uygulama tam sizlik! Uygulamayı buradan indirebilirsiniz.

Jamendo Radio
Assolistler her zaman son çıkarlar. Bu eklenti de Chrome eklentilerinin assolisti sayılabilir. Jamendo Radio eklentisi sayesinde 27,475 bağımsız albüme ulaşabilir, dinleyebilir ve indirebilirsiniz. Eklentiyi buradan indirebilirsiniz.

Bence, tarayıcıyı güzelleştiren eklentilerdir. Chome favori tarayıcım ve eklenti desteklemesi benim için çok önemli. Gün geçtikçe Chrome'un eklenti kütüphanesinin genişlemesi de çok güzel bir şey tabii ki. Eğer başka hangi eklentilerin olduğunu merak ediyorsanız, buradan Chrome'un eklenti kütüphanesine ulaşabilirsiniz.

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

jQuery Tools ile daha ileri jQuery gereçleri

ch1x0r — Wed, 09 Dec 2009 10:28:00 GMT

Son zamanlar web programcıların biricik aşkı jquery'yi web tasarım işiyle uğraşıp da duymayan kalmamıştır sanırım.

Şimdi sizlere jquery efektlerinizi çok daha kolay ve zahmetsizce yapabileceğiniz jQuery Tolls'u tanıtacağım.

jQuery Tolls

.....

jQuery Tools en güzel özelliği belli başlı en çok kullanılan jQuery gereçlerini bir arada sunuyor olması.

Peki nedir bu gereçler derseniz;

Tabs (Sekmeler)
Web çalışmalarınızda yatay veya dikey sekmeler oluşturabilirsiniz.

jQuery Tolls | Tabs

Tooltip (Açıklama baloncukları)
Text alanlarına, Resimlere veya form elemanlarına açıklama veya yardım baloncukları koyabilirsiniz.

jQuery Tolls | Tooltip

Overlay (Modal Diyalog Kutucukları)
Son zamanlar birçok web sitesinde yer alan modal kutucukları.

jQuery Tolls | Overlay

Expose
jQuery Tools'un en sevdiğim özelliği diyebilirim. Sayfa içerisinde bir unsuru (örneğin; div, image, video) belirgin yapmanızı sağlıyor.

jQuery Tolls | Expose

Scrollable (Kaydırma)
Çok hoşunuza gideceğini umduğum kaydırma grupları oluşturabileceğiniz harika bir gereç. Örneğin bir kayıt formunu kaydırma efekteleri ile hazırlamanız mümkün.

jQuery Tolls | Scrollable

Flash embed
ve son olarak isminden de tahmin edeceğiniz gibi flash dosyalarımızı web sayfasına eklemek için kullanabileceğimiz bir gereç.

jQuery Tolls | Flashembed

jQuery Tools'un en önemli özelliğinin yukarıda saydığım özellikleri bir arada sunuyor olması demiştim fakat bu özelliklerden birkaç tanesini veya sadece birini kulanmayı planlıyorsanız plugin dosyalarını ayrı ayrı indirme şansınız da mevcut...

jQuery Tolls download sayfası için buraya
Demolar için buraya tıklayınız.

Bu yazı ch1x0r 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ı için güzel ve kısa 10 ipucu

ch1x0r — Thu, 19 Nov 2009 17:32:00 GMT

"Code is poetry." - Wordpress

Bu yazı, web tasarımının en önemli meselelerini kısaca gözden geçiriyor ve umuyorum bir sonraki tasarım çalışması için bilgisayarınızın karşısına oturduğunuzda üzerinde düşünmeniz gerekenleri size hatırlatır.

1. Unutmayın, elinizdeki zaman oldukça kısıtlı.
Bir araştırma sonucunda okuduğum kadarıyla, bir kullanıcının söz konusu siteyi baştan aşağıya inceleme süresi sadece 4 saniyedir. Ve bu süre gerçekten kullanıcı ile temasa geçip site ile ilgilenmesini sağlamaya yetmez. Dolayısıyla, tasarımla sitenin ne üzerine olduğunu olabildiğince kesin şekilde ve kısa sürede vermelisiniz. eğer bu süre birkaç saniyeden uzun sürerse, kullanıcı dikkatini kaybedecek ve başka bir tarafa yönelecektir.

unutmayın, elinizdeki zaman oldukça kısıtlı.

2. Kullanıcılar sitenizi tararlar
Bir odaya girdiğiniz anda, içerideki bütün yüzleri bir anda görmezsiniz. Öncelikle insanların ve objelerin şekillerini fark edersiniz. Odayı tararsınız. Daha sonra devam eder ve ilginizi çeken şeye odaklanırsınız. Benzer şey siteye ilk girildiğinde de yaşanır.

Kullanıcılar sitenizi tararlar. bu noktada kullanıcıyı gitmesini istediğiniz yöne yönlendirmelisiniz. merak uyandırmalısınız. ister giriş ekranı olsun, ister daha fazla öğrenmek için bir bağlantı olsun, blog yazısı olsun vs vs vs.

3. En çok sol üst köşe görülür
Bu bilinen bir gerçektir. Bunun nedeni de insanların kitap ve makaleleri bu patern ile okumalarıdır. Artı, ilk siteler ve programlar da bu şekilde tasarlanmıştır. Yani ortada bir alışkanlık vardır. Genelde sol üste logo konu, bu güzel bir şeydir, kullanıcıların logoyu tanımalarını sağlar. Ancak bununla yetinmeyin, oraya bir şeyler daha koyun. giriş bağlantısı, arama formu veya bir slogan.

4. f paternini öğrenin
Gözle takip üzerine yapılan bazı araştırmalar gösteriyor ki, kullanıcılar siteyi F harfi şeklinde bir patern ile tararlar. En çok ilgiyi üst kısımlar alırken, orta ve altlara doğru sadece sol taraf taranmaya başlanır. Bir şekli koymak için düşünürken hatırlanması gereken bir şey.

5. Kullanıcıların görmezden geldiklerini öğrenin
Kullanıcılar reklam körüdürler. Bunu internete yeni başlayan kullanıcılardan anlayabilirsiniz, kısa bir süre içinde resimli ve yazılı reklamları görmezden gelmeyi öğrenirler. Reklama benzer şekilde bir şekil tasarlamaktan kaçının. Ayrıca, kullanıcılar yoğun yazıdan da kaçınırlar. Kimsenin, sitenin ne hakkında olduğunu anlamak için onca yazıyı okumaya vakti yok diyebiliriz.

6. Yazı ve Grafik Savaşı
İlginç bir gerçek: Yazı daha fazla dikkat çeker. Hem de güzel bir grafikten daha çok. Okuyucunuza bir mesaj vermek istiyorsanız, ki sitelerin amacı da budur, büyük ve afilli bir resim yerine, hoş bir slogan kullanmanızı tavsiye ederim.

7. Tasarım ögeleriyle ilgi çekin
Yazılı sloganlar, direk aksiyona davet eden düğmeler (genelde açık renk), çeşitli listeler, bunlar hep dikkat çekmeyi sağlayan tasarım ögeleridir.

Eğer uzun bir makale yazmanız gerekiyorsa, en önemli şey başlıklardır, başlıklara dikkat edin, gerekiyorsa müşterinin başlıklarını değiştirmeyi teklif edin. Hiçbir şey başlıklar kadar ilgi çekemez. Başlıkları uygun şekilde kullanın ve kullanıcıya makalenin ne üzerine olduğunu bir kaç basit adımda açıklayın.

8. Yazı Biçimlendirmesi
Bir yazı, uygun şekilde biçimlendirildiğinde çok daha iyi okunur. Çok sayıda paragraf kullanmaktan korkmayın, kalın ve italik yazılar kullanın, alıntılar yapın, yazının altını-üstünü çizin.. Yazınızı görsel olarak çekici yapabilecek her şeyi yapın. Kullanıcının okuyuşu sırasında, onun dikkatini yönetecek şekilde biçimlendirme kullanmayı da unutmayın.

9. Sade Grafikler Kullanın
Kullanıcıların reklam körü olduklarını daha önce söylemiştim. Tasarımınızda, grafik kullandığınız zaman çok kalabalık ve içinden çıkılmaz bir halde olmamalarına özen gösterin. Birçok insan, çok renkli ve yoğun grafiklere bakmayı zor bulur, bunu unutmayın. Kullandığınız grafikler sade ve anlaşılır olmalı ve kafa karıştırmamalıdır.

Dikkat çekmek için kullanılabilecek yegane grafik insan yüzüdür. Özellikle de kullanıcıya bakan yüz fotoğrafları. Bunlar kullanıcının dikkatini çekerler. Ayrıca başka tarafa bakan yüzler ile de dikkati istediğiniz tarafa yönlendirebilirsiniz.

10. Açık Alanlar Bırakın
Her ögeyi bir araya sıkıştırarak kalabalık bir şekil oluşturmayın, daha fazla görünebilmeleri için ögelere açık alanlar bırakın. Bırakın kullanıcı sayfaya girdiğinde nefes alsın. Bu özellikle kalabalık grafik kullanmamak ve yoğun metinden sakınmakla mümkün olur.

Alen Grakalic

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