Flapi, açık kaynaklı bir flash galerisi olup Flickr fotoğraf setlerini ve görsellerini görüntülemek için kullanılabilir.
Halihazırda aktif olan bir web sitesine ya da Flash uygulamasına dahil edilmesi oldukça kolaydır.
Fotoğraf setlerini görüntüleyerek üzerlerine tıklandığında içerisindeki görsellere ulaşabilyorsanız. Uygulama üzerinde hangi fotoğraf setlerinin görüntülenmesini istediğinizi de belirlemek mümkün.
Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok JavaScript kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. Bugüne kadar pek çok javascript tekniğini sizlerle paylaştım. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.
Web’in JavaScript’e hızlı geçişi sağolsun JavaScript kütüphaneleri tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında jQuery, Prototype, Scriptaculous, mooTools, Dojo en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.
Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan 75 gerçekten kullanışlı JavaScript Tekniğinden bahsetmek istiyorum.
Web’de Heceleme
Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. Hyphenator.js adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang’ın LaTex ve OpenOffice’te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.
Sosyal medya özgeçmişleri, özellikle işçi bulma acentalarının sizin onlara ulaşmanıza gerek kalmadan doğrudan size ulaşabilmeleri açısından önemli birer araçtır. Özgeçmişlerinizi İnternet üzerindeki web sitelerine göndererek iş bulmaya çalışmanın kötü yanı, pek çok iş ilanının halen İnternet üzerinde yer almasına rağmen geçerliliğini yitirmiş olması, ve dünya çapında yapılan iş tekliflerinin %80 gibi önemli bir oranının tanıdık ya da bu konuda yapılan bireysel araştırma aracılığı ile yapılıyor olması.
Sosyal medya özgeçmileri ile işçi bulma acentaları için kendi portrenizi bireysel markanızı yansıtabilecek şekilde kendinize özgü olarak şekillendirebilmenizin mümkün olması. Çeşitli multimedya elementleri, paylaşım seçenekleri, bütünleşik sosyal ağ beslemeleri ve sıradan bir özgeçmişte yer alan öğeler ile başarıya bir adım daha yaklaşmış olursunuz.
Sosyal medya, iş bulma sürecini sondan başa doğru yönlendirebilmemizin önünü açmış durumda. Kendi özgeçmişimizi başka sitelere göndermektense özgeçmişimiz, paylaşılabilen, işçi bulma acentalarına gönderilebilen ve üzerinde arama yapılabilebilen bir platform haline dönüştürmek hiç şüphesiz daha verimli olacaktır. Bir yandan yeneteklerinizi sergileyip iş aradığınızı belirtebilirken, diğer yandan işçi bulma acentalarında çalışan görevliler, özgeçmişinizi daha çekici bulacaklar ve istediğiniz özelliklere sahip iş için size ulaşabileceklerdir.
Yazının devamında bir sosyal medya özgeçmişi oluşturabilmenin aşamalarını göreceksiniz.
1. Bir web sitesi ile işe başlayın
Kim olduğunuza, ne kadar zamanınız olduğuna, eleştirilere ne kadar açık olduğunuza ve teknolojik yeterliliklerinize göre değişmekle birlikte bir web sitesi ya da bir blog oluşturarak işe başlayacaksınız. Her ikisi için de ücretsiz ve kullanması kolay hizmetlerin yanısıra ücretli ve deneyim gerektiren seçenekler bulunmaktadır.
Web siteleri için seçenekler
İyi bir renk şeması bulmakta zorlanıyor musunuz? Doğada bulunan binlerce farklı ton, duygu ve ortam, renk şemaları için mükemmel birer ilham aracı olarak gösterilebilir.
Kuru ve ıssız bir renk şeması mı arıyorsunuz? O zaman yaratıcı ve motive edici fotoğrafları deneyin. Resimlere bakmadan önce yanınıza bir şişe su almayı unutmayın, zira bu fotoğraflar dünyamızın en kuru noktalarında çekilmiş fotoğrafları içeriyor.
Flickr üzerinde bu alanda sayısız görsel bulunuyor (örneğin aşağıdaki bağlantılar üzerine tıklayarak ilgili fotoğrafı çeken fotoğrafçının diğer fotoğraflarına göz atabilirsiniz). Renk şemaları ise COLOURlovers üzerinden indirmeye açık.
Adobe AIR gün geçtikçe daha kullanışlı bir araç olduğunu kanıtlıyor. Tasarımcılar ve geliştiriciler için bir dizi araç bulunmasına rağmen fotoğraf ve video uzmanları için de araçlar bulunmaktadır.
İster video düzenleme ya da sadece video yürütmek için olsun, isterse de fotoğraflarınızı organize etmek ya da onları görüntülemek için olsun herkesin ihtiyacını karşılayabilecek bir uygulama var gibi görünüyor. Yazının devamında inceleyeceğiniz 20’nin üzerinde Adobe AIR uygulamasını bir inceleyin. Eminim işinize yarar bir şey bulacaksınızdır.
Fotoğraf
Albelli Photo Book Creator – Sabit diskinizdeki ya da Flickr, Smugmug, Photobucker ve Picasa gibi çevrimiçi kaynaklardan alacağınız görsellerden oluşmuş fotoğraf albümleri oluşturmanıza yardımcı oluyor.
CleVR Stitcher – Tüm gerekli fotoğrafları uygulama üzerine bırakarak kolayca panaromik görseller oluşturmanın kolay yolu. Uygulama ayrıca görsellerinize etiket atayabilmenizi, bazi interaktif alanlar tanımlayabilmenizi ve görsel üzerinde bazı temel değişiklikler yapabilmenizi sağlıyor.
DestroyFlickr – DestroyFlickr görmek istediğiniz görselin çevresinde neler olduğunu değil, fotoğrafın kendisine odaklanabilmenizi sağlayan bir uygulama. Görmek istediğiniz görselin arkaplan resmini siyah olarak atayarak görsele odaklanabilir ya da gezinmesi oldukça kolay bir arabirim üzerinden geçmişte incelediğiniz görsellere bakmanız da mümkün.
Sitenize yeni bir ziyaretçi geldiğinde sitenize dair ilk izlenimi çabuk bir şekilde oluşacaktır. İyi bir ilk izlenim, ziyaretçinizin sitenize yeniden gelmesini sağlayabilecek önemli faktörlerden biri iken, kötü bir ilk izlenimin bıraktığı izlerin üstesinden gelmek zordur.
Yazının devamında bulacağınız liste sitenizi ziyaret eden ziyaretçilerin ilk izlenimlerini etkileyen 21 faktörü listelemektedir. Bu listenin faktörlerin sadece bir kısmı olduğunu ve tüm faktörleri oluşturmadığını unutmayın. Eğer istersiniz sizce önemli olan faktörleri de yorumlarınızla paylaşabilirsiniz.
1. Açılma Süresi
Pek çoğumuz yavaş açılan web sitelerine karşı sabırsızızdır. Diğer yandan hızlı açılan web siteleri ziyaretçileri siteniz üzerinde gezinmeye teşvik edecektir, zira her bir sayfanın açılması için uzun süre beklemeyeceklerini bilirler.
2. Hata Mesajları
Eğer sitenizi ziyaret eden ziyaretçiler hata mesajları alıyorlarsa ve sitenize erişmede sıkıntı yaşıyorlarsa, sitenizden etkilenmeyeceklerdir ve sitenizi bir kez daha ziyaret etmeyeceklerdir. Sitenizde oluşabilecek pek çok hata bulunmaktadır. BlogStorm‘un yayımladığı şu makale bir adet başarısız siteyi ele alıyor ve problemlerini irdeliyor.
Bir web sitesini tasarlarken ve geliştirirken göz önünde bulundurmak gereken pek çok ayrıntı vardır. Gerçekte bu ayrıntılar sonsuz bir listenin birer parçası gibi görünebilirler ancak listeye dikkatli bakıldığında bu elementlerden birkaçının diğerlerinden daha önemli olduğu ve bu elementlerin de en başarılı web siteleri tarafından kullanıldığı gözlenir.
Web sitenizin planlama aşamasını tamamladığınızda geriye kalan elementler Kullanıcı Arayüzü Tasarımı’ndan İçerik Oluşturmaya, oradan da geliştirme aşamasının kendisine kadar değişen geniş bir kategori yelpazesine yayılır. Elbette Arama Motoru Optimizasyonu (SEO) için de dikkat edilmesi gereken bazı ayrıntılar var ama şimdilik onu bir kenara bırakalım.
İşte en iyiyi hedefleyen her web sitesinin sahibi olması gereken 15 anahtar element.
1. İyi Görsel Tasarım
İlk olarak… Görsel tasarım. Sizi bilmem ama ben bir web sitesini ziyaret ettiğimde eğer site beni görsel olarak tatmin etmiyorsa o siteyi kısa sürede terk ederim.
Bunu derken her iyi web sitesinin görsel olarak güzel görünmesi gerektiğini söylemeye çalışmıyorum, ama eğer bir web sitesi 1994’ten beri güncellenmemiş gibi görünüyorsa, diğer mükemmel web sitelerinin yanında sönük kalacağı aşikardır.
Temiz ve sade bir tasarım genellikle ihtiyacınız olan tek şeydir. Sitenizdeki parıltılı nesneler de güzeldir ancak ben “az ama öz” teorisine inanlardanım. Tasarımınızın kalabalık olmasını istemezsiniz. Onun sadece güzel görünmesini, böylece rakiplerinizin önüne geçerek potansiyel müşterilerinizin dikkatini çekmesini istersiniz.
İlk izlenim önemlidir. Her ne kadar tek başına iyi bir tasarım bir kişiyi sitede tutmaya yetmese de, göz alıcı tasarımlar ziyaretçinin sitenizde daha uzun süre kalmasını sağlayacak, en sonunda da aradıkları içeriğe ulaşabilmek için daha fazla çaba sarfetmiş olacaklardır.
Web tasarımcıları ve geliştiricileri olarak zamanla, anahat hedeflerimize ulaşmamıza yardımcı olması için pek çok CSS hilesini ve ipucunu öğreniriz. Bu tekniklerin bir listesini yapmaya kalksanız, projenizin yoğunluğuna göre yüzlerce hileyi bir arada toplamanız gerekebilir. Ancak bu yazıda bulacağınız 15 önemli css hilesi, web geliştiricilerinin karşılaştığı sorunların pek çoğunu giderebilecek kalitededir.
1. Bağıl (relative) pozisyonlanan element içerisinde mutlak (absolute) pozisyonlama
Mutlak pozisyonlanan bir elementi bağıl pozisyonlanan bir element içerisine yerleştirdiğinizde, onun pozisyonu kendisine en yakın olan üst elementin pozisyona göre belirlenecektir. Bu, özellikle bir elementi sayfanızda belirleyeceğiniz bir noktaya sabitlemek istediğinizde oldukça kullanışlı bir hiledir, örneğin başlık (header) damgaları (badge) gibi.
Pozisyonlama hakkında daha fazla bilgi alabileceğiniz siteler:
2. Z-index ve pozisyonlama
z-index kimi zaman geliştiriciler arasında çözümü zor olan bir bulmacaya dönüşebilir. Genellikle bir div elementini diğer bir elementin üzerine yerleştirmek için çok yüksek z-index değerleri atayan tasarımcılarla karşılaşırsınız. Burada unutmamamız gereken, z-index elementinin “position” değeri atanmamış bir element üzerinde çalışmayacak oluşudur. Eğer siz de uyguladığınız z-index kuralının işlevsel olmadığını düşünüyorsanız, kuralı uyguladığınız elemente ‘position: relative’ ya da ‘position: absolute’ değerlerini ekleyin.
Z-index hakkında daha fazla bilgi alabileceğiniz siteler:
Hazır sözü 2008’in En İyi JavaScript Kaynakları‘ndan açmışken jQuery’nin pratikliği karşısında dimdik duran ve kimilerine göre jQuery’nin pabucunu yakında dama attıracak olan bir başka JavaScript kütphanesi mooTools’dan bahsetmeden olmaz.
Bu yazımda, bugüne kadar yayımlanan en iyi 65 mooTools eklentisini sizlerle paylaşmak istiyorum. Listede olmayan ve sizin de beğenerek kullandığınız mooTools eklentileri varsa paylaşmaktan çekinmeyin.
SmoothScroll kullanıcıyı sayfanın belirli bir bölgesine yumuşakça yönlendiriyor. Normalde bu tip bağlantılar kullanıldığında tarayıcı herhangi bir efekt olmadan sayfayı doğrudan istenen bölgeye taşır. SmoothScroll işte bu eylemi yavaşlatarak kullanıcının gözüne daha hoş gelecek şekilde yeniden tanımlıyor.
Lifestreaming adı verilen ve bireylerin kendi hayatlarını Internet üzerinden canlı yayımlamalarını sağlayan platformlar, özellikle taşınabilir aygıtların video kayıt yetenekleri arttıkça ve web kameraları popülerleştikçe daha da yaygın kullanılır hale gelmeye başladı. O zaman neden siz de kendi hayatınızı Internet üzerinden paylaşmayı denemeyesiniz ki? Bu makalemizde sizi bu eğlenceli dünya ile tanıştıracak 20’nin üzerinde aracı bir araya topladık.
Yazının devamında cep telefonunuz üzerinden kendi hayatınızı kaydedebileceğiniz uygulamalardan doğrudan oturma odanız üzerinden yayım yapabileceğiniz uygulamalara pek çok farklı platformu inceledik.
Eğer siz de kendi hayatını canlı yayımlayardansanız hangi servisleri kullanıyor ve onlar hakkında ne düşünüyorsunuz? Yorumlarınızla paylaşın.
Mobil Tekil Platformlar
CometNow.com – Windows Mobile cihazınzdan ve diğer cep telefonlarından ya da doğrudan bilgisayarınız aracılığı ile yayım yapabilmenizi sağlıyor. Windows Mobile cihazları ile uyumlu çalışıyor.
