pinkfloyd | bildirgec.org

Her Web Tasarımcısının Öğrenmesi Gereken 9 Önemli CSS Yeteneği

pinkfloyd — Sat, 18 Jul 2009 08:49:00 GMT

Bu yazı giriş ve orta seviyedeki CSS öğrencilerine hitab etmektedir. Eğer CSS'yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaşmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. Aşağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaşmaya çalıştım. Umarım beğenirsiniz.

1- CSS Anahatları Oluşturmak

CSS Anahatları Oluşturmak: PSD'yi XHTML'ye dönüştürmek için en iyi dersler

CSS Anahatları: 40+ Ders, İpucu, Demo ve en iyi yöntemler

2- Stilleme ve Listeler Kullanma

3- Kutu Modeli ve Pozisyonlamayı Anlamak

4- Daha iyi CSS Tipografisi

5- Formları Stillemek

6- CSS Çatılarını (Frameworklerini) Kullanmak

En çok kullanılan 12 CSS frameworkü ve onları nasıl anlayacağınız.
Web tasarımı için hangi CSS ızgara frameworkünü kullanmalı?
CSS Frameworkleri + CSS Sıfırlama: Sıfırdan tasarlama.

7- Optimize Etme ve En İyi deneyimler

8- CSS Hileleri ve İpuçları

9- CSS Düğmeleri, Kutuları ve Yuvarlatılmış Köşeler

Kaynak: acomment.

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

ilgili yazılar

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

Twitter Severlerin Hayatlarını Kolaylaştıracak Araçlar

pinkfloyd — Fri, 17 Apr 2009 05:25:00 GMT

Twitter, özellikle son zamanlarda popülerliği hızla artan bir mikro bloglama servisidir. Hem bilgi paylaşmak, hem de arkadaşlarınızla iletişim kurabilmek için kullanabileceğiniz mükemmel bir araçtır. Bu yazıda Twitter severlerin hayatlarını kolaylaştıracak araçları inceledik. İster tasarımcı olun ister geliştirici, ofis çalışanı, yönetici, asistan, öğrenci ya da ev kullanıcısı; bu araçlar mutlaka Twitter kullanımınızı bir nebze de olsa etkileyecektir.

1. Twtpoll

Twtpoll

Twtpoll, anketler ve oylamalar için kullanabileceğiniz basit bir Twitter uygulamasıdır. Sorunuzu ekleyin, ardından anketinizi Twitter, Facebook ya da elektronik postanız aracılığı ile paylaşın.

2. Mr. Tweet

Mr. Tweet

Mr. Tweet, ağınıza ve tweetlerinize bakarak anlamlı ilişkiler oluşturabilir.

3. TwitterFriends

TwitterFriends

TwitterFriends Twitter kişilerinizdeki gizli ağı bulmanıza yardımcı olacak bir uygulama.

4. Twitter Grader

Twitter Grader

Twitter Grader, profilinizin gücünü ölçen bir araç.

5. Tweetree

Tweetree

Tweetree, Twitter akışınızı bir ağaca yerleştiriyor ve bu sayede sizin tweetlerinize yanıt veren kişileri bir kontekst içerisinde görebiliyorsunuz. Uygulama ayrıca twitpic fotoğrafları, YouTube videoları gibi harici içerikleri de alarak otomatik olarak tweet'in içine gömebiliyor.

6. Twitterless

Twitterless

Twitterless sizi kimlerin takip etmeyi bıraktığını öğrenebilmenizi ve sizi takip edenleri bir grafiğe dökerek popülaritenizi kontrol edebilmenizi sağlıyor.

7. Phweet

Phweet

Phweet, Twitter arkadaşlarınız ve diğer sosyal ağlardaki diğer tanıdıklarınız ile konferans görüşmeleri düzenleyebilmenizi sağlıyor.

8. HappyTweets

HappyTweets

HappyTweets, Twitter kullanıcılarının tweetlerini analiz ederek onların ne kadar pozitif, ne kadar mutlu olduklarını gösteren bir uygulama. Tanıdığınız bir kişinin Twitter kullanıcı adını girerek onun ne kadar mutlu olduğunu görebilirsiniz.

9. Retweet Radar

Retweet Radar

Tweetradar ile bir tweetin ne kadar kez yeniden tweetlendiğini görebilirsiniz.

10. TweetCube

TweetCube

TweetCube Twitter üzerinden dosya paylaşabilmenizi sağlıyor. Görsellerinizi, videolarınızı, müziklerinizi ve çok daha faazlasını sadece birkaç fare tıklaması ile ekleyebilir ve arkadaşlarınıza doğrudan Twitter üzerinden gönderebilirsiniz. Servise gönderebileceğiniz en yüksek dosya boyutu dosya başına 10MB.

11. EasyTweets

EasyTweets

EasyTweets bir çevrimiçi pazarlama aracı olup mikro bloglamanın gücünü kullanarak kurumunuzun gelişimine ve tanıtımına katkıda bulunmayı amaçlıyor. Birden fazla Twitter hesabı üzerinde Tweetler gönderebiliir ve hesaplar arasında hızlıca geçiş yapabilirsiniz.

12. TweetStats

TweetStats

TweetStats, Twitter istatistiklerinizi grafiğe dökerek, saat başına, ay başına ya da belirli bir zaman aralığı içerisinde kaç adet Tweet gönderdiğinizi gösterebilen bir uygulama.

13. Twitter Mail

Twitter Mail

Gizli TwitterMail hesabınıza e-mail gönderebilirsiniz. Gönderilen mesaj, Twitter profilinizde yer alacaktır. Eğer bir arkadaşınız size Twitter üzerinden bir mesaj gönderirse, mesajı elektronik posta ile alırsınız.

14. HelloTxt

HelloTxt

HelloTxt sayesinde durum mesajınızı güncelleyebilir ya da popüler mikro bloglama ve sosyal ağ sitelerindeki arkadaşlarınızın durum mesajlarını görebilirsiniz.

15. TweetWrappr

TweetWrappr

Tweetlerinizi hediye paketi ile arkadaşlarınıza ve ailenize gönderebilmenizi sağlayan bir uygulama.

16. Twitturly

Twitturly

Twitturly, Twitter kullanıcılarının hangi web adreslerinden bahsettiğini takip edebilmenizi sağlayan bir uygulama. Twitturly üzerinde insanlar URLleri oylarlar. Daha fazla olan bir URL daha üst sırada yer alır. Eğer yeteri kadar oy alırsa, o zaman ana sayfada yer alır ve ana sayfada belirdikten sonra da oy almaya devam ettikçe üst sıralara çıkar.

17. SecretTweet

SecretTweet

SecretTweet, Twitter kullanıcılarının sırlarını paylaşabilecekleri bir platform.

18. Twuffer

Twuffer

Twuffer sayesinde Titter kullanıcıları ileriye yönelik Tweetler hazırlayabilir ve onların gönderilme tarihlerini belirleyebilir. Uygulama üzerinden ayrıca saatlik, günlük aylık duyurular da gönderebilirsiniz.

19. TwitterCounter

TwitterCounter

Blogcular ve Sosyağ Ağcılar için bir araç olan TwitterCounter, kullanıcının Twitter üzerinde kaç kişi tarafından takip edildiğini görüntüleyen bir uygulama.

20. Twits Near Me

Twits Near Me

Twits Near Me uygulaması ile dünya üzerinde bulunduğunuz konum civarındaki Tweetleri görüntüleyebilirsiniz.

21. Twitbin

Twitbin

Bir Firefox eklentisi olan Twitbin ile Twitter'ı doğrudan tarayıcınız üzerinden takip edebilirsiniz. Mesajlar gönderebilir, mesaj alabilir, dosyalar paylaşabilir ve çok daha fazlasını yapabilirsiniz.

22. Commuter Feed

Commuter Feed

Ücretsiz bir servis olan Commuter Feed ile son trafik durumu hakkında bilgi alabilirsiniz.

23. Twittervision

Twittervision

Twitter'a gönderilen mesajların gerçek zamanlı coğrafı görselleştirmesi. Uygulamada yer alabilmeniz için konum bilginizin ve kullanıcı hesabınızda bir görselin yer alması gerekiyor.

24. Twessenger

Twessenger

Twessenger, Windows Live Messenger için bir Twitter eklentisidir. Bu eklenti sayesinde messenger üzerindeki kişisel iletinizi düzenli olarak Twitter'e aktarabilirsiniz.

25. Twitsay

Twitsay

Twitter hesabınıza sadece 10 saniyelik sesli mesajlar gönderebilmenizi sağlayan bir uygulama. Gönderdiğiniz veriler uygulama sağlayıcısının sunucusunda şifrelenecek ve sadece Twitter'a gönderilecek.

26. TweetLater

TweetLater

Bu uygulama sayesinde Twitter mesajlarınızı önceden hazırlayabilir ve onların Twitter'da yayımlanma tarihlerini belirleyebilirsiniz. Uygulama aracılığı ile ayrıca sizi takip etmeye başlayanlara otomatik teşekkür mesajı göndermeniz de mümkün.

27. TwitterFeed

TwitterFeed

Twitterfeed ile seçeceğiniz RSS beslemesindeki içeriği otomatik olarak Twitter hesabınıza aktarabilirsiniz.

28. Twidentify

Twidentify

Bu uygulama aracılığı ile o an Twitter'da popüler olan konuları görebilir ve daha önceden popüler olmuş konuların zaman içerisinde nasıl değiştiğini gözlemleyebilirsiniz.

29. TwitLonger

TwitLonger

Twitlonger sayesinde 140 karakterden daha uzun tweetler gönderebilirsiniz. Mesajınız 140 karakteri aştığında mesajınızın sonuna bir link eklenecek ve kullanıcılar o bağlantıya tıkladıklarında mesajın geri kalanını okuyabilecekler.

30. My Tweeple

My Tweeple

My Tweeple sayesinde Tweeter üzerindeki takipçilerinizi kolayca yönetebilirsiniz. Sizi kim takip etmiş ya da siz kimi takip ediyorsanız hepsini bu uygulama üzerinden görebilmek mümkün. Sadece bir tıkla yeni kişileri takip edebilir ya da takip etmeyi bırakabilir, sizi rahatsız eden kişileri ise engelleyebilirsiniz. Uygulama üzerinden yaptığınız değişiklikler derhal Twitter'a da yansıyacaktır.

31. TweetBurner

TweetBurner

Tweetburner sayesinde URL adreslerini kısaltabilir, onları Twitter'e gönderebilir ve ardından onlarla ilgili istatistikleri takip edebilirsiniz. Özetle bu uygulama sayesinde Twitter'e gönderilen bağlantılarınızda gönderdikten sonra neler olduğunu görebilirsiniz.

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

ilgili yazılar

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

40+ Kullanışlı Web Servisi ve Aracı

pinkfloyd — Thu, 16 Apr 2009 08:55:00 GMT

Tasarım sırasında kullanabileceğiniz gerçeklerden işe yarar araçlardan daha kullanışlı hiçbir şey yoktur. İster bir diyagram oluşturma uygulaması olsun ya da vektör görselleri oluşturma yazılımı, CSS kodunuzu iyileştirme ya da biçimlendirme uygulaması veya motif oluşturma uygulaması, bu tip araçlar hayatınızı çok kolaylaştıracaktır. Biz de bunun üzerine bugünkü yazımızda web geliştiricilerinin ve tasarımcılarının hayatını kolaylaştıracak 40 web uygulamasını listeledik.

1. Are My Sites Up?

Are My Sites Up?

Are My Sites Up oldukça sade bir servis olup web sitenizin çalışır durumda olup olmadığını düzenli olarak kontrol eden ve bir sorun olduğunda sizi uyaran bir uygulama. Bu ücretsiz servis sayesinde 20 adede kadar web sitesini kontrol edebilir, sınırsız sayıda hatırlatıcıyı elektronik posta ya da kısa mesaj ile cep telefonunuza gönderebilirsiniz. Site kontrolleri günde 25 kez yapılıyor.

2. Wordle

Wordle

Wordle, uygulamaya sunacağınız metinlerden "kelime bulutları" oluşturabileceğiniz bir uygulama. Bu tip bulutlarda, sunulan metin üzerindeki kelimelerin kullanım sıklıklarına göre değişen boyutlarda kelimeler bir bulut içerisinde gösterilir. Uygulama üzerinden farklı yazıtipleri, anahatlar ve renk şemaları seçerek bulutunuzu özelleştirebilirsiniz. İlginç örneklere göz atmak için galeriyi kontrol etmeyi unutmayın.

3. Scrnshots

Scrnshots

Scrnshots, web ve ekran tabanlı tasarımlarınızın ekran görüntülerini almak ve onları paylaşmak için kullanabileceğiniz bir uygulma. Hesabınıza sınırsız sayıda ekran görüntüsü yükleyebilir, gönderdiğiniz ekran görüntülerini etiketleyebilir, başkalarının gönderdiği ekran görüntüleri üzerinde size ilham kaynağı olabilmesi için arama yapabilir ve uygulamanın sunduğu bağlantıları kullanarak sitedeki ekran görüntülerini sitenize gömebilmek için kullanmanız gereken kodu alabilirsiniz. Uygulamanın daha pek çok kullanışlı özelliği bulunuyor.

4. Drop

Drop

drop.io uygulamasını kullanarak dosyalarınızı web, elektronik posta, telefon, fax ve diğer iletişim araçları aracılığı ile paylaşabilirsiniz. "drop" adı verilen dosyalarınız arama motorları tarafından arşivlenemeyecek şekilde depolandığından gizliliğe önem veren bu uygulama sayesinde istediğiniz dosyayı sadece istediğiniz kişiler ile paylaşabilirsiniz.

5. EmChart

EmChart

EM gibi bağıl (relative) birimler kullandığınızda, kullanıcı metin boyutunu tarayıcı üzerinden değiştirdiğinde sitenizin görünümü eşit bir şekilde değişime uğrar. Ancak doğru EM değerlerini kullanabilmek için her seferinde hesap makinenizi kullanmak bir süre sonra can sıkıcı hale gelebilir. İşte bu soruna çözüm getirmeyi hedefleyen EmChart uygulaması, alt aralıkları (margin), satır yüksekliklerini (aslında satır yükseklikleri birimsizdir ancak formül yine de kullanılabilir), üst aralıkları, alt/üst boşlukları (padding) ve diğer stil özelliklerini doğru ölçülerle kullanabilmenizi sağlıyor.

6. HTML-Ipsum

HTML-Ipsum

İşe yarar bir Lorem Ipsum uygulaması olan HTML-Ipsum'un kullanışlı bir özelliği de Mac dostu çıktılar verebilmesi. Sitenin çıktıları arasında Coda klipleri, Textmate paketleri ve menü çubuğu uygulaması yer alıyor.

7. Pixastic

Pixastic

Pixastic bir JavaScript kütüphanesi olup görseller üzerinde filtreler ve güzel görünümlü efektleri sadece birkaç satırlık JavaScript koduyla uygulayabilmenizi sağlıyor. Bu aracı özellikle kendi bilgisayarıma ulaşamadığım zamanlarda bir görseli çabucak düzenlemek istediğimde çok faydalı buluyorum.

8. Color Scheme Designer

Color Scheme Designer

Color Scheme Designer (Renk Şeması Tasarımcısı) uygulaması ile farklı türlerde renk şemalarını kolayca oluşturabilir ve ardından seçilen renk şeması üzerinde parlaklık ve kontrast değerlerini değiştirerek kendinize en uygun renk şemasını bulabilirsiniz.

9. Lovely Charts

Lovely Charts

Çevrimiçi diyagram oluşturma uygulaması olan Lovely Charts ile profesyonel görünümlü çizelgeler, site haritaları ve çalışma planları oluşturabilirsiniz. Daha fazla bilgi için uygulamanın demosuna bir göz atmak isteyebilirsiniz.

10. HTM to PDF

HTM to PDF

Saf HTML kodlarını PDF belgelerine dönüştürebilen çevrimiçi bir servis.

11. Preloaders

Preloaders

Çevrimiçi animasyonlu gif önyükleyici oluşturucusu olan bu uygulama, istediğiniz arkaplan ve önplan renklerini seçebilmenizi, önyükleyicinizin boyutunu değiştirebilmenizi, animasyon hızını ayarlayabilmenizi ve ardından önyükleyicinin tipini özelleştirebilmenizi sağlıyor.

12. Down for Everyone or Just Me?

Down for Everyone or Just Me?

Bir web sitesinin sadece sizin bilgisayarınızda mı açılmadığını yoksa kimsenin bilgisayarında mı açılmadığını anlamak için kullanabileceğiniz bir uygulama.

13. Klock

Klock

Klok'un sade çalışma zamanlayıcısı ile günlük işlerinizin kaydını tutun ve gününüzü nasıl doldurduğunuzu görsel olarak yansıtın. Uygulamanın tüm özelliklerine de bir bakmayı ihmal etmeyin.

14. Enkoder

Enkoder

Enkoder uygulaması, elektronik posta adreslerini şifrelenmiş JavaScript koduna dönüştürebilen ve bu sayede onları elektronik posta adresi toplama robotlarından koruyarak sadece gerçek insanlara gösterebilen bir uygulama.

15. Websnapshot

Websnapshot

Web sitelerinin ekran görüntüsünü almak için kullanabileceğiniz bir diğer kullanışlı uygulama olan Websnapshot ile tek yapmanız gereken, ekran görüntüsünü almak istediğiniz web sitesinin adresini girmek ve ardından "Snap" düğmesine basmak. Ya da tarayıcınız üzerinden sürükleyip bırakabilirsiniz de. Kaydatmek için önizleme resimlerini tıklayabilir ya da otomatik kaydet seçeneği seçili ise görsellerin otomatik olarak sizin belirleyeceğiniz kayıt klasörüne kaydedebilirsiniz.

16. TypeChart

TypeChart

Typechart ile CSS dosyalarını alırken aynı zamanda web tipografilerini önizleyebilir ve karşılaştırabiliriniz. Farklı tipografi stillerine göz atabilir, CSS kodunu indirebilir, Windows (ClearType) yazıtipi işleme motoru ile Apple yazıtipi işleme motorunu karşılaştırabilirsiniz.

17. WTFramework Bookmarklet

WTFramework Bookmarklet

Bir web sitesi üzerinde hangi JavaScript kütüphanesinin kullanıldığını merak ettiğiniz ancak kaynak kodunu kontrol edemeyecek kadar tembel olduğunuz anlar oldu mu? WTFramework oldukça sade ve kullanımı kolay bir bookmarklet olup bu işi sizin için yapabilen bir araç.

18. Pencil

Pencil

Pencil Projesi'nin ana amacı, kolayca diyagramlar ve GUI prototipleri oluşturabilmeniz için kullanabileceğiniz açak kaynaklı bir araç oluşturmaktır.

19. Web Geliştirme Projesi Tahmin Edicisi

Web Geliştirme Projesi Tahmin Edicisi

Web Development Project Estimator uygulamas, web tasarımcılarının ve site geliştiricilerinin bir web projesi için gereken zamanı ve materyalleri hesaplamak için kullanabilecekleri kullanışlı bir uygulama.

20. 280slides

280slides

Güzel görünümlü sunumlar oluşturun, onlara dilediğiniz yerden ulaşın ve dilediğiniz kişiler ile paylaşın.

21. BackType

BackType

Herhangi bir bloga ya da web sitesine ne zaman bir blog bırakırsanız, BackType onu sizin için takip edecektir. Dilerseniz sizinle aynı görüşe sahip insanları bulabilir ve onlarla iletişim kurabilir, uygulama üzerinden o kişilerin yorumlarını takip edebilirsiniz.

22. FeedCompare

FeedCompare

Rakiplerinizin FeedBurner beslemelerini kendinizinki ile karşılaştırarak rakiplerinizin gelişimini takip edebilirsiniz.

23. SmushIt

SmushIt

Smushit.com görsellerinizi mümkün olan en yüksek oranda sıkıştırırken kalitesinden ödün vermeyerek dosya boyutundan kazanmanızı sağlıyor.

24. Dexrex

Dexrex

Dexrex, anında mesajlaşma servislerinden gelen mesajlarınızın yanısıra cep telefonunuza gönderilen kısa mesajları arşivlemenizi sağlayan bir eklenti.

25. Jott

Jott

Jott, herşeyin kontrolünü eline almanızı sağlayan bir uygulama. Notlar alabilir, hatırlatıcılar ve ajandalar oluşturabilir, arkadaşlarınız ve ailenizle iletişim halinde kalabilir ve sık kullandığını web siteleri ile servisleri ile etkileşim kurabilirsiniz... Üstelik tüm bunları sesinizi kullanarak yapabiliyorsunuz.

26. Fresh Books

Fresh Books

FreshBooks ile faturalar ve tahminler gönderebilirsiniz. Servis, faturamalaya dair her şeyi çok kolay hale getirmiş. Önceden proje faturaları oluşturarak daha sonra onları unutma dersinden kurtulabilirsiniz.

27. SifrVault

SifrVault

sIFR yazıtiplerinin yer aldığı çevrimiçi bir kaynak.

28. SproutBuilder

SproutBuilder

Sprout sayesinde widgetler, mini siteler, mashuplar, bannerler ve daha fazlasını kolayca oluşturabilirsiniz.

29. Snipt

Snipt

Snipt üzerinde sık kullandığınız kod parçacıklarını ya da komutları depolayabilirsiniz.

30. ShiftSpace

ShiftSpace

Açık kaynaklı bir tarayıcı eklentisi olan ShiftSpace sayesinde web üzerinde çok farklı ve çeşitli düzenlemeler yapabilirsiniz. Uygulamanın özelliklerine bakmayı unutmayın.

31. Wappalyzer

Wappalyzer

Bir Firefox eklentisi olan Wappalyzer, ziyaret ettiğiniz web sitelerinde hangi yazılımların kullanıldığını gösteriyor. Eklenti pek çok CMS'yi, e-ticaret ve wiki ve forum uygulamasını otomatik olarak algılıyor.

32. Favicon Generator & Editor

Favicon Generator & Editor

Tüm modern web tarayıcıları tarafından desteklenen GIF, PNG ya da JPEG biçimindeki görselleri bu uygulama ile ICO biçimine dönüştürebilirsiniz. Dilerseniz çevrimiçi düzenleyicisi ile kendi faviconlarınızı da sıfırdan oluşturabilirsiniz. Ayrıca uygulama, oluşturulan görsellerin daha iyi görünmesi için bazı ince ayarları da içeriyor.

33. BgPatterns

BgPatterns

Bu araç ile döşeli motifler oluşturabilir, oluşturulan motiflerin rengini değiştirebilirsiniz.

34. Kuler

Kuler

Adobe tarafından geliştirilen ve web tabanlı bir uygulama olan Kuler, kendi renk şemalarınızı oluşturabilmenizi sağlıyor. Ayrıca yine uygulama üzerinden diğer kullanıcıların oluşturduğu renk şemalarına yorum bırakabilir, ya da ortak renk şemaları oluşturabilirsiniz.

35. FontStruct

FontStruct

Ücretsiz bir font oluşturma aracı olan bu uygulama sayesinde ızgara motif üzerinde pozisyonlanmış geometrik şekillerden yazıtipleri oluşturabilirsiniz.

36. Vector Magic

Vector Magic

Sadece birkaç fare tıklaması ile bitmap görsellerinizi vektörel görsellere dönüştürebilmenizi sağlayan bir uygulama.

37. Tartan Designer

Tartan Designer

İskoç severler ve havalı tasarımcılar için ekose motifleri oluşturun.

38. GoldenRatioCalculator

GoldenRatioCalculator

Eğer web sitenizin kompozisyonunu ya da tasarımını önemli ölçüde yiileştirmek istiyorsanız, o zaman tasarımınıza altın oran ölçülerini uygulamak isteyebilirsiniz. Bu araç, tasarımlarınız için altın oranı hesaplamanıza yardımcı olacaktır.

39. PicMarkr

PicMarkr

PicMarkr, görsellerinize dilediğiniz filigranı (watermark) ekleyebilmenize olanak sağlayan bir uygulama. Özellikle görsellerinizin telif haklarını korumak ya da onlara yorum eklemek istediğiniz zaman kullanışlı.

40. TweetDeck

TweetDeck

Twitter'ın halihazırda kullanılan özelliklerini alarak onları kategorilere ayırarak daha kolay yönetilebilir hale getiren bir Adobe Air uygulaması olan TweetDeck, ana twitter beslemenizi (tüm tweetler) konu ya da gruplara göre ayırabilmenizi sağlıyor.

Web Araçları İle İlgili Yazdığım Diğer Yazılar

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

Kurumsal Websiteleri Hakkında 10 Acı Gerçek

pinkfloyd — Wed, 15 Apr 2009 05:25:00 GMT

Hepimiz web sitelerimizi yönetirken hata yaparız. Ancak bu hataların doğası kurumunuzun büyüklüğüne göre değişir. Şirketiniz büyüdükçe, hatalar da değişecektir. Bu makale büyük boyutlu kurumların web sitelerinde karşılaşılan hataları incelemektedir.

Birlikte çalıştığım müşterilerin pek çoğu büyük boyutlu kurumlardır: Üniversiteler, büyük vakıflar, kamu sektörüne ait kurumlar ve büyük şirketler. Geçtiğimiz 7 yıl süresince bu kurumlarda sürekli tekrar eden yanlış fikirlere rastladım. Bu makalede bu yanılsamaları kaldırmayı ve insanları acı gerçekle yüzyüze getirmeyi planlıyorum.

Eğer bu yazıyı okuyorsanız, zaten burada listelenecek problemlerin de farkındasınızdır. Ama umarım bu makale, şirketinizdeki diğerlerini ikna etmenize yardımcı olacaktır. Her durumda, web siteleri ve büyük boyutlu kurumlar hakkında 10 acı gerçekle yazımıza başlayalım.

1. Ayrı Bir Web Bölümüne İhtiyacınız Var

Pek çok şirkette web siteleri, ya pazarlama ya da BT birimleri tarafından yönetilmektedir. Ancak bunun sonucunda web siteleri kaçınılmaz olarak şirket içi politikaların bir parçası haline gelmektedir.

Gerçekte, bir web stratejisi için baskı yapmak bu her iki grubun da işi değildir. BT belki karmaşık sistemler oluşturmak için çok yetenekli olabilir, ancak bu, onların kullanıcı dostu bir web sitesi oluşturabilecekleri ve bir çevrimiçi kimlik yaratabilecekleri anlamına gelmez.

Zeldman, kurumların ayrı bir web birimi sahibi olmalarını telkin ediyor.

Öte yandan pazarlama biraz daha iyidir. Zira Jeffrey Zeldman'ın da makalesinde Bırakın web birimleri olsun makalesinde belirttiği gibi:

Web bir diyalogdur. Pazarlama ise tam aksine monologdur. Ardından tüm o semantik kodlama, CSS, zarar vermeyen betikleme, kart dizme egzersizleri, HTML çalışmaları, kullanıcıları erişilebilirliğe dahil etmek ve pazarlama birimlerinin ilgi ve yetenek alanına girmeyen daha pek çok ince ayrıntı gelecektir.

Bunun yerine, web siteleri sadece buna odaklanmış bir ekip tarafından yönetilmelidir. Yine Zeldman, bu konuyu da şu şekilde özetlemiş:

Onları web sitenizin, broşürlerinizin bir kopyası ya da grup ajandanızın bir sonucu olmadığını anlayacak bir birime yerleştirin. Bırakın web birimleri olsun.

2. Web Sitenizi Yönetmek Tam Zamanlı Bir İştir

Web siteleri pazarlama ve BT arasında bölünmekle kalmıyor, ayrıca web siteleri için gereğinden daha az kaynak ayrılıyor. Kurumların web sitelerine adanmış bir ekipten ziyade web siteleri ile ilgilenen kişiler genellikle "gündelik işlerinden" arta kalan vakitte web siteleri ile ilgilenmeye teşvik ediliyor. Bir web ekibi oluşturulduğunda, genellikle bu ekip gereğinden fazla esnetilmiştir. Zamanın büyük kısmı, uzun zamanlı stratejik planlamadan ziyade gündelik bakıma harcanır.

Bir web sitesini "yönetecek" kişinin ya da kişilerin seçiminin genellikle "giriş seviyesindeki" elemanlara verilmesi sorunu daha da derinleştirir. Bu gruptaki kişilerin kurumsal web sitesini ileriye götürecek deneyimi ya da yetkisi yoktur. Günümüzde, kurumların web sitelerini yönetmek ve web stratejilerini bir adım daha ileriye götürmek için tam zamanlı ve deneyimli web yöneticilerini işe almalarının zamanı gelmiştir.

3. Düzenli Olarak Yeniden Tasarım Yeterli Değildir

Kurumsal web siteleri için yeterli kaynak ayrılmamış olduğundan, web sitesi üzerinde yapılacaklar daha geniş zamana yaydırılmak zorunda kalır. Bir süre sonra da web sitesinin içeriği gerek kullandığı teknoloji, gerekse de içeriği bakımından zamanın gerisinde kalır.

Bir süre sonra web sitesi o kadar utanılacak hale gelir ki yönetim devreye girer ve sorunların giderilmesi gerektiğini talep eder. Bunun sonucunda da genellikle web sitesi yeniden tasarlanır ve bunun da şirketlere önemli maliyetleri olur. Daha önce Paul Boag'ın Web Sitesi Sahipleri Kılavuzu'nda belirttiği gibi bu yaklaşım yanlıştır. Eski web sitesi yenisi ile değiştirildiğinden dolayı ona yapılan yatırımların boşa gittiği gibi, yeni web sitesi için tekrar yatırım yapılması gerekecektir. Bunun her birkaç yılda bir tekrar ettiğini düşünürseniz şirketlere maliyeti gerçekten önemli boyutlara ulaşır.

Cameron Moll, web tasarımcılarının web sitelerini yeniden tasarlamaktansa onları yeniden pozisyonlandırmalarını öneriyor.

Daha iyi bir yöntem de web sitenize yapacağınız düzenli yatırımların sonucunda onun kendi kendine gelişmesini sağlamaktır. Bu yöntem sadece daha az harcama yapmış olmakla kalmayacak, ayrıca Cameron Moll'un İyi tasarımcılar yeniden tasarlar, mükemmel tasarımcılar yeniden pozisyonlar makalesinde belirttiği üzere kullanıcılar açısından da daha iyidir.

4. Web Siteniz Herkesi Memnun Edemez

Bir müşteriye sorduğum ilk sorulardan birisi "hedef kitleniz kimdir?"dir. Genellikle bu soruya verilen yanıtların uzunluğu beni her zaman şaşırtmıştır. Genellikle sorunun yanıtı, birbirinden farklı insanların yer aldığı bir listeden oluşur. Bunun sonucunda kaçınılmaz olarak ben de "Bu demografik gruplardan hangisi en önemlisidir?" sorusunu sorarım. Sinir bozucu bir şekilde de bu soruya verilen cevap, her grubun eşit öneme sahip olduğu şeklinde olur.

Burada belirtmek istediğim acı gerçek, eğer bir web sitesini herkes için uygun yapmaya kalkışırsanız, o web sitesi kimse için uygun olmaz. Hedef kitlenize odaklanmak ve ardından tasarımınızı ve içeriğinizi ona göre şekillendirmek son derece önemlidir. Peki bu, diğer kullanıcıları önemsememeniz gerektiği anlamına mı geliyor? Kesinlikle değil. Web siteniz herkes tarafından erişilebilir olmalıdır ve kimseyi dışlamamalı ya da incitmemelidir. Ancak bir web sitesi, açık ve net bir şekilde tanımlanmış bir gruba yönelik olarak hedeflenmelidir.

5. Sosyal Ağ'da Boşuna Para Harcıyorsunuz

Gün geçtikçe web sitesi yöneticilerinin bir web sitesi stratejisinin onu yönetmekten çok daha fazlası olduğunu anladıklarını gördükçe seviniyorum. Yöneticiler Twitter, Facebook, YouTube gibi araçları kullanarak hedef kitlelerine ulaşmaya çalışıyorlar. Ancak her ne kadar bu araçları kullansalar bile, onları verimsiz bir şekilde kullanıyorlar. Kurumsal bir hesap üzerinden Tweetlemek ya da satış sunumlarını YouTube üzerinde yayımlamak, sosyal ağın varoluş amaçlarının dışına çıkmaktır.

Microsoft, geliştirici komünitesi üzerindeki şirket imajını iyileştirmek için çalışanlarının Channel 9 web sitesi üzerinden iletişim kurmalarına izin vermekle bu imajı oldukça değiştirdi.

Sosyal ağ, insanların diğer insanlarla bir araya gelmesidir. Bireyler, kurumlarla ya da markalarla ilişki kurmak istemezler. Bunun yerine diğer bireylerle konuşmak isterler. Çok sayıda şirket, Facebook uygulamalarına ve videolarına milyonlar harcıyorlar. Bunun yerine o parayı insanlarla şeffaf ve daha açık bir şekilde bir araya gelmek için kullanabilirler.

Kurumsal bir Twitter hesabı ya da kurumsal bir blog oluşturmak yerine çalışanlarınızı şirketiniz hakkında Tweetlemek ve bloglamaya teşvik edin. Kabul edilebilir davranışların neler olduğunu belirten kılavuzlar hazırlayın ve ürünleriniz ile hizmetlerinize bağlı olan komünite ile ilişki kurabilmek için kullanmaları gereken araçları gösterin. Bu, komüniteye olan bağlılığınızı göstermekle kalmaz, ayrıca şirketinizin "insan" tarafını da yansıtır.

6. Web Siteniz Sadece Sizin Hakkınızda Değildir

Bazı web sitesi yöneticileri web sitelerini herkesi memnun edecek şekilde hazırlamayı tercih etseler de, diğerleri sadece kendilerini ve diğer iş arkadaşlarını tatmin etmek için bir web sitesi sahibi olmayı yeğlerer. Tahmin ettiğinizden çok daha fazla sayıda şirket, kullanıcılarını tümüyle görmezden gelir ve web sitelerini tümüyle kurumsal bakış açısıyla oluştururlar. Bu da genellikle "patronun" bireysel tercihlerini yansıtan bir web sitesi tasarımıyla ve saçmalıklarla dolu içerikle sonuçlanır.

Bir web sitesi, çalışanların tercihlerini yansıtmaktansa, kullanıcılarının ihtiyaçlarına cevap verebilmelidir. Sırf patron "yeşil rengi sevmediği için" pek çok tasarım reddedilmiştir. Yine pek çok web sitesinin içeriği, sadece şirket içinde kullanılan terimleri ve tanımlamaları içeren içerir.

7. Web Ekibinizden Gereken Değeri Almıyorsunuz

İster şirket içinde bir web ekibi olsun, ya da harici bir firma ile çalışıyor olsunlar, pek çok firma, kendi web tasarımcılarından en yüksek seviyede faydalanamamaktadırlar. Web tasarımcıları piksellerle boğuşan tiplerden çok daha fazlasıdır. Web'in kendisi ve kullanıcıların onunla nasıl etkileşim kurdukları hakkında önemli bilgilere sahiptirler. Ayrıca ızgara sistemleri, beyaz boşluk, renk teorileri ve daha çok fazla sayıda tasarım tekniklerini de anlarlar.

Tasarımcılara piksellerle boğuşan insanlar gibi davranmak, onların tasarım deneyimlerinin boşa harcanmasına neden olur: Yukarıdaki resimde bir Twitter kullanıcısı da bu durumdan yakınıyor.

Bu sebeple onlara "logoyu daha büyük yap" ya da "onu 3 piksel sola kaydır" diyeyerek onları yönetmek doğru değildir. Bunu yaparak onların bir yazılım operatörü olarak bilgilerini ve sorumluluklarını hiçe sayıyor ve onların size ve şirketinize kazandıracakları deneyimlerini kaybetmiş oluyorsunuz.

Eğer web ekibinizden yüksek miktarda verim almak istiyorsanız, onlara problemlerle gidin, çözümlerle değil. Örneğin, eğer web siteniz genç kızlara yönelik ise ancak tasarımcınız kurumunuzun rengi olan o mavimsi rengi tercih etmişse, onlara hedef kitlenizin bu rengi iyi karşılamayabileceklerini söyleyebilirsiniz. Onlara rengi pembeye değiştirmeleri gerektiğini söylemeyin. Bu sayede tasarımcıya, belki de sizin seçiminizden daha iyi bir öneri ile gelebileceklerini sağlayacak bir özgürlük vermiş olursunuz. Tasarımcıya sunduğunuz problemi çözme fırsatı vermiş olursunuz.

8. Komite Tarafından Belirlenen Tasarımlar Ölümle Sonuçlanır

Büyük ölçekli firmaların web site yönetimine yönelik sembolü komitedir. Komiteler genellikle web sitelerini zorlar, zira şirket içi politikalar, herkein bu konuda söz sahibi olması gerektiğini ve her önerinin de dikkate alınması gerektiğini söyler. Bunu söylemekle birlikte tüm komünitelerin kötü bir fikir olduğunu söylemek ve bunun sonucunda da büyük ölçekli firmaların web sitelerinin yardım almadan tasarlanamayacağını söylemek doğru olmaz. Ancak konu tasarıma geldiğinde komiteler genellikle ölüm öpücüğüdür.

Komite tarafından yönetilen bir tasarım, doğru tasarım değildir.

Tasarım özneldir. Bizim tasarımlara verdiğimiz yanıtlar kültürümüze, cinsiyetimize, yaşımıza, çocukluk deneyimimlerimize hatta fikiksel durumumuza (örneğin renk körlüğü) değişebilir. Bir kişi tarafından mükemmel görünen tasarım, bir başkası tarafından nefret edilebilir. Bu sebeple tasarım kararları kişisel deneyimlerden ziyade kullanıcı testleri ile verilmelidir. Ne yazık ki tasarım kararlarına komite dahil olduğunda bu yaklaşım neredeyse hiç dikkate alınmaz.

Bunun yerine komitenin tasarımı uzlaşmaya dönüşür. Çünkü komite üyelerinin bir tasarım hakkında farklı fikirleri olabilir, bunun sonucunda da tüm komite üyelerini memnun edecek bir karara varılır. Bir kişi mavi renk şemasını severken, bir diğeri nefret edebilir. Bunun sonucunda komite, tasarımcıya, "farklı bir mavi tonu bul" diyerek orta yolu bulmaya çalışır. Ne yazık ki bu kimseyi memnun etmeyen ya da kimseyi heyecanlandırmayan bir tasarımla sonuçlanır. Tasarım, tasarımcıların işidir.

9. İçerik Yönetim Sistemi (CMS) Gümüş Kurşun Değildir

Müşterilerimin pek çoğu inanılmaz bir şekilde CMSlerden gerçekçi olmayan beklentilere sahiptir. Beklentileri olanlar tüm içerik sorunlarının giderileceğini düşünürken, olmayanlar ise sorunların giderilmeyeceğinden yakınırlar.

CMS'nin sayısız faydaları olduğu kesinlikle doğrudur. Bunlardan bazıları:

İçerik ekleme sırasındaki teknik engelleri azaltması,
Daha fazla kişinin içerik eklemesine ya da düzenlemesine imkan vermesi,
Daha hızlı güncellemelerin mümkün olması,
Daha iyi kontrol sağlanabilmesi.

Ancak pek çok CMS, sahiplerinin istediğinden daha az esnektir. Yönettikleri web sitelerinin değişen gereksinimlerini karşılamakta yetersiz kalırlar. Web sitesi yöneticileri ayrıca kullandıkları CMS'nin zor olmasından yakınırlar. Ancak pek çok durumda bu yakınmaların sebebi, kullanıcıların yeteri kadar eğitilmiş olmamaları ya da ilgili içerik yönetim sistemini yeteri kadar kullanıyor olmamalarıdır.

Son olarak, bir CMS, içeriğin kolayca güncellenebilmesini sağlayabilir, ancak içeriğin güncelleneceğini ya da içeriğin kaliteli olacağını garantilemez. Pek çok CMS tabanlı web sitesi halen eski ya da kötü yazılmış içeriğe sahiptir. Çünkü kendi içerik sağlayıcılarını desteklemek için gerekli olan şirket içi gereksinimler sağlanmamıştır.

Eğer bir CMS'ye web sitesi yönetim sorunlarınızı giderecek bir araç olarak görürseniz, sonra çok üzülürsünüz.

10. Çok Fazla İçeriğiniz Var

Büyük boyutlu kurumsal web sitelerindeki içeriğin yönetimi sırasında karşılaşılan sorunların bir kısmı da, ilk aşamada çok fazla içeriğin varoluşudur. Bu web sitelerinin pek çoğu yıllar geçtikçe "evrimleşerek" daha fazla içerik taşır hale gelmiştir. Hiçbir aşamada kimse gelip hangi içeriğin kaldırılabileceğini ya da güncellenebileceğini sorgulamamıştır.

Web sitesi yöneticilerinin pek çoğu web sitelerinin kimsenin okumayacağı içerikle doldururlar. Bunun gerçekleşmesinin birkaç nedeni vardır:

Birşeyleri atlamış olma korkusu: Her şeyi İnternet'e koyarak, kullanıcıların istedikleri her şeyi bulabileceklerine inanırlar. Ne yazık ki günümüzde mevcut olan çok fazla bilgi sebebiyle bir şeyleri bulmak her zaman zor olmuştur.
Kullanıcıların birşey anlamayacağı korkusu: Web sitelerine ya da hedef kitlelerine olan güvensizlik olsun, içerik sağlayıcıları kullanıcıya sonsuz miktarda içerik verirler. Ne yazık ki kullanıcılar bu içeriği asla okumazlar.
İnandırmak için yanıp tutuşmak: Ürünlerini satmak ya da mesajlarını iletmek için yanıp tutuşuyor olabilirler, bu yüzden de satış broşürlerindeki metni kopyalayarak doğrudan web sitelerine yerleştirirler. Ne yazık ki bu tip içerikler ürünün kendisi hakkında çok az bilgi verir.

Don't Make Me Think (Beni düşünmeye zorlama) isimli kitabında Steve Krug, web sitesi yöneticilerinin "her bir sayfadaki metnin önce yarısını atmalarını, ardından da geriye kalan metnin yarısını atmalarını" önerir. Bu sayede her bir sayfadaki karmaşa azaltılmış olacak ve sayfadaki kullanışlı içerik daha belirgin kılınacaktır.

Sonuç

Büyük şirketler kendi web sitelerini yönetirken pek çok şeyi doğru yaparlar. Ancak aynı zamanda acı veren bazı özgün zorluklarla da yüzyüze gelirler. Bu problemleri gidermek, daha önce yapılan hataları kabullenmekten, şirket içi politikaları görmezden gelmekten ve markanızı kontrol etme yönteminizi değiştirmekten geçer. Bunu yapmak size hem önemli bir avantaj sağlayacak, hem de uzun vadede web stratejinizin çok daha verimli hale gelmesini sağlayacaktır.

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

ilgili yazılar

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

SocialWhois: Sizi Takip Edenler Kim?

pinkfloyd — Mon, 13 Apr 2009 17:12:00 GMT

Her ne kadar Twitter hesabımda ya da FriendFeed hesabımda beni takip edenlere yeni birisi eklendiğinde, kullanıcı isimlerinin üzerine tıklayıp profiline ve geçmiş girdilerine bakıp sadece birkaç saniye içerisinde onları geri takip edip etmeyeceğime karar verebiliyor olsam da, bazen öyle bir kullanıcı geliyor ki o kişinin kim olduğuna dair herhangi bir bilgi sahibi olmam, en azından profiline bakarak, mümkün değil. Eğer siz de daha önce kendinizi buna benzer bir durumda bulduysanız, SocialWhois servisini kullanışlı bulabilirsiniz.

Tıpkı alan adları için whois bilgisini sorgulamak gibi Socialwhois web sitesi de, bir kullanıcının Friendfeed ya da Twitter kullanıcı adını girdiğinizde o kişi hakkında sizi bilgilendirmeyi hedefliyor. Öntanımlı olarak görünüşe bakılırsa sitenin yaptığı şey, ilgili kullanıcı hakkında o kişi hakkında bilgi almak. Örneğin, ben siteye kayıt olmadan önce Socialwhois, benim Twitter kullanıcı adımı, Friendfeed hesabımda listelediğim diğer hesaplar ile ilişkilendirebilmişti. Ancak Socialwhois'in benim hakkımda verdiği bilgiler beni memnun etmeyince siteye üye olup kendi profilimi oluşturdum ki iş bundan sonra daha da ilginç hal almaya başladı.

Socialwhois üzerinde bir hesap oluşturduğunuzda, Twitter'in 160 karakterlik biyografi sınırlaması olmadan hakkınızda daha detaylı bir özgeçmiş oluşturabilir, diğer sosyal profillerinize bağlantılar ekleyebilir, ilgi alanlarınızı girebilir (ki bunlar daha sonra tıklanabilir bağlantılara dönüşecekler) ve ilgili alanları üzerinden Twitter ve FriendFeed üzerinde sizinle aynı ilgi alanlarını paylaşan kişileri görebilirsiniz.

SocialWhois Ekran Görüntüsü

Aslında bu Socialwhois'i bir tür Twitter ve FriendFeed dizini haline dönüştürüyor ancak ilgili dizine katılmak tamamen size kalmış. Sitenin yetersiz kaldığı bir alan ise FriendFeed ve Twitter hesaplarınızı birbirine bağlayamayacak olmanız. Bu sebeple Twitter için ayrı, FriendFeed için ayrı bir hesap oluşturmak zorunda kaldım.

SocialWhois ayrıca site üzerinde kendine özgü bazı sosyal özelliklere de sahip. Bunlar arasında beğendiğiniz kişileri beğendikleriniz listesine ekleyebilmek ve sizi bu site üzerinden kimlerin beğendiğini görebilirsiniz. Site üzerinde ayrıca "My Lifestream" bölümü de var ancak bu özelliğin şimdilik ne işe yarayabildiğini çözebilmiş değilim zira bu alan benim için boş. Ayrıca "Public Inbox" alanı da Facebook Duvarı benzeri bir özelliğe sahip.

Genel olarak Socialwhois Twitter ve FriendFeed kullanıcıları için uzatılmış bir profil görevini üstleniyor gibi görünüyor. Peki bu tip bir şeye gerek var mıydı? kişisel olarak ben beni takip eden insanların daha önce ilgili platformlar üzerinde neler yaptıklarına, platforma ne gibi katkıda bulunduklarına ve çoğu durumda yeterli olacak kısa özgeçmişlerine bakarak karar vermeyi tercih etme eğilimindeyim. Ancak eğer bir kişiyi takip edip etmemeye karar verme aşamasında daha fazla bilgi arıyorsanız, o zaman SocialWhois ihtiyaçlarınıza cevap verebilir. Henüz birkaç aylık bir site olan SocialWhois üzerinde görünüşe göre pek çok kişi kendi profillerini oluşturmuş durumdalar.

Sitenin beğendiğim bir özelliği ise mikrobiçimler (microformats), afml ve xfn gibi web içeriğinin ve kimliklerinin birbirleri ile ilişkisi bazında tanımlandırılabilmesine yönelik teknolojileri desteklemesi. Bu tip siteler, gerek arama motoru optimizasyonu olsun, gerekse de web içeriğinin kategorizasyonu ve kimliklerinin tanımlandırılabilmesi açısından önümüzdeki birkaç yıl içerisinde çok daha popüler olacağı kanaatindeyim.

Siteye üye olmak için herhangi bir form doldurmanıza gerek yok. Twitter hesap bilgileriniz ya d FriendFeed uzak anahtar kaydınız ile site üzerinde profilinizi oluşturabilmeniz mümkün.

ilgili yazılar

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

Firefox İçin Mükemmel Flickr Eklentileri

pinkfloyd — Mon, 13 Apr 2009 14:02:00 GMT

Bir servis ne kadar güzel olursa olsun, birkaç güzel ince ayarla o servis daha da güzel hale getirilebilir ve popüler fotoğraf paylaşım sitesi Flickr'ın da bu açıdan diğer servislerden herhangi bir farkı yoktur.

Yazının devamında bulacağını Flickr için 15 adet Firefox Eklentisi sayesinde gezintiden fotoğraf göndermeye, Flickr'ı engelleyen ülkelerden ilgili servise erişebilmeye ve çok daha fazlasına ulaşabileceksiniz. Listeye bir göz atın. Flickr deneyimini daha da iyileştirecek bir eklenti bulacağınızdan eminim.

Siz hangi Flickr eklentilerini kullanıyorsunuz? En beğendiğiniz eklentileri yorumlarınızda belirtmeyi ihmal etmeyin.

Access Flickr!: Eğer İran, Birleşik Arap Emirlikleri ya da Çin gibi bir ülkede yaşıyorsanız ve Flickr'a erişemiyorsanız bu eklentiyi kullanarak ilgili ülkelerin firewall sınırlamalarını aşabilir ve Flickr'a sorunsuzca erişebilirsiniz.

Better Flickr: Better Flickr, fotoğraf büyüteci, küçük resim iyileştirici, zengin düzenleme ve daha pek çok Greasemonkey eklentisini bir araya getiren bir eklenti. Tek yapmanız gereken, Flickr'a eklemek istediğiniz özelliklerin onay kutucuklarına birer birer tıklayarak özellikleri etkinliştirmek.

Fireflix: Flickr ile birlikte çalışan bir yan çubuk (sidebar) eklentisi olan Fireflix sayesinde yerel dosyalarınız üzerinden Flickr'a görsel gönderebilir, bağlantılama için HTML kodu oluşturabilir, fotoğraf akışları üzerinde arama yapabilirsiniz.

Flickr: Flickr fotoğraflarında doğrudan tarayıcı üzerinden arama yapabilmenizi sağlayan sade bir eklenti.

Flickr Auto Page: Bu eklenti, Flickr üzerindeki "Next" (sonraki) düğmesini kaldırıyor ve bir sonraki resmi otomatik olarak yüklüyor. Bu sayede Flickr fotoğrafları üzerinde daha rahat gezinebiliyorsunuz.

Flickr Buddy: Firefox üzerindeki durum çubuğuna bir simge ekleyerek, ilgili simge üzerinden Flickr RSS beslemelerinin içeriğini alıyor ve takip ettiğiniz kişiler siteye yeni bir fotoğraf yüklediğinde sizi uyarıyor.

Flickr Gallery Plus!: Flickr Gallery Plus! büyük bir görselin yanında küçük önizleme resimlerini görebilmenizi sağlayan bir eklenti. Küçük önizleme resimlerinin üzerlerinde gezinerek onların orjinal boyutlarını görebilirsiniz.

Flickr Original: Bir Flickr görseli üzerine sağ fare tuşu ile tıkladığınızda açılan menüye bir seçenek ekleyerek, ilgili görselin orjinal boyutunu doğrudan bilgisayarınıza indirebilmenizi sağlıyor.

Flickr Themr: Flickr'ın beyaz renkli arkaplanı sizi yoruyor mu? Flickr Themr siteye mavi ve gri renkli bir tema uygulayarak siteyi daha farklı bir şekilde gezinebilmenizi sağlıyor.

Flickrfox: Flickrfox'u kurduktan sonra tarayıcınıza yeni bir sidebar ekleniyor ve ilgili sidebar üzerinden Flickr fotoğraf akışları üzerinde gezinebiliyorsunuz. Bu sırada ana pencerede ziyaret ettiğiniz diğer pencereler etkilenmiyor.

FlickrSpaceBall: Bu eklenti Flickr'daki bazı görseller üzerinde bulunan spaceball.gif görselini kaldırıyor.

FlickrTrans: Herhangi bir sitedeki herhangi bir görselin üzerine sağ tıklayarak, o görseli Flickr hesabınıza yükleyebilmenizi sağlayan bir eklenti.

Fotofox: Bir fotoğraf gönderim yöneticisi olan bu eklenti sayesinde bilgisayarınızdaki herhangi bir görseli bu eklenti üzerine sürükleyip bırabilir, ilgili görsele etiket ekleyebilir, gizlilik seçeneklerini değiştirebilir ve ardından aralarında Flickr'ın da bulunduğu 40'ın üzerinde fotoğraf paylaşım sitesine gönderebilirsiniz.

Lockr: Flickr üzerindeki içeriği Facebook arkadaşlarınızla paylaşabilirsiniz. Arkadaşlarınız ise ilgili içeriği görebilmek için Flickr'a bağlanmak zorunda kalmayacaklardır.

Uploadr for Flickr: Çeşitli web siteleri üzerinde gördüğünüz görselleri doğrudan Flickr hesabınıza aktarabilmenizi sağlayan bir uygulama.

Flickr Hakkında Yazdığım Diğer Yazılar

ilgili yazılar

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

Tarayıcı Sorunlarını Çözen jQuery Eklentileri

pinkfloyd — Mon, 13 Apr 2009 06:47:00 GMT

Mümkün olduğu kadar CSS kullanılması gerektiğini öneriyoruz ve genellikle bunda da başarılı oluyoruz. Modern tarayıcıların CSS için çok iyi desteği bulunuyor, en azından anahattınızı ve sunumunuzu düzenlemek için CSS kullanmanıza yetecek kadar destek içeriyorlar. Ancak bazen bazı sayfa elementleri farklı tarayıcılar üzerinde farklı görünmektedirler. İşte bu yüzden biz de bugünkü yazımızda farklı tarayıcılarda görünen sorunları giderecek 15 jQuery çözümünün yanısıra size bazı güzel tarayıcı efektleri verecek jQuery eklentilerini listeleyeceğiz.

1. Internet Explorer'da DD_Roundies İle Yuvarlatılmış Köşeler Kullanabilmek

Ne yazık ki CSS3 border-radius şimdilik sadece Safari ve Firefox tarafından desteklenmekte olup, Internet Explorer gibi tarayıcılar üzerinde kare köşeler kullanmak zorunda kalıyoruz. DD_Roundies kütüphanesi yuvarlatılmış köşeleri Internet Explorer üzerinde sorunsuzca kulanabilmemizi sağlyor. DD_roundies, tıpkı jQuery gibi, seçicilerle birlikte çalışıyor ki bu sayede jQuery UI'nin CSS Çatı sınıflarını hedefleyerek DD_roundies'i jQuery UI üzerinde sadece birkaç satırlık kısa kodla uygulayablmemimizi sağlıyor.

Demo Burada

2. jQuery İle Eşit Yükseklikler Kullanabilmek

Eşit yüksekliğe sahip sütunların ya da içerik kutularının görsel efektini kullanabilmek her zaman zor olmuştur. Kullanılabilirlik ve performans açısından kullanılabilecek etkin bir çözüm, basit bir JavaScript kodu kullanmaktır. eQualHeights() fonksiyonu, bir kapsayıcı içerisindeki tüm elementlerin yüksekliklerini hesaplıyor ve ardından diğer her elementin minimum-height değerini uzunluğu en fazla olan değere eşitliyor. JavaScript etkisizleştirildiğinde ise kutular farklı boyutlarda görünmesine rağmen içerik ve sayfa tümüyle erişilebilir ve kullanılabilir kalmaya devam ediyor.

Demo Burada

3. Çapraz Tarayıcı Uyumlu text-shadow (metin gölgesi)

text-shadow güzel bir CSS3 (aslında CSS2) özelliği olup metinlerin ardında gölge görüntülememizi sağlıyor. Ancak bu özelliğin kötü bir tarafı var ki o da Internet Explorer üzerinde çalışmaması. Internet Explorer ile ilgili kullanışlı bir özellik var ki o da anlamadığı CSS tanımlamalarına erişim imkanı vermesi ki bu sayede biz de istediğimiz elemente text-shadow değerini uygulayıp ardından onu işletebiliyoruz. Bu betiğin Internet Explorer 5.5'ten Internet Explorer 8'e kadar olan tüm tarayıcılarda çalışması gerek.

Demo Burada

4. Yuvarlatılmış Köşeler

Bu jQuery eklentisi güzel görünümlü yuvarlatılmış köşeleri sorunsuzca oluşturabilmektedir. Herhangi bir görsel ya da yoğun kod kullanmanıza da gerek yok. padding desteği sayesinde JavaScript'in etkin olmadığı tarayıcılarda ise herhangi bir sorun yaşanmıyor.

5. Footer (Altlık) Pozisyonlama

Bu küçük eklenti, sayfanızın footer (altlık) kısmını tarayıcının görünen kısmının en altına yerleştirmenizi sağlar. Altlığın üzerindeki içerik yeteri kadar uzun olmadığı durumlarda bile betik, altlık kısmını başarılı bir şekilde pozisyonlamaktadır.

Demo Burada

6. Bağlantı Kontrolü

Bu küçük eklenti sayesinde son kullanıcıya bağlantıları yeni pencerede açmak isteyip istemediklerini seçebilmelerini sağlayabilirsiniz.

Demo Burada

7. Sayfa Kıvrımı

Günümüzde pek çok web sitesinde kullanılan ve sayfanın herhangi bir köşesinde beliren kıvrım efektinin altından reklam ya da herhangi bir duyuru gösterebilmenizi sağlayabileceğiniz bir jQuery eklentisi.

Demo burada

8. (Uzun) Web Sayfalarında Görsellerin Yüklenmesini Geciktirmek

Lazy Loader bir jQuery eklentisi olup (uzun) web sayfalarında görsellerin yüklenmesini geciktirmek için kullanılabilir. Bir web sayfasının görünen kısmının dışında kalan görseller, kullanıcı tarayıcının kaydırma çubuklarını kullanarak o alanı görüntülemediği sürece o alandaki görseller yüklenmeyecektir. Bu eklenti özellikle çok fazla sayıda görsel içeren uzun sayfaların yüklenmesini önemli ölçüde hızlandıracaktır. Tarayıcı, görünen kısımdaki görseller yüklendikten sonra diğer görsellerin yüklenmesi için hazır durumda bekleyecektir. Bazı durumlarda bu betiğin kullanımı, sunucuya bindirilen yükün de hafiflemesine yol açacaktır.

Demo Burada

9. jQuery İle Görselleri Sırayla Önceden Yüklemek

Bu küçük kod parçacığı bağlantıların üzerine fare imleci getirildiğinde görsellerin yüklenmeye başlamasını sağlar. Tüm sayfa elementlerinin yüklenmesinin tamamlanmasını bekleyebilmek için $(window).bind('load',function(){...}) kullanmaktadır. Bu, tüm görselleri kapsar.

10. BGIframe

Internet Explorer'in z-index sorunları ile baş edebilmek için kullanabileceğiniz bir eklenti.

11. IE Overflow Problemini Gidermek

Internet Explorer, Firefox ve Safari ile karşılaştırıldığında overflow elementini farklı bir şekilde yorumlamaktadır. Özellikle Firefox, bir elementin sınırlarını zorladığınızda, o elementin dışına yatay bir kaydırma çubuğu yerleştirmektedir. Ancak içerik yatay olarak sınırı geçtiği için, IE üzerinde, bir yatay kaydırma çubuğu belirdiğinde, içerik dikey olarak görüntülenememektedir.

Dikey overflow daima elementin içerisinde yer aldığından aşağıdakileri sadece IE için uygulamanız gerekmektedir.

İçeriği yatay olarak sınırlar dışına taşan tüm elementleri bulun.
Elementimizin altına 20 piksellk padding ekleyin.
Dikey kaydırma çubuğunu atın.

(function ($) {
$.fn.fixOverflow = function () {
if ($.browser.msie) {
return this.each(function () {
if (this.scrollWidth > this.offsetWidth) {
$(this).css({ 'padding-bottom' : '20px', 'overflow-y' : 'hidden' });
}
});
} else {
return this;
}
};
})(jQuery);

// kullanım
$('pre').fixOverflow().doOtherPlugin();

Yukarıdaki kod uygulandığında IE üzerinde yatay kaydırma çubuğu elementin altında görünmektedir.

Demo Burada

12. JavaScript Kullanarak CSS Hilelerinden Kaçınmak

Eğer sırf kodunuzu istediğiniz ya da olması gerektiği gibi göstermeyen o çirkin CSS hilelerini uygulamak istemiyorsanız, o zaman bu ipucunu kullanabilirsiniz. "Tarayıcı seçicileri". Bu sayede stilinizin önüne .msie, .mozilla, .opera, .safari ya da hedeflemek istediğiniz .diğer tarayıcı sınıflarını kolayca dahil edebilirsiniz.

Demo Burada

13. Tıklanabilir Alanın Boyutunu Arttırmak

Tüm içerik bloğunu tıklanabilir hale getirerek artık o sıkıcı "Devamını Oku" bağlantılarına bir son verin.

Demo Burada

14. Elementi Dikey Olarak Ortalamak

Bu video kılavuzunda CSS ve jQuery'nin gücünü kullanarak tarayıcı penceresinin görünen alanı üzerinde bir elementi nasıl dikey olarak ortalayabileceğinizi öğreneceksiniz.

15. jSizes - CSS Özellikleri İçin jQuery Eklentisi

JSizes, jQuery'e min-width, min-height, max-width, max-height, border-*-width, margin ve padding özelliklerini ekleyen bir eklentidir. Bunun yanısıra bir elementin görünürlüğünü belirleyebileceğiniz bir metod daha içermektedir. Toplamda jQuery API'sine 6 yeni metod eklemektedir.

Bu metodların nasıl kullanılabileceğine birkaç örnek:

jQuery(function($) {
var myDiv = $('#myDiv');

// margin-top özelliğinin değerini 100px ve margin-bottom özelliğinin değerini 10em yap
myDiv.margin({top: 100, bottom: '10em'});

// üst sınırın boyutunu piksel değerinde gösterir
alert(myDiv.border().top);

// element görünür ise doğru, diğer durumlarda yanlış değerini verir
alert(myDiv.isVisible());

// zincirleme kullanarak padding-right özelliğinin değerini 10px ve margin-left değerinin özelliğini 15px yap
myDiv.padding({right: 10}).margin({left: 15});
});

Aşağıdaki Yazıyı da Okumak İsteyebilirsiniz

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

ilgili yazılar

Bu yazı pinkfloyd 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ımcılarının Hayatını Kolaylaştıracak 12 Uygulama

pinkfloyd — Sun, 12 Apr 2009 15:00:00 GMT

Bu makalede web tasarımcılarının işlerini kolaylaştıracak ve bence her web tasarımcısının ve/veya geliştiricisinin kontrol etmesi gereken web tasarım araçlarını ve kaynaklarını bulacaksınız. Bence bu tip siteler gündeliş işlerinizin ve projelerinizin gelişimine önemli miktarda katkıda bulunacaklardır.

1. Patterrific

Her ne kadar sitenin adına bakarak bu sitenin tümüyle motifler (pattern) ile ilgili olduğunu düşünüyor olsanız da yanılıyorsunuz. Patterrific sitesi motiflerden çok daha fazlasını paylaşıyor. Sitede çok sayıda motifin yanısıra Photoshop fırçalarını ve çok daha fazlasını bulacaksınız. Herkes web sitelerinin arkaplanlarında kullanmak için bir motife ihtiyaç duyar ve bu site size bu alanda önemli bir kaynak teşkil ediyor. Sitenin ayrıca ahşap tasarımını da beğeniyorum. Dilerseniz kendi motiflerinizi gönderebileceğiniz Flickr kullanıcı grubuna da bir göz atabilirsiniz.

Patterrific

2. Lisandru

Bu blog üzerinde çok sayıda yüksek kaliteli simge, duvar kağıtları, grafikler ve daha fazlası buluuyor. Eğer web sitenizde kullanmak için ikonlara ihtiyacınız varsa ya da masaüstünüzün görünümünü değiştirmek istiyorsanız, o zaman bu site tam aradığınız adres.

Lisandru

3. Textureking

İhtiyacınız olan tüm dokuların hepsi bir arada. Sitede farklı kategoriler altında çok ama çok sayıda doku bulacaksınız. Hepsinden öte sitedeki dokuların tümü ücretsiz.

Textureking

4. Forwebdesigners

Ne arıyorsunuz? Bir tasarım blogu, AJAX sitesi ya da Photoshop kılavuzu mu? Bu site için web tasarımcılarının Google'si demek yanlış olmaz. Ayrıca eğer kendi web sitenizi tanıtmak istiyorsanız, web sitenizi küçük bir ücret karşılığında bu siteye ekleyebilirsiniz.

Forwebdesigners

5. Fordesigners

Her ne kadar bu web sitesinin adı, yukarıdaki forwebdesigners'i andırsa da, bu sitenin içeriği diğerine oranla çok farklı. Site bünyesinde çok sayıda PSD, vektör, şablon, flash şablonları ve çok daha fazlasını bulacaksınız. Reklamlar sebebiyle içerikler için indirme bağlantılarını ilk seferde göremeyebilirsiniz. Sayfanın tam ortasındalar.

Fordesigners

6. Whatsitscolor

Daha önce hiç bir görselin ya da bir web sitesinin hangi renkleri kullandığını merak ettiğiniz oldu mu? Whatsitscolor web sitesi size bu renkleri bulmada yardımcı olacaktır.

Whatsitscolor

7. SkyCSSTool

Sky CSS sayesinde herhangi bir kod yazmadan CSS sınıfları oluşturabilirsiniz. Sitenin düzgün çalışması için tarayıcınızda JavaScript'in etkin olması gerekiyor.

SkyCSSTool

8. Webcolor.webmaster-kit: Web sitelerinin renklerini, bağlantılarını ve diğer görsel öğelerini analiz edeileceğiniz bir araç.

9. CSS Oluşturucusu: Herhangi bir web sayfası ya da bir web sitesinin geneli için hiç zorlanmadan CSS oluşturun.

10. HTML Goodies: CSS, JavaScript ve diğer web geliştirme teknolojileri hakkında çok sayıda ipucu içeriyor.

11. Projectdeploy: Deploy ücretsiz, açık kaynaklı bir web uygulaması olup kullanıcıların sadece bir kaç saniye içerisinde doğrulanmış (X)HTML vs CSS koduna sahip web proje çatıları oluşturmalarını sağlıyor.

12. Myfontbook: Tarayıcı tabanlı font görüntüleyicisi.

Kullandığınız ya da önerebileceğiniz başka bir web aracı var mı? Yorumlarınızla paylaşın.

ilgili yazılar

Web Tasarımcıları İçin Web Üzerindeki 6 Kullanışlı Araç (4)

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

En İyi 7 İkon Arama Motoru

pinkfloyd — Sun, 12 Apr 2009 10:03:00 GMT

Simgeler, masaüstü ve benzeri web uygulamalarının görsel kullanıcı arabirimi tasarında önemli bir role sahiptir. Simgeler sayesinde bu grafiksel kullanıcı arabirimleri mükemmel bir tasarıma, ya da tam tersi, korkunç bir tasarıma dönüşebilirler. Sanırım hepimiz, simgelerin (ikonların) doğru kullanılması sonucunda mükemmel sonuçlar alınabileceğinde hemfikirizdir.

Burada sormamız gereken soru, nereden ikon bulabiliriz?

Yazının devamında bulacağınız 7 adet ikon arama motoru, ihtiyaçlarınızı giderecek kalitede olup, sıradan arama motorlarını kullanarak harcadığınız zamanı önemli ölçüde kısaltacaktır. Ayrıca simge tasarımcıları için de bu tip web siteleri, simgelerinizi dünyanın geri kalanı ile paylaşmak için gönderebileceğiniz birer servis görevini de üstlenmektedir.

1. IconFinder.net

IconFinder

2. VeryIcon.com

VeryIcon

3. IconLet.com

IconLet

4. IconLook.com

IconLook

5. IconSeeker.com

IconSeeker

6. Icon-Search.com

Icon-Search

7. EasyIconFinder.com

EasyIconFinder

Başka Simge Arama Sitesi Biliyor musunuz?

Eğer sizin de beğenerek kullandığınız simge arama siteleri var ise, yorumlarınızda belirtmeyi unutmayın.

Simgeler Hakkında Yazdığım Diğer Yazılar

ilgili yazılar

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

iCloud: Dünyanın İlk Ücretsiz Çevrimiçi Bilgisayarı

pinkfloyd — Sat, 11 Apr 2009 18:03:00 GMT

Yazılım firması Xcerion'dan yapılan açıklamaya göre şirket, "dünyanın ilk ücretsiz çevrimiçi bilgisayarı" iCloud'u duyurdu. Ücretsiz depolama alanı, uygulamalar, sanal masaüstü ve yedekleme özelliklerini içeren bilgisayar, İnternet'e bağlı olan herhangi bir bilgisayar üzerinden çalışabiliyor. Bugünden itibaren faaliyete geçen servis İngilizce, Çince, Rusça, İspanyolca, Portekizce, Almanca, İsveççe ve Filipi Dili'nde yayımlanıyor.

iCloud Ekran Görüntüsü

Windows işletim sistemine sahip bilgisayarların yanısıra Mac OS X üzerinde de Firefox tarayıcısı altında çalışabilen iCloud'un kurucusu Daniel Arthursson, uygulamanın Pencere Paylaşma özelliği ve sürükle bırak desteği sayesinde masaüstü bilgisayarınızdaki herhangi bir uygulamayı, web tabanlı bilgisayarınıza da sürükleyip bırakabildiğinizi açıkladı. Bu sayede ilgili "işletim sistemi", tıpkı bilgisayarınıza ikinci bir monitör bağlıymışçasına çalışıyor.

Uygulamanın ücretsiz sürümünün özellikleri arasında arkadaşlarınıza, dosyalarınıza ve diğer bilgisayarınızdaki dijital içeriğe erişim, 3GB depolama alanı sayesinde belgeleriniz, fotoğraflarınız ve müziğiniz için alan; Office, Mail Music, Video, IM, Paylaşma, Oyunlar, Birlikte Çalışma araçlarını da içeren 30 adet ücretsiz yazılım; 20 adet ücretsiz widget ve ücretsiz yedekleme özelliği geliyor.

iCloud sayesinde sanal bilgisayarı ücretsiz depolama ve ücretsiz uygulamalarla birleştirerek herkesin kullanımına açtığını belirten Arthursson, uygulamanın aslında PC olmadan PC kullanmak gibi olduğunu belirtti.

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