Web Deneyimleri

CSS ve XHTML ağırlıklı olarak Web Tasarımı ve Trendleri
üzerine paylaşımlar

Bilgi Derlemesi 1

Yazar: Volkan Görgülü | Yayın Tarihi: 06 Temmuz 2008 | Yorumlar: 30 Yorum
Kategori: Özel Bölümler

Merhaba, sizler ile paylaşmak istediğim küçük ama değerli bilgilerim var ve nasıl paylaşsam diye düşünüyordum, bir derleme videosu hazırlamaya karar verdim. Aşağıdaki videoda 5 adet bilgiyi sizlerle paylaşıyorum. Bu bilgiler kısaca,

  • Border-top özelliğini body de kullanmak
  • GIF optimizasyonu
  • PNG-8 gerçeği
  • CSS’de gereksiz class kullanımı
  • Resim sürükleme kolaylığı

Eğer sizlerden olumlu tepkiler gelirse her pazar günü bu tip bir derleme videosu hazırlamayı planlıyorum.

Kaynaklar

Videoda bahsi geçen IETester ve eburhan‘ın IETesterı tanıttığı yazısı.

İlginiz için teşekkürler

Bloguma bir ilgi bekliyordum ama açıkçası bu kadarını beklemiyordum, tüm mecralardan düşüncelerini paylaşan ve geri bildirimde bulunan herkese çok teşekkür ederim.

Tekrar hatırlatmak istiyorum, RSS yayınıma üye olabilirsiniz, Twitter ya da FriendFeed‘den beni takip edebilirsiniz.

Bir sonraki paylaşımımda görüşmek üzere.

Başka bir paylaşımımı inceleyebilirsiniz

«

»

Yazıya Gelen Yorumlar

1

Eren Emre Kanal
06 Temmuz 2008´de söylemiş


Süper, kesinlikle faydası olacaktır. Hepsini izlemeye vakti olmayıp, derlemeyle vakit kazanmak isteyenler için özellikle.

Şahane gidiyorsun Volkan.

2

Can Derin
06 Temmuz 2008´de söylemiş


Volkan anlattıkların çok ilgimi çekmesede, anlatış tarzın ve yöntemlerin çok hoş, anlatımda kullandığın yöntemlerde giderek güzelleşiyor. tebrik ederim böle guzel bir çalışma yaptığın için.

3

hakan Nural
06 Temmuz 2008´de söylemiş


IE6 sorunuyla geçenlerde karşılaşmıştım. Png 8 sorunu çözdü. Faydalı bilgiler için teşekkürler.

4

Gürkan OLUÇ
06 Temmuz 2008´de söylemiş


Videoyu izlerken nedense bir süre sonra kesilip, video başa dönüyor. Benim bağlantım ile ilgili bir problem mi yoksa kullanmış olduğun FLV oynatıcının bir sorunu mu anlıyamadım. Aynı problemi yaşayan başka arkadaşlar da var mı acaba?

İzleyebildiğim kadarı ile güzel bir video olmuş :) Emeğine sağlık. Bu sıkıcı ve sessiz pazar gününü renklendirmiş oldun :) Teşekkürler :)

5

hakan Nural
06 Temmuz 2008´de söylemiş


hehe:) aynı sorunu 2 defa bende yaşadım. İlk 30 saniye içinde 2 defa başa aldı. 3. de bir daha olmadı. Ben belki bneim internettendir diye yazmamıştım…

6

Volkan Görgülü
06 Temmuz 2008´de söylemiş


@Eren, çok teşekkürler

@Can, mesajın beni çok mutlu etti

@Hakan, @Gürkan, evet bende farkettim aynı sorunu, hemen çözmem lazım.

7

Deniz AKIN
06 Temmuz 2008´de söylemiş


Çok güzel,teşekkürler ;) GIF optimizasyonunu öğrenmiş oldum.Yüksekliği büyük simgelerde optimizasyon yapacağımız zaman renk kaybı daha belirgin olacaktır.Yine de büyük simgelerde optimizasyon yapmak sağlıklı mıdır?

8

Volkan Görgülü
06 Temmuz 2008´de söylemiş


@Deniz, bidiğim kadarı ile resmin ne kadar büyük olursa olsun az sayıda rengi barındıyorsa, GIF ya da PNG-8 en uygun format, ancak resmin çok fazla renk barındırıyor ise JPG ve PNG-24 kullanmak daha doğru.

9

sinan
06 Temmuz 2008´de söylemiş


görüntülü dersler yazılıdan daha iyi bence.başarılarının devamını dilerim.

10

Volkan Görgülü
06 Temmuz 2008´de söylemiş


Arkadaşlar bir çok browserda videolara baktım, bahsi geçen sorunu bir tek FireFox’da gözlemledim, araştırmaya devam ediyorum.

11

Volkan Alabaz
06 Temmuz 2008´de söylemiş


Blog dünyasında adaşlarımın çoğalması sevindirici. Bu çalışmalarında enteresan ve verimli olduğunu düşünüyorum ve devam etmesini gerçekten isterim. Vaktim oldukça ziyaret edeceğim.

12

Yasar Onur DUNDAR
06 Temmuz 2008´de söylemiş


merhaba sanırsam vıdeolarda bırtakım sorunlar var.Sana kolay gelsın Tebrıkler…..

13

Onur SUBASI
07 Temmuz 2008´de söylemiş


Siteniz hayırlı olsun. Yararlı bilgileriniz için teşekkürler.

14

Cihan ÖNER
07 Temmuz 2008´de söylemiş


Volkan hocam tebrikler bu video da senin geliştirici tarafınıda görmüş olduk. body tagına border-top uygulamak benim aklıma gelmezdi. Yine çok süpersin yine harikasın tekrar ve tekrar tebrik ediyorum. Sen bu işe ciddi anlamda emek veriyorsun çok belli ve bilgilerini en güzel şekilde paylaşmak istiyorsun ki, bunu layıkıylada yapıyorsun.
En kısa sürede Videolarının devamını bekliyoruz.
SAYGILAR

15

kara
07 Temmuz 2008´de söylemiş


PNG-8 aynı GIF’de olduğu gibi 1 bitlik transparan özelliğine sahiptir. PNG-24 ise alfa-transparanlığı özelliği sayesinde kısmi-transparan (semi-transparent) dediğimiz %50 transparan görüntüleri desteklemektedir. PNG-8 temelde GIF’den farklı olmadığı için IE6′da görüntülenme konusunda problem yaşamamaktadır. PNG-24′ün görüntülenememe problemi ise IE6′nın alfa-transparanlığı konusundaki beceriksizliğinden kaynaklanmaktadır. Yani PNG-24 görsellerimizi PNG-8′e dönüştürerek sihirli bir şekilde tarayıcı desteğine kavuşamıyoruz malesef. Ne var ki burada yer alan makaleyi incelemenizi tavsiye ederim. Fireworks uygulamasının desteklediği bir yöntem ile dosyanızı PNG-8 formatında kayıt yaparken alfa-transparanlığı özelliğini kullanabiliyorsunuz. Eski tarayıcılar kısmi-transparan bölümleri %100 transparan gösterirken, modern tarayıcılar kısmi-transparan bölümleri kaydettiğiniz gibi gösteriyor. Böylece PNG-24 hacklerine gerek kalmıyor.

16

emin varol
07 Temmuz 2008´de söylemiş


hocam gerçekten güzel paylaşım olmuş anlaşılan bizimle dağa çok bilgi paylaşımı yapacak gibisin. Herşey için teşekkürler eline sağlık.

17

Volkan Görgülü
09 Temmuz 2008´de söylemiş


Arkadaşlar hepinize çok teşekkür ederim, @kara verdiğin bilgi çok değerli çok teşekkür ederim.

İnşallah paylaşımlarım devam edicek :)

18

Karbonizma
10 Temmuz 2008´de söylemiş


Firefox’un resmi sürükleyerek kaydetmesi beni çok etkiledi. Gerçekten püf noktalardan hazırlanmış paylaşımlar çok güzel. Kimsenin aklına gelmez bunları anlatmak. Her Pazar izleyeceğim. Teşekkürler.

19

gezgin123
11 Temmuz 2008´de söylemiş


özelikle son 2 konu oldukca benim için faydalı oldu teşekurler.

20

Volkan Görgülü
11 Temmuz 2008´de söylemiş


@Karbonizma, @Gezgin123, ne mutlu bana, çok teşekkürler :)

21

Necat Bolpaça / anov
14 Temmuz 2008´de söylemiş


Merhaba Volkan.
Sitenin adresini Fatih Hayrioğlu üstadımızın bir bağlantısından takip ederek buldum. İyi ki tıklamışım o bağlantıya. Anladığım kadarıyla yaptığın işlerin her noktasına dikkat eden aşırı titiz bir düşünce tarzın var. Bu şekilde yapılan işlerin hoşa gitmesi de normal.

Dün gece çok az uyumuştum uykulu gözlerle son çalışma saatlerini devirirken sitene rastladım, moralim düzeldi, uykum açıldı neşem yerine geldi. Birçok geliştiricinin favorilerine eklenecek bir sitenin sahibi olduğun için kutluyorum.

Başka bir arkadaşın belirttiği gibi, Fatih Hayrioğlu bizim için nasıl 2. “Eric Meyer” ise senin de bizim için ikinci bir “Fatih Hayrioğlu” olacağını hissediyorum. :-.)

Domain adı kafamı karıştırdığı için soruyorum, bu site kişisel bir site olmak amacını mı taşımaktadır, yoksa ileride başka yazarların altında toplanacağı bir çatı olmak gibi bir düşüncesi var mıdır? Bu konuda bilgilendirebilirsen sevinirim. Teşekkürler.

22

Volkan Görgülü
14 Temmuz 2008´de söylemiş


@Necat, iyi dilekleriniz için çok teşekkür ederim, okuduklarım beni ne kadar mutlu etti anlatamam, sorunuza gelince, Web Deneyimleri‘ni seçmemin sebebi birde çok yazarlı bir blog hayalimdir :)

23

Can YETİM
30 Temmuz 2008´de söylemiş


Blog bi harika. Video derslerini çok güzel hazırlamışsın gerçekten Volkan. Tebrik ediyorum. Titizlikle hazırlanmış herşey gerçekten…

Devamını bekliyoruz.

24

ümran
01 Ağustos 2008´de söylemiş


bilgi sahibi olduğum şeyler olmasına rağmen sizin de dediğiniz gibi bilmeyen insanlar var.. çok güzel anlatım olmuş.. devamını bekliyoruz :)

25

talat
01 Ağustos 2008´de söylemiş


selam volkan,
anlattığın gif optimizasyonu çok güzel ama ne kadar optimize etsem de ben içerik bölümünün arkasına koyduğum resim illa geç geliyor. sayfanın tam olarak yüklendikten sonra gösterilmesini sağlayan bir-iki js kodu buldum ama bi de senin fikrini almak istiyorum. sence bu sorun nasıl aşılabilir? sitenin parça parça, yavaş yavaş görüntülenmesinin önüne geçmenin bir yolu yokmudur(beklemekten başka)?

26

Volkan Görgülü
01 Ağustos 2008´de söylemiş


@talat, bahsettiğin sitenin adresini verirsen sana çok daha sağlıklı bir cevap verebilirim, belkide JPEG olarak kaydetmen gereken bir resmi GIF olarak kaydediyorsun ve boyutu gereksiz yere büyük oluyor, ayrıca sayfanın yaptığı istekleri ve kod yapısınıda incelemek gerek, sen bence sayfanın bağlantısını ver, ona göre neler yapılabileceğini konuşalım.

27

talat
01 Ağustos 2008´de söylemiş


çok teşekkür ederim volkan. ama seni bu kadar yormak istemem açıkçası. zaten şu anda lokalde uğraştığım yeni temamda yaşıyorum bu sorunu.. sanırım alt tarafa eklediğim rss çıktılarından kaynaklanan bi kasılma oluyor sayfada. biraz daha uğraşayım üstünde ilk sana gösterip fikrini alacağım :=)
yeni derlemelerini bekliyoruz. kolay gelsin.

28

veyselkeles
01 Ağustos 2008´de söylemiş


volkan ne diyebilirim ki sana? gerçekten tebrik ediyorum. Bütün her şey için teşekkürler. tam aradığım sorulara karşılaştığım sorunlara cevapları sende buluyorum. =) tekrar görüşmek ümidiyle. artık hep buradayım seninleyim . . .

Geri İzlemeler

  1. Bilgi Derlemesi 3
  2. Müjdat Korkmaz » MK » Tasarıma Biraz Daha Farklılık Kattım

Düşüncelerinizi duymaya ihtiyacım var!

Zamanınızın çok küçük bir bölümünü ayırarak, bu form aracılığı ile yazı hakkındaki düşüncelerinizi paylaşabilirsiniz.

Yorum yazarken kullanabileceğiniz XHTML etiketlerini görmek istermisiniz?

Aşağıdaki XHTML etiketlerini kullanabilirsiniz:
<a href="" title=""></a>
<abbr title=""></abbr>
<acronym title=""></acronym>
<b></b>
<blockquote cite=""></blockquote>
<cite></cite>
<code></code>
<del datetime=""></del>
<em></em>
<i></i>
<q cite=""></q>
<strike></strike>
<strong></strong>