bildirgec.org - Ozit - beğendikleri

Web Tasarımcı ve Geliştiriciler için En İyi Açık Kaynak Kodlu Yazılımlar

Ozit — Mon, 31 May 2010 12:12:00 GMT

Günümüzde tüm web tasarımcılar-geliştiriciler açık kaynaklı araçlardan yararlanmakta. Açık kaynak kodlu araçlar ücretli uygulamaları yapabildiği her şeyi yapabilmekte, hatta daha fazlasını bile...

İşte sizlere 5 harika açık kaynak kodlu ve birbirinden kullanışlı araç.
1. Video JS
Video JS, javascript tabanlı bir video oynatıcı. HTML5'in de gücünü arkasına alarak oldukça fonksiyonel ve tarayıcı dostu. Tüm çalışmalarınızda gönül rahatlığı ile kullanabilirsiniz.

Download / Demo

2. Google Font API
Google Font Dizinindeki tüm yazı tiplerini ücretsiz olarak çalışmalarınızda kullanabilirsiniz. Üstelik tüm yazı tiperli Google sunucularında barındırıyor olması büyük bir avantaj.

3. Nivo Slider
Web sayfalarında resim kaydırma efekti vermenizi sağlayacak bir JQuery Image Slider eklentisi. Oldukça kullanışlı ve istediğiniz gibi düzenleyebilirsiniz. Ayrıca tüm tarayıcılara uyumludur.

Download / Demo

4. CallMeter NG
CallMeter, web geliştiriciler için açık kaynak kodlu bir Android uygulaması. CallMeter, İngilizce, Almanca, Yunanca, Portekizce, İspanyolca, Fransızca, Çekce dillerini desteklemekte.

5. Best Open Source
En büyük sorunlarımızdan biri de açık kaynak kodlu yazılımların internet üzerinde çok dağınık bir şekilde bulunması. Bu noktada yardımımıza Best Open Source yetişiyor. Best Open Source, açık kaynak kodlu uygulamalrın bulunduğu bir kütüphane. Buradan ihtiyacımız olan her türlü açık kaynak kodlu yazılıma erişebiliyoruz.

Bu yazı Ozit tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Opera, Google Chrome'u Geçti

Ozit — Fri, 05 Mar 2010 14:25:00 GMT

Opera; yeni sürümünü olan Opera 10.5'i tamamlamasıyla beraber, en hızlı tarayıcı ünvanını Google Chrome'un elinden aldı. Bu hızın altında ise yeni JavaScript motoru Carakan bulunmakta.

Geliştiricilerin yeniden düzenlediği JavaScript motoru Carakan, eskiye göre yedi kat daha hızlı. Ayrıca yapılan değişiklikler sadece JavaScript motoru ile sınırlı kalmadı, görüntü motoru da yenilendi.

Opera 10.5, görsel açıdan Aero tema görünümüne bürünmüş ve camsı bir tasarımı bulunmakta. Ayrıca yeni opera sürümü artık windows 7 dahil tüm işletim sistemlerinde rahatça çalışıyor. Windows 7'de bulunan Aero Peek ve zıplayan listeler gibi farklı özellikleri tümünü, yeni opera sürümünde kullanabilirsiniz.

Opera'nın önceki sürümde yayınladığı ve diğer tarayıcılarda bulunmayan, Opera Turbo özelliği bulunmakta. Bu özellik ile normal internet bağlantı hızını dört kat arttırabiliyorsunuz. Ayrıca Opera 10.5'te, artık birçok tarayıcıda bulunan gizli sörf modu da eklenmiş durumda.

Opera 10.5, HTML5 formatını kaldırıyor ve bu sayede yerel video oynatabiliyor. Bu yeni Opera sürümü tarayıcı testlerinde ise Google Chrome bile hız konusunda geçerek ilk sırada yerini alıyor.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynaklar ; opera labs , dailytech , cnet , webmonkey

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

Ozit — 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ı Ozit 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

avatarlar oluşturabileceğiniz 6 site

Ozit — Mon, 11 Jan 2010 09:18:00 GMT

facebook, twitter, friendfeed gibi sosyal paylaşım sitelerinde kullanıcı profiliniz için cıvıl cıvıl avatarlar oluşturabileceğiniz siteleri aşağıda bulabilirsiniz. south park ve simpsons karakteri de dahil olmak üzere en iyi avatar makerlara göz atalım.
1- simpson avatar

2- manga yüzü

3- weeworld

4- south park avatar maker

5- yahoo avatars

6- portrait illustration maker

Bu yazı Ozit 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ü

Ozit — 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ı Ozit 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

Css ile Resim Çizmek

Ozit — Tue, 29 Dec 2009 10:14:00 GMT

Homer Simpson

Css ile resim çizilir mi?" diye sorsalar "çizilir ama çok uğraşmak gerekir" derdim. "Peki nasıl çizilir?" deseler ilk aklıma gelecek yöntem div'leri pixel olarak kullanarak uzun uğraşlar sonucu bir resim ortaya çıkarmak olurdu. fakat şimdi anlatacağım çalışmada çok daha profesyonel bir teknik kullanmışlar.

öncelikle şunu belirteyim ki yukarıdaki çok sevdiğim Homer Simpson resmi tamamen Css ile hazırlanmış.

Nasıl mı?

Homer Simpson

tamamen ascii ve bildiğimiz karakteler kullanılmış.

Homer Simpson

Div 'ler içinde yer alan "o", ")", "L" gibi karaktelere Css ile sitiller verilmiş.

Homer Simpson

örneğin yukarıdaki resimde burun kısmı için şu kodlar uygulanmış.

<div style="position: absolute; padding-left: 2.95em; padding-top: 4.82em;">
<div style="font-size: 2.25em; font-weight: bold;">8</div>

Homer Simpson

Buradan görebileceğiniz Css ile Homer çalışmasının siz de benim gibi kodlarını inceleyip hayran kalabilirsiniz.

Homer Simpson

Ayrıca buradan yukarıda bahsettiğim çizimin yapılış aşamasının animasyonunu izleyebilirsiniz.

Homer Simpson

Yine aynı teknikle hazırlanmış bush resmini buradan inceleyebilirsiniz.

Belki haklı olarak çok gereksiz hatta boşa harçanmış bir uğraş olarak düşünebilirsiniz. Fakat en azından Css ile ne tür çılgınlıklar yapılabilir sorusuna süper bir cevap olabilir. Ayrıca bu çalışmaları hazırlamak için harçanan muhteşem emeğine hayran kalmamak da elde değil...

Diğer bazı yazılarım

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

blog tasarımında sık yapılan 10 hata

Ozit — Mon, 28 Dec 2009 07:45:00 GMT

blog tasarımı yaparken yapılan bazı hatalar blog tasarımınızın kötü görünmesine sebep olabilir ve blogunuzun okunabilirliğini azaltabilir. bu yazıda blog tasarımında sık yapılan hataları inceleyeceğiz blogunuzda bu hatalardan biri varsa düzeltebilir blogunuzun başarısını artırabilirsiniz.

1.blogun nascar arabası gibi gözükmesi

bu site "insanlar neden bloglarının nascar araçları gibi görünmesini ister?" diye sorarak bir benzetme eklemek istedim.
blogunuza reklam almanız gayet doğal ama çok fazla reklam, yazılarınızın okunmasını zorlaştırır ve sayfanızın geç açılmasına sebep olur. reklam alırken bunları da göz önünde bulundurarak sayfanızın okunabilirliğini azaltmayacak kadar reklam almak sitenizin başarısını artıracaktır.

2.Etiket bulutu kullanımı

blogunuza yazdığınız yazılara etiket eklemek ve etiket bulutunu kullanmak görünüm için iyi bir seçenektir fakat etiketler karmaşık durduğu için kullanışlı değildir. etiketlerinizi listelemek daha iyi bir seçenektir.

3.Blogroll'a çok fazla site eklemek

blogunuza beğendiğiniz veya link değişimi yaptığınız sitelerden oluşan bir liste eklediniz fakat bu listede çok fazla site olması blogunuzun tasarımının güzel görünmemesine sebep olabilir bu listedeki site sayısını kararında bırakarak blogunuzun daha güzel görünmesini sağlayabilirsiniz.

4.blogu günlük gibi kullanmak

blogunuza gelen ziyaretçiler eğlenmek yararlı bilgiler edinmek için blogunuzu ziyaret ederler. blogunuzun konusuna göre eğlendirici veya bilgilendirici yazılar eklemelisiniz. örneğin web tasarımla ilgili bir blogunuz varsa web tasarımıyla ilgili yararlı bilgiler vermelisiniz. fakat bunun yerine devamlı kendinizden bahsederseniz okuyucularınız sıkılabilir.

5.takvim eklemek

blogunuza blogunuzdaki etkinliklerle ilgili blogunuz için gerekli bir takvim ekleyebilirsiniz fakat sıradan bir takvim eklemek blogunuz için gereksiz olacaktır. çünkü ziyaretçileriniz isterlerse takvime kendi bilgisayarlarından da bakabilirler.

6.blogla ilgili yazmak

blog ile ilgili konuları işleyebilirsiniz fakat devamlı olarak "blog nasıl yazılır?" "blog nedir?" gibi konulardan bahsetmeyin bu ziyaretçilerinize sıkıcı gelebilir. çünkü blogunuzu ziyaret eden çoğu kişi eğlenmek için blogunuzu ziyaret ediyordur blog tasarımı nasıl yapılır öğrenmek için değil.

7.ilgisiz linkleri bir arada eklemek

yazılarınızın daha çok okunması için bir yazınızda diğer yazılarınıza link verebilirsiniz fakat yazınızın altına birbiriyle ilgisiz linkler eklemek yanlış bir seçim olacaktır. bunun yerine yazdığınız yazıyla ilgili yazılarınıza link verebilirsiniz.

8.bunu eklemeyi unutmuşum

diyelim ki blogunuza bir yazı eklediniz daha sonra bu yazıyı beğenmediniz. "önceki yazımda şu noktalar eksikti farkettim" gibi bir yazı eklemeyin. eğer önceki yazınızı düzeltmek geliştirmek istiyorsanız daha iyisini yazıp blogunuza ekleyebilirsiniz.

9.çok fazla buton eklemek

yazınızın altında, ziyaretçilerinizin yazınızı paylaşabilecekleri butonlar ekleyebilirsiniz fakat bu listeyi çok uzun tutarsanız blogunuzun tasarımı güzel görünmez ve kullanışlı olmaz. bu listedeki buton sayısını iyi ayarlamalısınız.

10.yorum seçeneğinin olmaması

blogunuzun daha başarılı olabilmesi için blogunuzdaki yazılarınıza, yorum yapılabilecek bir araç eklemelisiniz. yazılarınızın yorumlanması blogunuzdaki yazılarınızın okunmasını artıracaktır.

kaynak:coding horror(*)(**)

ilginizi çekebilir;

logo tasarımında sık yapılan 10 hata

web tasarımında sık yapılan 10 hata

en yaratıcı flaş tasarımlar

tembelyarasa

blog twitter friendfeed

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

Ozit — 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ı Ozit 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