Author page: ibrahimnergiz

CSS Uzunluk/Ölçü Birimlerini Ne Zaman Kullanmak Gerekir ?

CSS3‘ün de hayatımıza girmesiyle CSS uzunluk veya ölçü birimlerini ne zaman, nerede kullanmak gerektiğini karıştırır duruma geldik. Bir sayfa üzerinde öyle çok birim kullabilir ki, bizi sınırlandıran sadece tasarım olsa gerek. Aşağıda ne zaman, hangi CSS uzunluk/ölçü birimini kullanacağınızı açıklamaya çalışacağım: Pixels (px) Kullanabileceğiniz alanlar; border, sabit genişlikteki tasarımlarda hemen hemen çoğu yazı elementinde, gölgelerde, responsive tasarım yaparken @media içerisinde … diye…

iOS Scroll Problemi

Geçen yıllara nazaran geçtiğimiz her yıl, mobil aygıtlar ile web sitelerimize daha çok ziyaretçi geldiğinin farkındasınızdır. Bugün izlediğim 1dakika 24 saniyelik bu video sizleri sıkmadan anlatacaktır da … Mobil aygıtlar devreye girince, yazdığımız kodları daha dikkatli yazmak, sadece PC browser’lerinde değil de çeşitli mobil aygıtlardan ( iPad, iPhone … ) da bakmak gerekmekte. overflow: auto Sorunsalı Web sayfalarına nazaran, iOS tabanlı mobil cihazlardaki…

Opacity Sorunu: Transparan ve Transparan Olmayan Elementler

Çoğu zaman tasarımlarda transparan elementlerle karşılaşırız. Peki bu elementleri imaj olarak mı kesmek gerekir yoksa CSS yardımıyla oluşturmak gerekir ? CSS ile oluşturmak için temel opacity / transparan kodlarından yardım alırız. Genellikle buton veya kutusal tasarımlarda yarı transparan, arka planın görüldüğü elementleri kolaylıkla entegre ederiz. Ama bir dakika … Buton veya kutuya opacity değerlerini verdiğimizde kutu veya buton içerisindeki yazı / imaj’ların…

SASS ve Dosya Organizasyonu

SASS ile çalışmanın güzel yanlarından birisi de organize bir yapı oluşması olsa gerek. Önceden, bir sayfa üzerine farklı farklı CSS dosyalarını eklemek hem yönetimi zor, hem de performans açısından ( birden fazla HTTP requesti ) zararlı bir yöntemdi. SASS‘la birlikte birçok farklı bölümleme ile stilleri düzenleyebilecek duruma geliyorsunuz. Peki SASS ile Bölümleme Ne Demek ? Bölümleme de neyin nesi diye soracak olursanız,…

LocalStorage ile Popup Örneği

Daha önceki yazımda localStorage hakkında temel bilgilere değindikten sonra bu yazımda da sizlere güzel bir örnek vermek istiyorum. Çalıştığım takımdaki arkadaşlarımdan, web sitemize giriş yapan kullanıcı karşısına direk olarak sosyal medya bağlantılarımızın olduğu “takip et” butonlarının ( Facebook, Twitter, Google Plus ) bulunduğu bir popup çıkarma isteği geldi. Ama burada küçücük bir sorun vardı. Siteye giriş yapan her kullanıcı, her giriş yaptığında…

HTML5 ile Gelen “Local Storage” Nedir ? Nerelerde Kullanılır ?

Front-end Developerlar için kullanıcının bilgisayarında bilgi saklamak güzel bir şey olsa gerek. Bu yazı içerisinde, kolay bir şekilde kullanıcı bilgisayarında küçük bilgiler saklamak, sonradan onları okumak ve bunlarla neler yapılacağını açıklamaya çalışacağım. Neden “Local Storage” ? Web sitenizde bir uygulama olduğunu düşünelim. Uygulamayı web sitesi üzerinde kullanıp kapattıktan sonra tekrardan açmak istediğinizde her şey sıfırlanmış olur. Eğer aynı şeyi masaüstü uygulamalarda yapmak…

HTML5 ‘Download’ Attribute’u

HTML5 Download Attribute

Bildiğiniz üzere web sitesi içerisinde download linki oluşturmak oldukça basit bir işlem. Download ettireceğimiz dosyanın adresini <a> tag’i içerisine verdiğimizde bu işi halletmiş oluyoruz. Bazı modern browser’larda PDF, imaj veya text gibi dosyalara link verdiğimizde yeni tab’da açılmaları da ayrı bir problem olabiliyor. İşte bu noktada HTML5’in ‘download’ attribute’u devreye sokmanın zamanı gelmiş demektir. Download Attribute’u Nasıl Kullanırız ? Download attribute’u ile…