bildirgec.org - feew - beğendikleri

öğrenilmesi gereken 15 css hilesi

feew — Tue, 27 Jan 2009 09:25:00 GMT

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:

3. Margin Auto
Bir şablon üzerinde 'margin: auto' değerini kullanmak, o elementin tarayıcı üzerindeki pozisyonunu, tarayıcının kullanıldığı sistemin ekran çözünürlüğüne bakılmaksızın ortalamak için mükemmel bir yöntemdir. Ancak 'margin: auto' değeri uygulandığı elementin 'width' değeri belirlenmediği sürece çalışmaz. Bu ayrıca satıriçi (inline) elementlerde 'margin: auto' değerinin 'display: block' kullanılmadan işlevsel olmayacağı anlamına da gelir.

Margin Auto hakkında daha fazla bilgi alabileceğiniz siteler:

4. Padding Elementini Dikkatlice Ve Doğru Bir Şekilde Kullanın
CSS ile çalışmaya başladığımda genellikle yaptığım hatalardan birisi de onun tüm efektlerini ve CSS Kutu Modeli'ni gözardı etmektir. Kutu modeline göre 'padding' değerinin uygulandığı elementinin genel genişliğini etkilediğini aklınızdan çıkarmayın. Bunu gözardı ettiğinizde elementlerin olması gerektiği yerde olmadığını göreceksinizdir. Örneğin:

#div {
width:200px;
padding: 30px;
border:2px solid #000;
}

Bunun toplam genişliği 264px olacaktır (200 + 30 + 2 + 2). Bunun yanısıra 'padding' özelliğinin 'margin'in aksine negatif değerler içeremeyeceğini unutmayın.

Padding hakkında daha fazla bilgi alabileceğiniz siteler:

W3 Padding Properties

text-indent kullanarak bir metni gizlemek
Sitenizde logo olarak bir resim kullandığınızı varsayalım. Bu resmin H1 etiketi içerisinde olması SEO açısından önemlidir, ancak H1 tagı içerisinde, arama motorlarının okuyabilmesi için bir metin olmasını da isteriz. Bazıları 'display: none' kullanmak isteyebilir ancak bu yöntemi kullanırsak logo resmini h1 etiketinden ayırmamız gerekecektir. 'text-indent' ve negatif değerler kullanarak ziyaretçiler için bir resim, arama motorları için de okunabilecek bir metin kullanmak mümkündür.

h1 {
text-indent:-9999px;/*Metni gizle, SEO için tut*/
margin:0 auto;
width:948px;
background:transparent url("images/header.jpg") no-repeat scroll;
}

Bu kod sayesinde kullanılan metnin herhangi bir çözünürlükte görünmeyeceğinden ancak onun yerine bir resmin görüntüleneceğinden emin olabiliriz. Bu yöntem ayrıca ekran okuyucularının ilgili metni görebilmesini sağlayacaktır, ancak "display: none" için bu geçerli değildir.

text-indent kullanarak metin gizleme yöntemleri hakkında daha fazla bilgi alabileceğiniz siteler

SitePoint - Using text-indent

6. IE Double Float Margin Hatası
Eminim bununla pek çoğumuz boğuşmuşuzdur, zira en sık kullanılan CSS "hilelerinden" birisi de budur. Eğer bu hata ile daha önce karşılaşmadıysanız hemen özetleyelim: IE6'da üzerine 'margin' uygulanmış yüzen (float) bir element kullanıyorsanız, bunun ilgili tarayıcı üzerinde doğru pozisyonlanmadığını göreceksiniz. Ne şans ki IE6'nın bu hatasını gidermek çok basit. Tek yapmanız gereken 'display' özelliğinin diğerini aşağıda gösterildiği şekilde 'inline' olarak belirlemek.

.yourClass {
float: left;
width: 350px;
margin: 20px 0 15px 100px;
display: inline;
}

Bu değişikliğin diğer tarayıcılara hiçbir etkisi olmayacaktır, zira elementin kendisi zaten yüzen bir element olduğundan satır içi görüntülenir, ancak her nedense bu teknikle IE6'daki bu sorun giderilmektedir.

IE'nin marj hatası hakkında daha fazla bilgi alabileceğiniz siteler:

Double Margin Causes and Fixes

7. CSS Kullanarak SPAM'a Karşı Savaşın
Şablon açıklamınızı iyileştirecek güzel bir teknik. CSS-Globe.com sitesinden Alen Grakalic CSS kullanarak nasıl CAPTCHA benzeri bir korumayı sitenize entegre edebileceğinizi anlatmış. İlgili tekniğin uygulandığı bir form şu şekilde olsun:

<label for=”Name”>Ad:</label>
<input type=”text” name=”name” />
<label class=”captcha” for=”captcha”>Cevabınız?</label>
<input type=”text” name=”captcha” id=”captcha” />

'captcha' ID'si için CSS ile bir arkaplan resmi kullanıyoruz. Bu tekniği çözebilmek için spam betiklerinin öncelikle HTML elementini bulması, CSS'nizi taraması, seçicileri karşılaştırması ve ardından doğru seçici ile ona bağlı olan arkaplan imajını bulmasının ardından ilgili imajı okuması gerekir. Bu yöntem oldukça güvenlidir zira pek çok spam betiği bunu başarabilecek kapasitede değildir. Bu yöntemin bir kötü özelliği CSS'nin etkinleştirilmediği tarayıcılarda kullanıcı ne yapacağını bilemez.

Spam'a karşı CSS İle Savaş Açmak hakkında daha fazla bilgi alabileceğiniz siteler:

Fighting spam with CSS

8. IE6 Üzerindeki Saydam PNG Sorununu Gidermek
Hepimizin IE6 üzerindeki saydam PNG sorununun can sıkıcı olduğu konusunda hemfikir olduğuna eminim. Buna yönelik Internet üzerinde pek çok çözüm bulunmaktadır ve bunlar karmaşık JavaScript kodlarından Microsoft'un kendi filtrelerini kullanmaya kadar değişiklik göstermektedir. Unutmayın ki bu tekniklerin pek çoğu Microsoft'un AlphaImageLoader özelliğine dayanmaktadır.

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);

IE6'nın PNG saydamlık sorunu hakkında daha fazla bilgi alabileceğiniz siteler:

9. CSS Çoklu Tarayıcı Saydamlığı
İster inanın ister inanmayın tüm tarayıcılar üzerinde CSS'nin saydamlık elementini doğru bir şekilde kullanmak mümkün. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski tarayıcıları bile kapsayabiliriz. Chris Coyler'in bu konuda yazılmış mükemmel bir makalesi bulunuyor.

.yourClass {
filter:alpha(opacity=50);/*IE İçin Gerekli*/
-moz-opacity:0.5;/*NN gibi eski Mozilla tarayıcıları*/
-khtml-opacity: 0.5;/*Safari'nin Eski Sürümleri ve "KHTML" tarama motorları*/
opacity: 0.5;/*FF, Safari ve Opera*/
}

Bu kod doğrulanmayacaktır ancak bu özelliği kullanmak isteyen kullanıcılar için bu pek bir sorun teşkil etmez.

CSS Opacity hakkında daha fazla bilgi alabileceğiniz siteler.

10. CSS Konumlandırlabilir Görseller (CSS Image Sprites) Kullanın
CSS Konumlandırılabilir Görseller birden fazla CSS görselinizi tek bir seferde yükleyebilmeniz için mükemmel bir yöntemdir. Bu yöntemle hem sunucuya bindirilen yük azalır hem de şablonunuzun dosya boyutunda önemli bir düşüş gözlenir.

CSS Konumlandırılabilir Görseller birden fazla görsel elementin tek bir görsel üzerinde depolanması ile oluşturulur. Ardından CSS kullanılarak arkaplan pozisyonu, genişliği ve yüksekliği gibi CSS değerleri ile görüntülemek istediğimiz görseli seçeriz.

Konumlandırılabilir Görseller hakkında daha fazla bilgi alabileceğiniz siteler:

11. IE6'yı desteklemek için Koşullu Yorumlar (Conditional Comments) Kullanın
Web geliştiricileri IE'nin bazı özel sürümlerini desteklemek için yeni CSS kuralları ve komutları oluştururlar. Eğer koşullu yorumlar hakkında bilginiz yoksa, aşağıdaki kod içerisinde yer alan stil şablonu, sadece IE 7 ve altındaki tarayıcılarda çalışacaktır.

<!--[if lte IE 7]>
<link rel="stylesheet" media="screen" href="styleIE.css" />
<![endif]-->

Bu kod HTML dosyanızın HEAD kısmına yerleştirilir. Eğer CSS IE'de çalışmıyor görünüyorsa, CSS seçimlerinizde daha doğrudan hedefleyen CSS komutlarını kullanmayı deneyin.

12. CSS Özgüllüğü
Yukarıda da belirtildiği üzere CSS stilleri belirli özgül sırasını takip eder ve hangi değerin hangisinin üzerine yazacağını belirlemek ,için puanlama kullanır. Nettuts'ta yayımlanan bu makalede CSS için puanlama değerleri açıklanmış. Değerler aşağıdaki gibidir.

Elementler: 1 puan
Sınıflar: 10 puan
Belirleyiciler: 100 puan
Satıriçi Stilleme: 1000 puan
Şüpheye düştüğünüzde stil tanımlamalarınızda daha keskin olmaya çalışın. Ayrıca gerektiğinde hata düzeltme işlemleri için !important değerini de kullanabilirsiniz.

CSS Özgüllüğü hakkında daha fazla bilgi alabileceğiniz siteler:

13. Tüm tarayıcılarda minimum yükseklik değerini kullanabilmek
Bir arabirim üzerinde çalışırken genellikle bir element için en düşük yükseklik değerini belirleme ihtiyacı hissederiz ve ardından ilgili yüksekliği, dahilindeki içerik sığmadığında otomatik olarak arttırabilmek isteriz. Ne yazık ki her zaman olduğu gibi IE min-height değerini doğru bir şekilde yorumlamamaktadır. Ancak min-height hızlı hilesi adı verilen bir çözümümüz var. Kod şu şekilde:

#yourId {
min-height:300px;
height:auto !important;
height:300px;/*Needs to match the min height pixels above*/
}

Sade, işlevsel ve doğrulanabilir bir kod. Bu örnek ayrıca '!important' özelliğinin kullanışlı olduğu sayılı örneklerden birini teşkil ediyor.

min-height hilesi hakkında daha fazla bilgi alabileceğiniz siteler:

Using the min height fast hack

14. * HTML hilesi
Eğer IE'ye özgü stil şablonlarına bağlantı vermek istemiyorsanız, o zaman * html hilesini kullanabilirsiniz. Kusursuz bir dünyada HTML elementi daime ana elementtir, bu sebeple HTML'den önce herhangi bir element bulunamaz. Buna rağmen IE, bunun mümkün olduğunu iddia eder. Bu sebeple eğer IE üzerinde bir elementi hedeflemek istersek onu bu şekilde gerçekleştiririz:

* html body div#sideBar {
display:inline;
}

html hilesi hakkında daha fazla bilgi alabileceğiniz siteler:

15. Kayan Kapılar Tekniği
Navigasyon düğmeleri için görsel kullanmanın oluşturduğu önemli problemlerden birisi de istemcinin metninin olması gerektiğinden uzun olma ihtimali ve bunun da düğmenin sınırlarını aşması ya da sınırları dahiline sığmamasıdır. İki görsel ve CSS kayan kapılar tekniği kullanarak içerisindeki metnin uzunluğuna göre genişleyip kısalabilecek düğmeler oluşturabiliriz. Bu tekniğin ardında yatan fikir, her düğme için iki adet görsel kullanmak ve ardından bu görselleri CSS'nin arkaplan tanımlamma özelliği ile düğmelere entegre etmektir. Örneğin:

HTML Dizisi
Başlık Metni

CSS
a.myButton { background: transparent url('right.png') no-repeat scroll top right; display: block; float: left; height: 32px; /* Görsel Yüksekliği */ margin-right: 6px; padding-right: 20px;/*Görsel Genişliği*/ /*Other Styles*/ } a.myButton span { background: transparent url('button_left.png') no-repeat; display: block; line-height: 22px; /* Görsel Yükseliği */ padding: /*İstediğiniz değer ile değiştirin*/ }

Kayan kapılar tekniği hakkında daha fazla bilgi alabileceğiniz siteler:

Ve işte size şablon hazırlarken yardımcı olabilecek 15 CSS tekniğinin de sonuna geldik. CSS tasarımcılar için mükemmel bir araçtır zira kodumuzla daha yaratıcı olabilmemizi ve kendi tekniklerimizi oluşturabilmemize olanak sağlar. Sizin de sık kullandığınız CSS teknikleri var mı? Listeye eklemek istediğiniz teknikler neler olabilir? Yorumlarınızla paylaşın.

Kaynak: ThemeForest

CSS Hileleri ve İpuçları İle İlgili Yazdığım Diğer Yazılar

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

Tasarımcılar ve Geliştiriciler İçin 30+ Adobe AIR Uygulaması

feew — Sat, 27 Dec 2008 13:25:00 GMT

Adobe AIR

Pek çok kişinin aklına Adobe AIR dendiğinde Twitter uygulamaları geliyor, ancak mikro bloglamanın dışında Adobe AIR platformunu kullanan daha pek çok uygulama bulunuyor.

Özellikle tasarımcılar ve geliştiriciler, AIR kullanıcılarının hazırladığı ve kendi işlerindeki neredeyse her alana hizmet eden farklı uygulamalar sayesinde belki de bundan özellikle en çok faydalanan kesim olarak nitelendirilebilr. Mashable ise işte bu kesimi düşünerek Adobe AIR platformunu kullanan ve tasarımcılar ile geliştiricilerin hayatın kolaylaştıracak 30'un üzerindeki uygulamayı listelemiş.

Faturalama ve Zaman Çizelgesi Araçları

Klok

Klok - klok sadece proje ve müşteri tabanlı zaman çizelgesi oluşturmanıza yardımcı olmakla kalmıyor, bunun yanı sıra bunların her biri üzerinde ne tür bir iş yaptığınızı kaydetmenizi de sağlıyor. Ayrıca müşteriler için kişi bilgilerini yönetebilir, müşteriler üzerinde harcanan zamanı düzenleyebilir ve daha pek çok özelliğe ulaşabilrsinz.

Ora time and expense - Ora yazılımı zaman çizelgeleri, gider raporları ve faturalar hazırlamanıza yardımcı olacaktır.

Timeloc - Bir zaman çizelgesi yazılımından beklediğiniz her şeyi yerine getirebilen bir yazılım. Yazılımın yapabildikleri arasında birden fazla müşteri ve görevi yönetebilme, fatura bilgilerinizi düzenleyerek hangi işin size ne kadar para kazandırdığını görüntüleyebilir ve her bir fatura dönemine kişisel notlarınızı ekleyebilirsiniz.

Vertabase Timer - Bu yazılım zamanınızı müşteri ya da proje bazında kaydedebilmenizi sağlıyor.

Renk ve motif araçları

Color Browser

Color Browser - Bu yazılım başka bir yerde hazırladığınız renk paletlerini kaydedebilmenizin yanısıra yazılım üzerinden yeni renk paletleri de oluşturabilmenizi sağlıyor. Ayrıca hazırladığınız paletlere istediğiniz sayıda renk ekleyebiliyorsunuz.

COLOURlovers Desktop Color Finder - Bu yazılım 1 milyonun üzerinde isimlendirilmiş rengin ve 300,000'in üzerindeki renk paletlerini içeren COLOURlovers veritabanı üzerinde arama yapabilmenizi sağlıyor.

Kuler Desktop - Bu uygulama çalıştığınız herhangi bir proje üzerindeki renk paletlerine göz atmanızı ve seçim yapmanızı sağlıyor. Beğendiğiniz birini seçtikten sonra Creative Suite 3 Illustrator, InDesign ve Photoshop üzerine de seçiminizi dahil edebiliyorsunuz.

Random Patter - Motifleri ön tanımlı parametreler üzerinde filtreleyebilir ve sonucu bir XML belgesi olarak kaydedebilirsiniz. Ayrıca imajları SVG belgesi olarak kaydetmeniz de mümkün.

Tasarım Araçları

Color Browser

AIcon - ActionScript 2 ve ActionScript 3 kullanıcıları için hata ayıklama aracı.

BetaDesigns Caliper - Bu araç diğer uygulamaların daima üzerinde yer alarak ekranınızdaki herhangi bir nesnenin ölçüsünü alabilmenizi sağlıyor.

designview - Flex Builder Design View aracını kullanabilmenizi sağlıyor.

Dojo Toolbox - Dojo JavaScript araçları ile birlikte çalışabilen bir dizi aracı içeriyor. Çalışmanızı, çapraz başvurularınızı görüntüleyebilir, yeni araçlar oluşturabilir ve çok daha fazlasını yapabilirsiniz.

e2vector illustration app. - yeni imajlar oluşturabilmenize ve onları SVG biçiminde kaydedebilmenize yardımcı oluyor. Ya da daha önceden hazırladığınız SVG biçimindeki dosyalar üzerinde de çalışabilirsiniz.

htmlText Editor - Flex için görsel olarak çalışma imkanı sunan bir WYSIWYG editörü.

Icon Generator - Sadece üç adımda CS3 ya da Web 2.0 tarzında simgeler oluşturabilmenize yardımcı oluyor. Hazırlanan tüm imajlar 128x128, 48x48, 32x32 ve 16x16 boyutlarında kaydediliyor.

pixDIF - tasarım uyarlamaları ile taslaklar arasındaki pixel farklılıklarını ölçmenize yardımcı bir araç.

Pixus - Ekran nesnelerinin ölçülerini alabilir, öntanımlı bouyutlar oluşturabilir ve tasarımlarınızı önizleyebilirsiniz.

Shrink O' Matic - JPG, GIF ve PNG dosyalarını sürükleyip uygulama üzerine bırakarak tümünün boyutunu aynı anda değiştirin.

Çeşitli Araçlar

Snippely

.merlin - Bir font (yazıtipi) yönetim uygulaması. Uygulama sayesinde yazıtiplerinin doğru isimlendirildiğinden emin olabilir, alfabetik olarak klasörlere bölebilir, aynı yazıtipinin fazla kopyalarını silebilir ve çok daha fazlasını yapabilirsiniz.

Balsamiq Mockups for Desktop Demo - Kodlamaya geçmeden önce bir yazılımın kullanıcı arabirimini tasarlamanıza yardımcı oluyor. Yazılım geliştirici ekipleri aynı proje üzerinde eş zamanlı olarak çalışabiliyorlar ve ayrıca yazılımın Atlassian Confluence, Atlassian JIRA ve XWiki ile uyumlu çalışabilmesi özelliklerinden de faydalanabiliyorlar.

ConceptShare Desktop Companion - Yeni bir proje üzerinde çalışma alanları oluşturup daha sonra onları diğer proje üyeleri ile birlikte ortak çalışabilmek için paylaşabilmenizi sağlıyor.

LibraryManager - SWF dosyalarının sınıf bilgilerini görüntüleyebilmenizi, onlara ait yeni bilgileri girebilmenizi ve sürüm karşılaştırması yapabilmenizi sağlıyor.

QR Code generator for mobile tagging - Siteleriniz ve projeleriniz için QR kodları oluşturmanıza yardımcı oluyor.

QuickLoader - PHP destekleyen tüm sunucular üzerinde dosya alışverişi yapabilmenizi sağlıyor. Farklı kullanıcılar tanımlayabilir ve onlara farklı klasörleri atayabilirsiniz. Bunun yanısıra sunucu üzerindeki dosya ve klasörleri de düzenleyebilmeniz mümkün. Yazılımın imaj editörü gibi bazı yan özellikleri de bulunuyor.

Simple Flash Filter Generator - Gerçek zamanlı olarak flash filtreleri oluşturabilmenize ve onları kodlayabilmenize yardımcı oluyor.

SlideRocket Player - İş için çevrimdışı sunumlar hazırlamanıza ve daha fazla hizmet satabilmeniz için platformlar oluşturmanıza yardımcı oluyor. Yazılım ayrıca masaüstünüz ile birlikte senkronize olarak çevrimdışı sunumlar yapabilmenizi sağlıyor ancak bu özellik için ücretli üyelik gerekiyor.

Snippely - Bilgisayarınız üzerinde, Internet üzerinde karşılaştığınız farklı kod parçacıklarını kaydederek daha sonra onlara kolayca ulaşabilmenizi sağlıyor.

SQLFury - SQL veritabanınızı olası açıklara karşı test etmenize yardımcı oluyor.

Ekran Görüntüsü Yakalama Araçları

WebSnapshot

Snapshooter - Geçerli bir URL girin ve yazılım sizin için girdiğiniz web sitesinin ekran görüntüsünü sisteminize kaydetsin.

SWFShot - Flash imajları JPG ya da PNG olarak dev ekran boyutlarında kaydedebilmenizi sağlıyor.

WebKut - Bir web sayfasının tamamını, sadece görünebilir kısmını ya da seçeceğiniz herhangi bir kısmını sisteminize kaydedebilirsiniz.

Websnapshot - Bir web sayfasının URLsini girin ya da sayfayı sürükleyip yazılım penceresi üzerine bırakın ve yazılım sizin için otomatik olarak sayfanın simgesini, tarayıcı boyutunu ve tam boyutunu bütünleşik galerisine kaydetsin.

Kaynak: Mashable!

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

25 Adobe Air Uygulaması

feew — Sun, 08 Jun 2008 12:40:00 GMT

Gün geçtikçe Adobe Air kullanıcılarının sayısı, ve bununla birlikte Adobe Air uygulamalarının sayısı artıyor. Eğlence araçlarından ofis işlerimizde kullanabileceğimiz araçlara kadar her gün yeni Adobe Air uygulamalarıyla karşılaşıyoruz. Bu bildiri de yaşamınızda size yardımcı olabilecek birkaç uygulamayla sizi tanıştırmayı amaçlıyor.
Finansal ve Prodüktivite

StockQ

Agile Agenda: Proje yönetiminde size yardımcı olacak, zaman ayarlı görev düzenlemede ve önceliklerini belirlemede kullanışlı bir uygulama.
Klok: Serbest meslektekilerin müşterilerine ayırması gereken zamanı ayarlamaları için bir uygulama. Aynı zamanda vaktinizi en çok ne ile geçirdiğinizi, hangi projeler üzerinde çoğunlukla çalıştığınızı göz önünde bulunduruyor.
Portfolio Viewer: Birden fazla yatırım portfolyonuzu bu uygulama ile takip edin.
StockQ: Herhangi bir siteye ihtiyaç duymadan mallarınızın stok değerlerinde değişiklik yapın ve getirilerini götürülerini ekranınızdan takip edin.
Mikroblogging & Hayat Akışı

Alert Thingy: FriendFeed'den güncellemeleri almanızı, Flickr'a resim yollamanızı ve Twitter hesabınıza erişmenizi sağlar.
Posty: Jaiku, Pownce, Tumblr ve Twitter hesaplarınıza kolay erişim sağlar.
Pownce: Açıklaması için buraya bakabilirsiniz.
Snitter: Otomatik yenileme, basit entegrasyon gibi özellikleriyle bir Twitter istemcisi.
Spaz: Birden çok teması ve kullanıcı tanımlı CSS'si ile, bir açık kaynak kodlu Twitter istemcisi.
Tumblweed: Tumblr blogunuza yazı ve resim yollamanın en kolay yolu.
Tweetr: Twitter hesabınıza erişerek, webcam inizden aldığınız resimleri, sürükle-bırak arayüzüyle arkadaşlarınıza transfer etmenize olanak tanır.
Twhirl: Twitter'a siteye girmeden erişmenin en popüler yolu. Otomatik yenilemeler, Jaiku ve Pownce'a da mesaj gönderebilme ve daha pek çok özelliğiyle işinize yarayacak bir Air uygulaması.
Çeşitli

CL Desktop: Pek çok insan Craigslist'i sever, ancak internet sitesinin kullanıcı arayüzünün pek iyi olmadığı da bir gerçek. Bu Air uygulaması Craigslist'i görsel olarak güçlendirmek ve daha kolay anlaşılır kılmak için yapılmış.
DiggTop: Digg'de o anda zirvedeki siteleri tek tıkla inceleyin.
EarthBrowser: Dünyanın hava durumuna bakın, anlık deprem bilgilerini kontrol edin, dataları KML olarak saklayın ve daha fazlası.
Google Analytics: Google Analytics ile sahip olduğunuz tüm fırsatlara erişmek için bu arayüzü kullanın. Üstelik birden çok hesaba aynı uygulamayla erişmek de mümkün.
ReadAir: Google Reader'deki yazılarınızı tarayıcı olmadan okumak için bir uygulama.
Müzik

AOL Top 100 Videos: Masaüstünüzden AOL'un müzik sahasındaki en popüler 100 müzik videosuna kolay erişim sağlar.
Finetune: Finetune profilinize erişim sağlar, sitedeki şarkı listelerine ulaşmanızda ve kendinizinkini oluşturmanıza olanak tanır.
MuxMaster: MuxTape'den mp3 yükleme marifeti olmamasına rağmen, fvori MuxTape'lerinize göz atmak ve onları dinlemek için eşsiz bir uygulama.
Pandora Desktop: Pandora müzik servisini masaüstünüzden kontrol etmenize olanak tanır.
Fotoğraf & Video

Flump: Bu uygulama ile bir Flickr hesabından kullanıma açık fotoların tamamını direkt yükleyebilirsiniz.
FotoBooth: Webcaminizle resim çekip, efektlerle donatıp, direkt Flickr hesabınıza yükleyebilirsiniz.
mooFlair: Youtube veya Metacafe'de arama yapıp, video listesi oluşturun, dilerseniz çevrimdışı izlemek için onları bilgisayarınıza yükleyin.
Snoto Photo: Flickr fotoğraflarınız ve slayt gösterileriniz için bir tarayıcı ve daha fazlası.
Ubuket: UBuketin açıklaması için bu bildiriye bakabilirsiniz.

Burada çevirmeye çalıştığım yazının ingilizcesini bulabilir, aynı zamanda 5 ekstra Adobe Air uygulamasına da bakabilirsiniz.

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

Ses efektleri arama motoru

feew — Tue, 28 Aug 2007 18:03:00 GMT

Efendim bu ses efekleri ne işe yarar önce aklıma gelen fikirler doğrultusunda sizlerle paylaşayım.

Bence en önemli olan kullanım yeri flash animasyonlar, menüler, bannerlar, reklamlar,oyunlar, vs...
Sonra powerpoint sunularında sıkça ihtiyaç duyulur.
Video düzenlemesi, montajı yapıyorsanız çok fazla işinize yarayacaktır.
... aklıma bunlar geldi şimdilik.

Bu ses efeklerini bu siteden kolaylıkla arayabilir ve ücretsiz kullanabilirsiniz.

B u n l a r da benden size birkaç seçmece örnek :)

Bu yazı feew 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 için bedava admin temaları

feew — Wed, 05 Nov 2008 18:05:00 GMT

Bloganje Free Admin Template

Web tabanlı projelerde yönetim panellerinin oldukça önemli olduğunu bu işe kenarından köşesinden bulaşan herkes bilir. Sitenin içeriğini düzenlediğimiz bu bölümün gerçekten kolay kullanımlı, basit ve şık olması gereklidir.

Mesela müşterilerimden bir çoğu wordpress'in basit, anlaşılır ve kullanışlı admin paneli sayesinde bu tip cms'leri daha önce kullanmamış olsalar bile rahatlıkla sitelerini yönetebiliyorlar.

Most Inspired bloğunda 9 adet bedava admin panel teması yayınlamış. Bence küçük ve orta büyüklükteki projelerde kullanmak için ideal temalar.

Ayrıca esinlenmek ve ufkunuzu açmak için Most Ispired css galerisine ve bu bildirinin içeriğini de içeren makalelerin yayınlandığı bloğuna da arada bir uğramakta fayda var.

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