bildirgec.org - bassedas - beğendikleri

öğrenilmesi gereken 15 css hilesi

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

ilgi çekici yorum formu tasarım örnekleri

bassedas — Mon, 05 Jan 2009 09:47:00 GMT

Yorum formu, genellikle bir yazının sonunda bulunan ve arayüz tasarımının önemli bir bölümünü oluşturan parçasıdır. Öyle ki bir sitede bulunan yorum ekleme bölümü, yazı fontları ile, tasarımı ve kullanılan renkleri ile okuyucuyu, yorum girmeye ikna etme yeteneğine sahip olmalıdır.
Bu bildiride yukarıda bahsedilen özelliklere sahip, çeşitli web sitelerinden ve bloglardan toplanan kusursuz yorum formlarının bazı başarılı örneklerine yer vereceğiz.

kullanıldığı site

bu 36 adet temiz, kullanışlı ve göze hoş görünen yorum formlarının devamına buradan ulaşabilirsiniz.

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

animata - açık kaynak kodlu, etkileşimli animasyon yazılımı

bassedas — Wed, 31 Dec 2008 16:24:00 GMT

Kitchen Budapest tarafından geliştirilen Animata animasyon yazılımı, dış dünyadan aldığı verileri kullanarak, önceden hazırlanmış bir animasyon sahnesini hareketlendirebiliyor.
Konser, tiyatro, dans performanslarında interaktif arka plan projeksiyonları oluşturmak amacıyla kullanılabilecek Animata yazılımı ile bilgisayarınıza bağlı kameranın önünde hareket eden bir insanın hareketlerini taklit eden bir kukla animasyonu hazırlayabiliyoruz.
Yazılımı geliştirenler, çalıştığı bilgisayara bağlanabilecek algılayıcılar ile toplanacak verilere tepki verilebileceğini, animasyonların bu veriler ile mesela bir ses sisteminden gelen sese göre hareketlendirilebileceğini belirtiyorlar.
Yazılım içinde, animasyonlarımızda kullanabileceğimiz, önceden tanımlanmış çeşitli kuklalar ve objeler bulunuyor.
Mac OS X, GNU/Linux and Windows platformlarında çalışabilen, açık kaynak kodlu (GNU/GPL) Animata yazılımını buradan indirerek deneyebilirsiniz.

Animata ile etkileşimli olarak çalışan ve hareket verilerini göndererek animasyonu değiştiren ilginç bir uygulama örneğini görmek için de buradaki videoyu seyredebilirsiniz.

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

uzay araştırmaları günlük hayatımızı nasıl etkiler?

bassedas — Thu, 01 Jan 2009 11:32:00 GMT

hiç merak ettiniz mi, uzay araştırmaları günlük yaşamınızı nasıl etkiler?
nasa, belirebilecek bu merakı gidermek için daha önce yayınlanan nasa in your life sayfasına ek olarak flash tabanlı yepyeni bir uygulama başlattı.

NASA @ Home and City

nasa @ home' u tıkladığınızda uzay teknolojisinin sonucu olarak geliştirilen çeşitli odalar ve günlük ürünlerin hepsi gösteriliyor.

NASA City'de ise havaalanı, hastane, fabrikalar ve ofis binalarına girebilir, nasanın uzay programındaki başlangıçlarına sahip olan ürün, alet ve makineleri görebilirsiniz.

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

Her Yazılımcının Bilmesi Gereken 10 Konsept

bassedas — Thu, 24 Jul 2008 06:02:00 GMT

Yazılım dünyası, kalabalık ekiplerin yerini büyük ve karmaşık işleri bir kaç iyi yazılımcının yapacağı bir yöne doğru ilerliyor.

yazılım mühendisi

Alex Iskold, bu ekiplerde yer alacak mühendislerin bilmesi gereken 10 konsepti listelemiş.

10 İlişkisel Veritabanları

learning mysql

İlişkisel veritabanları, çok büyük web servislerinde kötü performanslar sergilediği için son zamanlarda sevilmiyor. Ancak yazılım dünyası daha uzun bir süre onları kullanmaya devam edecek.

İlişkisel veritabanlarında veriler tablolarda kayıtlar olarak tutuluyor ve genellikle SQL adı verilen dil ile bu veriler sorgulanıyor. SQL’in veri ekleme, silme, güncelleme, filtreleme ve birden çok tablodaki verileri bir arada getirme gibi güzel yetenekleri var.
İlişkisel veritabanlarında veri yazıp okuma işini performanslı bir şekilde halledebilmek için SQL, stored procedure’ler (yerleşik yordamlar), constraint’ler (kısıtlamalar) gibi pek çok konuya hakim olmak gerekiyor.

9 Güvenlik

web security, privacy and commerce

Hack olayları ve veri güvenliği önem kazandıkça güvenlik bilgisinin de önemi artıyor. Veri güvenliği; kullanıcı yönetimi, yetkilendirme, bilgi aktarımı gibi pek çok kavram içeren geniş bir konu.
Kullanıcı yönetimi, bir sistemde her kullanıcının kendisini ilgilendiren bilgilerle muhattap olması ve diğer kullanıcıların bilgilerini görememesi ile alakalı. Yetkilendirme, kullanıcıların yalnızca izin verilen işlemleri yapabilmeleriyle alakalı. Daha çok şirketleri ve iş akışı bulunduran sistemleri ilgilendiriyor. Yeni geliştirilen OAuth protokolü, web servislerde güvenliği sağlamak konusunda yardımcı oluyor. Bu sistemi flickr kullanıyor.

8 Cloud Computing

programming amazon web services

Cloud Computing, bir işin daha hızlı yapılması için aynı anda birden fazla bilgisayarın çalıştırılması esasına dayanan paralel programlamadan yola çıkılıp geliştirilmiş bir yöntem. Yararlananılabilecek hizmetlerin zaman, kullanıcı yoğunluğu gibi parametrelere bağlı olarak değişmesi esasına dayanıyor.

7 Eş Zamanlılık

java threads

Eş zamanlılık, birden fazla işin bir programın kendi içinde aynı anda yapılması ile alakalı. Örneğin java ile yazılan uygulamalarda bunun için thread’ler kullanılıyor.

Üretici / Tüketici modeli tipik bir örnek. Üretici durumunda olan kısım sürekli olarak işlenecek verileri üretiyor, tüketici olan kısım ise sürekli olarak bu verileri alıp işliyor. Bu iki kısım aynı anda çalışıyor. Her thread’in kendi içinde çalışma mantığı ayrı olsa da thread’ler verileri aynı anda ve ortak olarak kullandığı için çalışırlarken yapabilecekleri hataları önlemek uzmanlık gerektiriyor. En karmaşık thread kütüphanelerinden birisi Doug Lea tarafından üretilmiş ve java çekirdeğinde yerini almış.

6 Caching

web caching

hafif uyku’nun kaşeleme dediği caching, normalde veritabanında tutulan verilerden çok sık kullanılanların hızlı ulaşılabilecek bir yere alınması ve buradan hızla kullanılması anlamına geliyor. Örneğin bir kitap siteniz varsa ve geçen haftanın popüler kitaplarını listeleyen bir kısım mevcutsa, bu verileri her gerektiğinde hesaplamak yerine haftada bir kez hesaplayıp uygun bir yere kaydediyor ve gerektiğinde buradan okuyorsunuz.
Cache’lenen verilerin tamamını bellekte tutmak maliyetli bir işlem olduğu için, bellekte tutulacak verilerin seçilmesi için uygulanacak yöntemleri seçmek yine uzmanlık gerektiriyor.
Facebook’un da aralarında olduğu bir çok modern uygulama, Brad Firzpatrick tarafından geliştirilen memcached adlı sistemi kullanıyor.

5 Hashing

lecture notes in computer science

Hashing, verilere hızlı ulaşmak için başka bir yöntem. Bu yöntemde, her verinin içeriğine bakılarak bu veriye özel daha kısa bir veri üretiliyor ve bu kısa veriler index olarak kullanılıyor. Index içerisinde arama yapmak da çok daha hızlı oluyor.

Hashing yapılırken her verinin farklı bir hash kodunun olması ve bu hash kodlarının hızlı ulaşımı mümkün olduğu kadar kolaylaştıracak şekilde ayarlanması farklı bir uzmanlık gerektiriyor.

4 Algoritmik Karmaşıklık Seviyesi

data structures and algorithms

Çok yaygın olarak büyük O harfi notasyonuyla ifade edilen karmaşıklık seviyesi, bir algoritmanın hızının, algoritmanın işlediği veri miktarına göre değişimini belirliyor. Örneğin O(n) ile ifade edilen bir algoritma, n tane veriyi t zamanda işliyorsa 2n tane veriyi 2t zamanda işler. O(n^2) ile ifade edilen algoritma ise n tane veriyi t zamanda işlerken 2n tane veriyi t’nin karesi kadar zamanda işler. İşlenen veri miktarları çok büyük olunca, bunları işleyen algoritmanın karmaşıklığı çok büyük önem kazanıyor.

3 Katmanlı Mimari

large scale c++ software design

Katmanlı mimari, bir yazılımın çalışması için gereken bileşenlerin piramit şeklinde yapılandırılması gerektiğini ifade ediyor. Piramitin her katmanındaki bileşenin çalışması, kendi altında bulunan bileşenlere bağlı olabilir ancak kendi üzerinde çalışanlara bağlı olamaz.
Bu konuda bilgi alınabilecek Structure 101 ve SA4J adlı iki güzel kaynak var.

2 Kurallar ve Şablonlar

developing java beans

İsimlendirme kuralları ve şablonlar üzerinde en çok durulan ve muhtemelen en önemli tasarım desenleri.
İsimlendirme kuralları yazılım geliştirilirken kullanılan tüm isimlendirmelerin ortak kurallara dayanmasını gerektiriyor. Örneğin JUnit adlı java bileşeni, test metodlarını, isimlerinin başında yer alan test kelimesi sayesinde tanıyor.

Şablonlar ise verilerin gösterimlerinin verilerden bağımsız bir şekilde yapılması ile ilgili. Örneğin XML verilerini göstermek için XSL şablonları kullanılır.

1 Arayüzler

agile software development

Arayüz, yazılımdaki en önemli konsept. Yazılım geliştirirken problemleri mümkün olduğunca basit modellemek ve bu modellere mümkün olduğunca basit ve anlaşılır arayüzler sunmak gerekiyor.

Bu konudaki tavsiyeler şöyle:

Asla ileride kullanışlı olabilecek metodlar yazmayın. Minimalist olun.

Daha önce yaptığınız hatalar ile yüzleşmekten korkmayın. Hatalarınızı düzeltmeye açık olun.

Sabırlı olun ve süreçten zevk alın. Adım adım ilerleyin.

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

bgpatterns ile mükemmel arkaplan tasarımları

bassedas — Tue, 08 Jul 2008 18:46:00 GMT

bgpatterns

bgpatterns arkaplan tasarımları yapabileceğiniz bir web servisi. benzer servislerin aksine iki çizgi çizip renklendirmekten çok öteye giderek gerçekten mükemmel arkaplanlar elde etmenizi sağlıyor. "apply background" bağlantısına tıklarsanız oluşturduğunuz pattern, görüntülemekte olduğunuz sayfaya anında uygulanıyor. dizayn etmekle ilgilenmiyorum diyorsanız diğer kullanıcıların oluşturduğu desenleri görebiliyorsunuz. ayrıca üye olursanız oluşturduğunuz desenleri hesabınızda saklayabiliyorsunuz. ilgililer mutlaka denemeli.

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

5 mükemmel flash uygulaması

bassedas — Mon, 30 Jun 2008 08:20:00 GMT

Flash

Flash Büyültücü, basit arayüzü ve kolay kullanımı ile tek bir resim dosyasını, mouse aracılığı ile büyütmeye, sağa-sola çekmeye imkan veren, çok güzel bir flash uygulaması.

Resim dosyasını dışarıdan çektiği için,her resim değişikliğinde, flash üzerinde oynama yapmak zorunda bırakmayan, iki tema seçeneği ile, ücretli ve ücretsiz olarak kullanıma sunulmuş, .fla ve .swf dosyaları ile kaynak kodlarını bir arada bulabileceğiniz, güzel bir flash resim büyültücü.

Demosunu, indirme ve satınalma seçeneklerini görmek için buraya tıklayınız.

Ve diğerleri...

3D Döndürücü
Resim dosyasını, sağa ve sola, el ile veya otomatik olarak döndürmeye imkan veren bir flash uygulaması.

Resim Büyültücü
Resim dosyasının, belirlenen kısımlarının büyültülmesine imkan veren bir flash uygulaması.

Renk Değiştirici
Resim dosyasının, değişik renk seçenekleri ile gösterimini sağlayan bir flash uygulaması.

Çoklu Büyültücü
Flash zoomer benzeri, fakat birden fazla resim için büyültme imkanı veren flash uygulaması.

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

LLLL Domainleri

bassedas — Mon, 23 Jun 2008 07:53:00 GMT

LLLL domain ne demek?
Herhangi 4 harfin oluşturduğu domain isimlerine LLLL domain deniyor.

.com uzantılı maksimum 456,976 tane 4 harfli yani LLLL domain. Tüm LLLL domainler alınmış halde. Sonuncusu 2 Kasım 2007' de olmak üzere.

LLLL domainleri değerli midir?
LLLL domainlerin fiyatları hızla artıyor tabi ki bazı LLLL domainler diğerlerinden çok daha değerli.
4letternoob' un bir araştırmasına göre en ucuz LLLL domaini 52 dolar değerinde.
Çok kısa bir süre öncesine dönelim, 2007 yılının başlarına. 60.000 LLLL domaini alınabilcek durumdaydı. Evet, burdan yola çıkarak bana bunun geç kalmış bir bildiri olduğunu söyleyebilirsiniz.

LLLL domainlerin değerini nasıl anlarız?
LLLL domainlerden en kıymetlileri, love,blue gibi anlamlı kombinasyonlar haliyle. Verilere göre harflerin değer sıralaması şöyle; * Değerli Harfler: a b c d e f g h i l m n o p r s t * Sıradan Harfler: j k u v w * Değersiz Harfler: q x y z

LLLL domainler iyi bir yatırım mı?
LLLL domainlerinin 456,976 ile kısıtlı olması dezavantaj gibi görünsede. "Kısıtlı" bir sayı olduğu unutulmamalı.

- Sadece 456,976 tane var. Toplam domain sayısına oranla bu sayı çok değil. Hepsi alınmış ve yenisini üretmek mümkün değil.
- LLLL domain sahipleri domainlerinin gelecekte değerleneceği konusunda çok hevesli.
- LLLL domainlere ilgi gösterenlerin sayısı gittikçe artıyor.
- Büyük şirketlerin ilgisini çekiyor.

Burada yer alan yazıyı çevirmeye çalıştım. Umarım ilginizi çekmiştir.

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

Zedge.Net - Cep Telefonunuz için Ücretsiz Tema, Melodi, Duvarkağıdı ve Oyun

bassedas — Sun, 04 Nov 2007 11:53:00 GMT

Gelişen teknoloji ile cep telefonlarımızın yetenekleri arttıkça bizim de ihtiyaçlarımız artıyor. Bildiğiniz gibi, günümüzde pekçok cep telefonu modeli, farklı tema, duvar kağıdı ve melodiler ile kişiselleştirilebiliyor; ve telefonlarımıza uygulama ve oyun yükleyebiliyoruz.

Bu anlamda, cep telefonu kullanıcıları için en önemli ihtiyaç çeşitli (farklı) ve ücretsiz içeriğe nereden ulaşabilecekleri konusu. Zedge.Net sitesi bu tür ücretsiz içeriklere ulaşabileceğiniz bir site.

Sitede neler var?
Siteye ücretsiz olarak üye olduktan sonra ulaşabileceğiniz içerik:

temalar
duvarkağıtları
oyunlar
videolar
melodiler
resimli mesajlar

Hangi Telefonlar Destekleniyor?

Sitede tema, oyun, duvar kağıdı gibi özellikleri olan tüm telefon modellerini bulmanız mümkün. Marka olarak baktığımızda - reklama girmez sanırım -, Nokia, Sony-Ericsson, Siemens, Motorola, Qtek, LG ve i-mate listelerinde yer alan markalar.

Kısıtlamalar
Site üyelerine günde 30 adet içerik inidrmelerine izin verdiğini söylüyor; ama - sanırım sayaçlarında bir sorun var - ben 30'dan fazla tema ve melodi indirebildim. :) Ki, günde 30 adet indirme bile gayet yeterli...

Zedge.Net'i hemen ziyaret etmek isteyenler içinsite adresi burada...

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

".tv" nin memleketi

bassedas — Wed, 07 Nov 2007 16:10:00 GMT

geçenlerde .tv alan adlarının tuvalu diye bir ülkeye ait olduğunu gördüm.
ülkeyi merak ettim araştırdım, karşıma çıkanlar karşısında çok şaşırdım.
büyük okyanusta bir ada ülkesi olan tuvalu'nun toplam alanı 26 km kare.
toplam 8 km karayolu olan ülkede hava alanı bile var (sanırım bu 8 km'de hava alanınındır).
24 km sahil şeridi olan ülkenin en yüksek yeri 5 metre yani şöle yüksek bir yerden şehrin manzarasını seyredim yok.
geçim kaynağı hindistan cevizi, balık ve domain satışı :)
toplam 12 bin kişi yaşıyor yani kişi başına düşen domain sayısını siz düşünün.
birde dünyanın ısısı 1 derece daha artarsa bu küçük ülke yok olacakmış.
coğrafya, tarih derslerini merak ediyorum acaba ne anlatıyorlar...
sizde merak ettiyseniz kaynaklar burda, burda, burda ve burda

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