CSS Dersleri
Daha öncede birkaç kere aynı soru ile karşılaştım. Soru: Çıktı alırken web sitemin belirlediğim yerden sayfalara ayrılması için ne yapabilirim? CSS ile bunun çözümü kolay. Örneğin tablolardan oluşan bir web sayfanız var. Çıktı alırken bu tabloların ortadan bölünmesini istemiyoruz. Belirlediğimiz yerde sayfanın sonu gelsin istiyoruz. Aşağıdaki gibi bir sayfamız olsun.
JavaScript
Son zamanalarda ismini çok fazla duyduğum ve nispeten daha fazla Türkçe bilgi bulduğum bir kütüphane Vuejs. Hızlı gelişen javascript dünyasında her sene bir kütüphane popülerleşiyor. Backbone.js, Angularjs, React derken VueJs geldi. Takip etmesi zor süreçler. Ben sağolsun Murat Çorlu'nun sayesinde sahibinden.com'da Angularjs ile bir
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; <div class="