SublimeText
Son haftalarda Visual Studio Code ile kod yazıyorum. Güzel yanları var ama Sublime Text'in hızını bulamadım. Henüz Sublime'a geri dönmüş değilim ama yinede bazı özelliklerini arıyorum. Visual Studio Code'a geçtim dediğimde Murat ile biraz konuştuk. Konuşurken fark ettim ki aslında Sublime Text'te
Uyumlu (Responsive) web'i dillendiren ilk adam Ethan Marcotte'un ikinci kitabı. İlk kitabı işin giriş kitabı idi. İkinci kitap biraz daha ileri seviye diyebiliriz. Genişleyen araç yelpazesi ve ihtiyaçları da dikkate alarak yazılan kitap güzel bilgiler sunuyor. Tasarım kalıpları yeni bir mecraya girenler için bilgilendirici oluyor. Kitapta
JavaScript
Kod yazarken bazı alışkanlıklarımız oluyor. Kütüphanelerin ve standartların yeniliklerini takip etmeyince kullandığınız kodun daha basit ve sade olan yeniliklerinden haberimiz olmuyor. jQuery'nin yeniliklerini çok önemsemiyorum, ancak mevcut çalıştığım sitede (zingat.com) ve birçok projede jquery kullanmaya devam ediyoruz. Bu öğrendiğim özellik ile yeniliklerin takibinin önemini bir kez daha
CSS Dersleri
Görünür alanı (viewport) kullanıcının kullandığı tarayıcının görünür alanı olarak tanımlayabiliriz. Bir web sayfasını görüntülemek için kullanılabilir alan olara düşünebiliriz. Görüş alanı ekran boyutuyla(screen size) aynı değildir. Bir cihazın görünür alanı değişebilir ancak ekran boyutu sabittir. Görünür alan masaüstünde büyük, tablette orta ve mobilde küçüktür. Bununla birikte masaüstünde kullanıcı tarayıcı
CSS Dersleri
Konu kısa hemen anlatıp bitireyim. zingat.com'da CSS önişlemcisi LESS. Boostrap'den dolayı LESS tercih edilmiş. Neyse soruna gelelim. Bir css fonksiyonunu (mixin) yazmaya karar verdim. Bir hareketli yükleniyor ikonu yapayım dedim. Herşey güzel gidiyordu ta ki değerini 24px değilde 24 olarak göndereyim dediğimde sorun ortaya çıktı.
CSS Dersleri
Temmuze 2019'da güncellendi. zingat.com'un satılık ve kiralık arama sonuç sayfalarını kodlarken her bir kutunun belirli yüksekliği olduğu için gelen başlığın harita açıldığında altında kalan metinlerin üzerine binmesi sorununu haletmek için Murat'la bu metni 2 satır ile sınırlandırmalıyız dedik. En güzel çözüm CSS ile
CSS Dersleri
Şimdiye kadar okuduğum en iyi uyumlu(responsive) web kaynağı. İlk önce pdf'ini okudum, sonra baktım güzel kitap basılısını sipariş ettim. 1 hafta sonra geldi. Okumam uzun sürdü :) Her bölümü 2 kere okuyup ilerlediğim için okuma sürem uzadı. Tabi İngilizce okuma becerimin kısıtlı olmasının da bunda etkisi var. Kitap
CSS Dersleri
Artık her projemizde @font-face kullanıyoruz. Kullanırken bazı sorunlar yaşıyoruz ve bu sorunlara çözümler üretiyoruz. Bu makalenin konusu da bu sorunlardan birini çözüyor. Hemen meseleye girelim. Bir @font-face tanımı yapalım. Ben burada daha kısa olsun diye woff2 yapıyorum ama siz Woff2 ve font-face tanımını iki satıra indirmek yazımdaki ilk kodu kullanın.
CSS Dersleri
Uzun süredir İnternet Explorer için düzeltme yazmamıştım. Ne güzel dünya. Gerçi bu bir düzeltme midir bilemedim. Uzatmadan hemen sorunu ve çözümü yazayım. Sorun: İnternet Explorer 10 ve üzeri sürümlerinde metin girdi alanlarında (input text) alanlarına kullanıcı bir şeyler yazınca otomatik olarak input'un sağında silmek için bir X butonu
CSS Dersleri
Yaklaşık 6 sene önce bu başlığa yakın bir başlık ile bir makale yazmışım. Yatay ve Dikeyde Ortalı Alanlar Oluşturmak yeni gelen özellikler ile bu kodu daha basit nasıl yapabilirim diye bakınırken flexbox özelliği aklıma geldi. Peki flexbox ile bu işi nasıl yaparım. HTML kodu aynı olsun; {% highlight html %} Fatih Hayrioğlu&
CSS Dersleri
İlk kodlanan web sitelerinde içerik herhangi bir işlemden geçmeden direk kullanıcıya sunuluyordu. Düz metin ve resimlerin olduğu bir doküman gibi. Zamanla düz dokümanlardan farklı olarak web sayfaları (kullanıcının gördüğü alan değerli bir alan olduğu için) kullanıcıya bilgi verirken içeriği önceliklendirmeye başladık. Önemli içerikler sayfa ilk açıldığında yüklenirken önem sırasında arkada
CSS Dersleri
There'll be woff2 support in Safari 10.https://t.co/CYy2Y4uIBY#webfonts Good news! Also Font Loading! ❤️ IndexedDB! ShadowDOM!August 11, 2016 Twiiter'da bu gönderiyi görünce font-face tanımını yenileyelim yazısında yenilediğim font-face tanımını acaba iki satıra indirebilirmiyim dedim içimden. Woff formatı özel yazı tiplerinin kullanımının yayılması