Başta kendim için not almak amacıyla başladığım blog sonraları bu iş ile ilgilenen kişlerin başvurduğu bir site haline geldi, son yıllarda yazı sayısı azalsa da hayatına devam ediyor. 10 seneye 600 küsür yazı ve bunlardan çıkan 2 kitap sığdırdım. Yazı yazmak kendim açısından da öğretici oluyor. Ne kadar az yazıyorsam aslında öğrenme sürecimde o kadar azalmış oluyor.

Her seneye bir dahaki sene daha çok yazı yazacağım diye giriyorum ama sonuç hiçbir zaman beklediğim seviyede olmuyor.

Bu sefer olacak umudu ile; önümüzdeki sene “Uyumlu Web” yazılarının yoğun olmasını planlıyorum. Bakalım ne kadar gerçekleştirebileceğim.

Blog’un kazandırdığı avantajlardan birisi; yeni bir çalışma ortamında veya sektör çalışanları ile birlikte girdiğim sohbetlerde giriş bölümünü hızlı geçmek. “Aaa abi senin blog’dan çok şey öğrendik zamanında” cümlesini çok duyuyorum. Bu tip tepkilerle karşılaşmak güzel bir his. Cümlenin sonundaki zamanında kısmı beni düşündürüyor.

Geçen sene şöyle bir şeyi daha gördüm ki tek alan adı üzerinde çalıştığım şirketlerde (zingat.com, sahibinden.com) web ajanslarından daha az üretken oluyorum. Web ajanslarında devamlı farklı projelerle uğraşmanın iyi yanı. Tabi onunda kendince dezavantajları da var.

Blog’da beni düşündüren durumlardan birisi de yazılar hakkında olumlu veya olmusuz çok fazla geribildirimin olmaması. Genelde “güzel yazı”, “eline sağlık” mesajları geliyor. Ben daha çok abi “bu yazıda şu kısım yanlış olmuş” veya “şöyle bir kod var abi bu daha iyi” yazan yorumları beğeniyorum. Ben de çok şey istiyorum galiba :)

Daha üretken bir sene olması dileğiyle. Kalın sağlıcakla.

Mobilde her kilobaytın hesabı yapıldığı için ve masaüstüne göre nispeten daha yavaş bağlantılar nedeniyle uyumlu web çalışmalarında performan daha fazla önem kazanıyor.

Tasarım icabı mobilde gizlenecek alanlardaki artalan resimleri kaldırmamız bize avantaj sağlayacaktır.

  .logo {
    background: url(logo.png) 0 0 no-repeat;
  }
  
  @media (max-width: 979px) {
     .logo { 
        display: none;
     }
  }

yerine

  .logo {
    background: url(logo.png) 0 0 no-repeat;
  }
  
  @media (max-width: 979px) {
     .logo { 
        background-image: none
     }
  }

kullanımı bize performans olarak geri dönecektir.

Kaynaklar

• http://stackoverflow.com/a/12444431/296373

iOS Safari’de karşılaştığım bir sorundu çözümüde çok basit paylaşayım hemen.

iOS input elementine yaptığımız CSS tanımlarını uygulamıyor. Webkit’in form elemanları konusunda bazı takıntıları var.

Normalde aşağıdaki gibi görünmesi gereken buton;

Böyle görünüyor

Çözümü ise çok basit

  input {
    -webkit-appearance: none;
  }

Tanımını ekledikten sonra sizin stillerinizi algılıyor.

Kaynaklar

• http://stackoverflow.com/a/2918716/296373
• http://trentwalton.com/2010/07/14/css-webkit-appearance/
• blog.antenna.io/2013/02/remove-default-input-styling-from-webkit