bildirgec.org - ana fikir - beğendikleri

Buzadam'ın Dövmeleri

ana fikir — Mon, 09 Mar 2009 19:14:00 GMT

Yukarıdaki resim 1991'de Alplerde bulunan MÖ 3300 yılına ait olduğu düşünülen taş devri adamı buz adam ötzi den. Marco Samadelli ötzi'nin tüm bedeni yüksek çözünürlükte resimlemiş. Yukarıdaki resim de ötzi'nin ayağındaki dövmenin görünümü. Tarihte en iyi muhafaza edilmiş olarak bulunan ilk çağlara ait bir insan bedeni olan ötzi'nin bu proje ile bedeni incelenmiş ve burada ilgilenenlerin incelemesine sunulmuş. -6 derecede saklanan mumyanın bedeni 48 saat içinde 800 tarama ile incelenmiş, daha sonra buradan binlerce resim üretilmiş. Taramalar sırasında bedeninin olumsuz etkilenmemesi için az ısı veren flash'lar kullanılmış.

Kaynak

Bu yazı ana fikir 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

Unutulan Ufak Detaylar

ana fikir — Fri, 06 Mar 2009 07:55:00 GMT

Siteler için ufak detaylar çok önemlidir. İşiniz ne olursa olsun her iş için bir site yapılabilmektedir ve her site sahibi sitesinin üst sıralarda yer almasını ister. Kimi site sahibi ise sorunsuz bir site ister.(açıkları olmayan) bazı bilgiler göz ardı edildiği için ya da aklımıza gelmediği için yaptığımız işi yarım yapmış olabiliriz. Bu yazımı unutmuş olabileceğiniz olasılıkları ortaya çıkarmak için yazdım.

PageRank Göstergesi

PageRank Kazanma
Birçok site sahibi sitelerinin internet ortamında değerli bir yapı olması için PageRank kazanmaya çalışır. Genelde bunu özgün içerik hazırlayarak yapmamız gerekmekte. Tabii bunun başka yolları da var. PageRank değeri yüksek olan bir siteden link satın alabiliriz. Bazı forum sitelerinde rastlamışsınızdır. PageRank değeri yüksek olan site sahipleri sitelerine para karşılığı diğer sitelerin adreslerini yazmaktadırlar. Bu işlemi yapanlardan iseniz dikkatli olun. giriş yaptığınız sitenin adresi önemli. Anlatmak istediğimi sanırım bir örnek ile anlatsam daha iyi olur.

Örneğin bir siteye PageRank artırmak için link verdiniz. Bu site Google olsun. www.google.com.tr adresinin PageRank değeri 8 olduğunu var sayalım (değişebilir olduğundan var sayalım dedim). Linkinizin site içerisinde hangi adreste yer aldığına dikkat edin. Google'a göre PageRank değeri 8 olan alanın adresi www.google.com.tr’ dir. Sizin linkiniz ise www.google.com.tr/index.php adresinde yer almaktadır. Gerçi Google PageRank’ i yüksek olan sitelerin ana sayfasını genelde kontrol eder ama siz gene de işi sağlama alın ve ana sayfa haricinde PageRank değeri yüksek olan başka bir sayfa var ise o sayfaya link verin. Eğer yok ise ana sayfaya vermeniz gerekiyor. tabii bu işlemleri gerçekleştirirken Google sizin yaptığınız link takas işlemini ücretli yaptığınızı anlar ise vay halinize. Bu tamamen yasaktır. Google bu tip bir ticaret başlatmamak için önlemlerini de almış. Size tavsiyem kesinlikle özgün içerik ekleyin ve sizin ile aynı değerde PageRank değeri olan bir site ile ticaret yapmadan link takası yapın.

İnjection Açığı

İnjection Açığı
Bir siteniz var ve kullanıcıların üye girişi için paneli mevcut. Admin paneliniz, site içi aramanız vs. vs. gibi özellikleri olan bir site. Bu sitenin kötü kişiler tarafından enjection açığı kullanılarak kullanıcıların bilgileri ile giriş yapmasını önlemek için giriş panellerinde özel karakterleri kısıtladınız. Sizce bu yeterli mi?

Hayır. Çünkü siz veritabanınız ile bağlantılı olan sadece giriş panelleri olduğunu var saydınız. Peki ya arama boşluğu? Ziyaretçiler arama için boşluğa bir kelime yada harf girdiklerinde arama veritabanınızda gerçekleşmiyor mu? İşte size açık, giriş panelinde engellediğiniz tüm özel karakterleri burada kullanarak kötü kişi asıl niyetine yine ulaşacaktır. Bunun için arama boşluğu özelliklerine de özel karakter sınırlaması koymalısınız. Bunun yanında veritabanınıza bilgi gönderen ve işlem yapan her komut için sonuna eklenmesi olası komutları engellemekte gerekir. Yani veritabanınıza bir bilgi gönderirken bilginin gönderim metodunu post olarak seçiniz. Post metod ile gönderilen bilgiye adres çubuğundan erişilemez.

Kullanıcı Çekme

Kullanıcı Çekmek (hit)
Bir çok site sahibi kullanıcı çekmek için yeni açılan sitelerini bedava yada link takası yapılan sitelere kayıt ettirerek o sitenin kullanıcılarını kendi sitesine çekmek ister. Bunun için oluşturulmuş siteler internette oldukça fazla. Hatta Hürriyet bile bu işlerin içine girmiş durumda. Siz de sitenize kullanıcı çekmek isterken Google arama motorundan olabilirsiniz. SEO çalışmaları yapan bir çok kişi sebebini bilmesem bile sitenizi en az bir hafta aralıklarla başka sitelere ekleyin diye uyarıda bulunuyorlar. Haftada en fazla 3 site tavsiyesini veriyorlar. Sanırım bunun nedeni Google arama motoru aniden birkaç sitede birden bire ortaya çıkan backlinkleri görünce sitenizi spam siteleri arasına alıyor olabilir. Buna dikkat etmelisiniz. Bunun yanında siteleri hit çekmeye başlayan site sahipleri bilir ki %90 oranındaki kullanıcı arama motorlarından gelir. Arama motorlarının kolay indexleyebileceği bir site yaparsanız sizin için daha iyi olur ve ileriye dönük bir yatırım yapmış olursunuz.

Bu yazı ana fikir 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

arşivinizde yer alması gereken yepyeni ücretsiz fontlar (50 adet)

ana fikir — Sun, 08 Mar 2009 16:49:00 GMT

günümüzde bir tasarımın kalitesini yükseltmekte fontların etkisi çok büyük. bunun yanında seçilen fontlara göre çalışmaların başarı ve etkileyiciliğini de belirleyen önemli bir unsur. kısacası tasarımlarımızın vazgeçilmez parçalarından olan fontları birçok yerde kullanır, onları ailecek çok severiz. öyle ki şimdiye kadar bildirgeç'te, bir font konferansına katılıp onları kişileştirmiş, bir font filmini izlemiş ve bunların ardından herkesin sahip olmak isteyeceği yepyeni ücretsiz fontlara değinip son olarak da fontlara dair ne varsa bahsetmiştik.
bu bildiride de çalışmalarınızın/tasarımlarınızın vazgeçilmez bir parçası olacak 50 adet yepyeni ücretsiz fonta yer vereceğiz.

VTKS ROCK GARAGE BAND

FT Twisted Ontogenesis

Distorted and Scratchy

[kaynak]

Bu yazı ana fikir 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

Sanal Dünyaların Ederi: 600 Milyon Dolar!

ana fikir — Sun, 08 Mar 2009 09:22:00 GMT

Dünyanın pek çok yerinde ekonomik kriz yaşanmasına rağmen bu, yatırım yapılabilecek alanların olmadığı anlamına gelmiyor. Sanal Dünyalar Yönetimi'ne göre 2008 yılında Gaia Online, PlayFish, Turbine ve diğerlerine toplamda 594 milyon dolar yatırım yapıldı.

Geçen her finansal çeyrekte, bu alana yapılan yatırımların oranı aslında azalmış. 2008'in dördüncü çeyreğinde 101 milyon dolarlık yatırım; sanal dünyalarla ilgili iş yapan 13 şirkete aktarılmı. Üçüncü çeyrekte bu rakam 148.5 milyon dolar, ikinci çeyrekte 161 milyon dolar, birinci çeyrekte ise 184 milyon dolar olarak gerçekleştirilmiş. Her ne kadar yatırım yapılan miktar zaman geçtiktçe, ekonomik krize de bağlı olarak azalmaya devam etmiş olsa da, toplamda gözlenen yaklaşık 600 milyon dolarlık bu rakam, salan dünya alanının ne kadar önemli olduğunu ve halen bu alana yatırım yapılabileceğini gösteriyor.

Günümüzde ekonomi kötü görünüyor olabilir ancak sanal dünyalara her ay on milyonlarca dolar aktarılmaya devam ettikçe, işler ya artık iyiye gitmeye başlamış, ya da henüz biz krizin dibini görmedik.

Mashable!

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

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

css'de uzman olmanızı sağlayacak 20 css dersi

ana fikir — Sat, 14 Feb 2009 15:25:00 GMT

CSS'yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.

1. CSS Sekmeler ve Navigasyon

1.1. Genişleyebilen CSS Sekmeleri Dersi
Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.

1.2. Gelişmiş CSS Menüsü
Bu rehberde Photoshop'taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS'nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.

1.3. CSS Tabanlı Navigasyon
Bu rehberin amacı fare imleci bir menü öğesi üzerine getirildiğinde ilgili öğenin ön plana çıkarılması ile sonuçlanan CSS tabanlı bir menü oluşturmak.

1.4. Şık CSS Menüsü
Bu makalede bazı sevimli Javascript efektleri kullanılarak oluşturulmuş özel bir navigasyon çubuğunun oluşturulma aşamalarını öğreneceksiniz. Mootools kütüphanesinin işlevselliği sayesinde bu efekt sadece 1.5 KB'a sığdırılmış durumda. Bununla da kalmıyor ve ilgili menü hem çapraz tarayıcı desteğini bünyesinde barındırıyor hem de erişilebilir olduğu için arama motoru optimizasyonunu dikkate alanların gönlünü fethediyor.

1.5. Kayan Kapılar
CSS ile kayan kapılar tekniğinin nasıl kullanılabileceğine yönelik güzel bir makale.

1.6. Tanıtım Metni İçeren CSS Dikey Navigasyon
Navigasyon elementlerine tanıtım metni eklemenin yanısıra bu teknik sayfanız üzerindeki herhangi bir elemente açıklama eklenecek şekilde modifiye edilebilir. Örneğin profil adlarına, soru-cevap tarzındaki SSS sayfalarına, navigasyon elementlerine ya da diğer uygulamalara açıklama mesajları ekleyebilirsiniz.

1.7. CSS'de Sekmeli İçeriğin Üzerine Bindirme
Bu makalede Javascript kullanmadan ve çapraz-tarayıcı desteği bulunan, CSS ile hazırlanmış, bindirme desteği bulunan bir CSS sekmeli navigasyonun nasıl oluşturulabileceği anlatılmış.

2. CSS İle Yuvarlatılmış Köşeler

2.1. Box - Hepsi İçin Yuvarlatılmış Köşeler
Bu egzersizin amacı görsel olarak göze hoş gelen ve semantik olarak yazılmış en az miktarda kod kullanarak yuvarlatılmış köşeler oluşturmak. Ayrıca bu kutuların boyutu gerektiğinde değiştirilebilmeli de. İlk kutu için gerekli olan XHTML ve CSS kutunun hemen alt kısmında yer alıyor.

2.2. CSS'de Yuvarlatılmış Köşeler
CSS'de yuvarlatılmış köşeler oluşturmaktan bahsediyorduk ve arkadaşıma kendi yöntemimi gösterdim. Bunu gerçekleştirebilmek için diğer yöntemlerin de olduğunu biliyorum ancak bu yöntemlerin pek çoğı karmaşık HTML ve CSS kullanımını gerektiriyor. İç içe girmiş DIV'lerin tablo kullanmaktan çok daha iyi olmadığının farkına vardım. Bu sebeple benim yöntemim HTML ve CSS açısından fazla bir kod gerektirmiyor.

pinkfloyd'un notu: Her ne kadar burada arkadaşımız tablo kullanma yoluna gitmiş ancak siz sakın zorunda olmadıkça bu yöntemi denemeyin. Tabloları sitenizin anahat elementlerini oluşturmak için kullanmak yanlıştır.

3. CSS Fotoğraf Galerisi

3.1. Hoverbox Görsel Galerisi
Efekt için anchor bağlantısı kullanılmış zira IE'de :hover ast sınfının tek desteklendiği element bu. Her ne kadar kullandığım bu örnekteki tüm bağlantılarda # bağlantısını kullanmış olsam da siz görsellerin tam boyutlu sürümlerine bağlantı verebilirsiniz.

3.2. Çapraz Tarayıcı ve Çoklu Sayfa Destekli Fotoğraf Galerisi
Suckerfish HoverLightbox'dan esinlenmesine rağmen bu örnekte benim geliştirdiğim, metin yerine görsel kullanan çoklu sayfa anahat sistemini kullandım.

Suckerfish HoverLightbox'un aksine bu sürüm JavaScript'e ihtiyaç duymuyor ve sadece CSS kullanılmasına rağmen IE üzerinde sorunsuz çalışıyor.

3.3. Kayan Fotoğraf Galerileri
Bu galeri benim bugüne kadar geliştirdiğim en sade galeri. Dikey olarak 8:1 oranında sıkıştırılmış görselleri sırasız liste üzerinde kullanıyorum. Bu görsellerden birinin üzerine fare imlecinizi getirdiğinizde sıkıştırılan bu görseller tam boyutuna genişliyor. Kayan menü sistemimi temel aldığım bu örnekte metin yerine görsel kullandım. Herhangi bir küçük resim kullanmaya gerek yok ve tüm görsel önceden yükleniyor. Bu yöntem hem dikey hem de gösterildiği gibi yataay olarak kullanılabilir.

4. CSS Gölgeler

4.1. CSS Gölge Efekleri: Fuzzy Shadows
Bu makalede:

IE harici tarayıcılarda bir stil şablonunu nasıl gizleyebileceğimizi ve bu sayede ilgili belgenin doğrulanmasını engellememeyi,
IE5.5 ve IE6'da PNG saydamlığının nasıl doğru olarak görüntülenebileceğini,
Yukarıdakileri kullanarak nasıl gölge efekti oluşturabileceğimizi öğreneceğiz.

4.2. CSS Gölgeler
Bu makalede bir başka tekniği inceleyeceğiz. Diğer tekniklerin pek çoğu negatif marj kullanırken bu örnekte bağıl pozisyonlama kullanılarak nasıl gölge efekti oluşturabileceğimizi göreceğiz.

5. Diğer CSS İpuçları ve Hileleri

5.1. IE Çift Yüzen Marj 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.

5.2. CSS Çapraz 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.

5.3. Kapanır Tablolar: Bir Örnek
Aşağıdaki tabloların her bili "footcollapse" adı verilen bir sında dahiller. Bu sayede kullanılan betik ok görselini altlığa yerleştiriyor ve üzerine tıkladığında tablonun kapanıp açılabilmesini sağlıyor.

5.4. CSS İle İçerik Üzerine İçerik
Kapsayıcı üzerine fare imlecini getirdiğinizde halihazırda var olan içeriğin üzerinde yeni bir kapsayıcı belirecektir. Bu teknik position:relative tekniğini kullanarak statik içeriğin mutlak olarak pozisyonlanmış içeriğin üzerinde görüntülenebilmesini sağlıyor.

5.5. CSS Yakınlaştırma
Son zamanlarda metni yeniden boyutlandırabilme özelliğini barındıran bir web sitesinin yeniden tasarlanmasında çalışıyorum. Sitenin hitab ettiği kesimin yaş ortalaması biraz yüksek, bu sebeple büyük boyutlu metin kullanmak onlar için önem taşıyor. Ve siz insanların tarayıcılarında halihazırda bulunan bu özelliği kullanmaları gerektiğini söyleyip üzerime yürümeye başlamadan önce pek çok ziyaretçinin bu tip özelliklerin farkında olmadığını ve benzer özelliğin sitenin içine gömülmesinden memnun olduğnu hatırlatmak isterim.

5.6. CSS İle Oluşturulan ve Sonradan Beliren Görsel Açıklamaları
Bu örnekte ise görsel açıklaması ve tanıtım tekniğini bir arada kullandım. Görselin açıklamasını bir bağlantı içerisine dahil ettim. Yapmak istediğim şey ise ilgili açıklamayı kullanıcı görsel üzerine fare imlecini getirene kadar gizlemek.

Kaynak: DWS mg

CSS Üzerine Yazdığım Diğer Yazılar

Bu yazı ana fikir 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