İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Youtube ve tasarım

cakirx

0
İyinet Üyesi
Katılım
8 Haziran 2006
Mesajlar
1,464
Reaction score
5
Konum
deviantart
Youtube nin tasarımını incelerken dikkatimi çeken birşey oldu default grafiklerin hepsi sadece bir resimden oluşuyor. Butonlarından oyları gösteren yıldızları kadar. Alttaki .gif i incelerseniz ne demek istediğimi daha iyi anlayabilirsiniz. Nedeni sanırım çok fazla siteyi yormaması ve hızlı açılması için. Bu tarz bişeyi nasıl yapabiliriz bi mantığı varmı.

grafiğin linki: http://static.youtube.com/yt/img/master-vfl29262.gif
 

iBiL

0
İyinet Üyesi
Katılım
12 Kasım 2007
Mesajlar
397
Reaction score
0
Nasıl yapılıyor acaba süper düşünmüşler. :)
 

cakirx

0
İyinet Üyesi
Katılım
8 Haziran 2006
Mesajlar
1,464
Reaction score
5
Konum
deviantart
bu tarz butonlar yapmak için bi makale vardı ama şuan bulamadım. Hem butonun normal hali hemde hover durumunu aynı resimde yapıyorduk ve java kullanarak "x" ve "y" kordinatlarına göre butonu hazırlıyorduk. Youtube tarzında tasarımlar yüksek hitli portallarda kullanılabilir. Varmı acaba bu tarzda başka siteler
 

cakirx

0
İyinet Üyesi
Katılım
8 Haziran 2006
Mesajlar
1,464
Reaction score
5
Konum
deviantart
ploop grafikleri verdiğin linkteki mantıkla yerleştiriyorlar. Butonlara link vermek içinde 1*1 pixel boş gif hazırlayıp kullanıyorlar. Bu konu üzerine yoğunlaşılırsa çok güzel tasarımlar çıkarılabilir ortaya
 

ploop

0
İyinet Üyesi
Katılım
11 Ekim 2004
Mesajlar
6,964
Reaction score
0
Konum
karavan
Bizim boyutumuzda web sitesi üreten insanlar için pek önemli olduğunu sanmıyorum bu islemin açıkçası. Alexa rank değeri 1000'den küçük siteler için önem arz eder belki bilemiyorum tabi tab olarak.
 

senolcan

0
İyinet Üyesi
Katılım
14 Ocak 2003
Mesajlar
1,393
Reaction score
0
Mükemmel bir düşünce, imagelerin neden hiç çabuk sorunsuz açıldığı şimdi anlaşıldı.
 

ReL4X

0
İyinet Üyesi
Katılım
12 Eylül 2006
Mesajlar
410
Reaction score
1
Yeni joomla temaların bazılarında kullanılıyor.
 

Alexis

0
İyinet Üyesi
Katılım
24 Ekim 2005
Mesajlar
678
Reaction score
5
Hız bakımından nasıl bir yararı var ki? 15 kb lık tüm resim yüklenip cache alınıyor. Normal sitede ise yine toplamda 15 kb lık ayrı resimler olur, onlar da ilk açılışta cache yüklenir ?

Burada bana cluster yapısı var gibi geliyor. Resimler farklı alanda, site farklı alanda. Css ve js lerin boşluklarını alıp, mod_deflate ile sıkıştırtırma vb... Kaynak sitemi bulamadım...
 

forumselcuk

0
İyinet Üyesi
Katılım
26 Şubat 2006
Mesajlar
713
Reaction score
1
Konum
Selçuk Üniversi
o resimleri hepsini ayrı ayrı kaydetseniz hem daha fazla yer kaplar bence
hemde yüklenirken süzgeçlerden geçerken zaman alır
webwizforums da yeni versiyonda bunu kullanıyor rich texteditör de gayet güzel
 

KolayDosya

0
İyinet Üyesi
Katılım
14 Kasım 2007
Mesajlar
56
Reaction score
0
bu tarz butonlar yapmak için bi makale vardı ama şuan bulamadım. Hem butonun normal hali hemde hover durumunu aynı resimde yapıyorduk ve java kullanarak "x" ve "y" kordinatlarına göre butonu hazırlıyorduk. Youtube tarzında tasarımlar yüksek hitli portallarda kullanılabilir. Varmı acaba bu tarzda başka siteler

bir zamanlar yahoo da yukarda "mail vs vs butonlar" da bu sistemdeydi diye hatılıyorum. şimdi baktım butonlar yukarıda değil.

Hız bakımından nasıl bir yararı var ki? 15 kb lık tüm resim yüklenip cache alınıyor. Normal sitede ise yine toplamda 15 kb lık ayrı resimler olur, onlar da ilk açılışta cache yüklenir ?

Burada bana cluster yapısı var gibi geliyor. Resimler farklı alanda, site farklı alanda. Css ve js lerin boşluklarını alıp, mod_deflate ile sıkıştırtırma vb... Kaynak sitemi bulamadım...



olayın mantığı sadece boyuttan kar etmek değil bence. dediğin gibi boyut aynı olabilir fakat bir site içerisinde 20 tane ufak resim açılmasındansa 1 tane resmin açılması ve sitenin yavaş yavaş değilde aniden ve hızla açılmasını sağlar. yani yukarıdan aşağıya dogru resimler teker teker açılmaz. hepsi aynı anda açılır ve gözehoş gelir düşüncesindeyim.
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst