iOS ~ iPhone ve iPad Simulator

Merhaba arkadaşlar,

Teknoloji çok hızlı geliştiği için yaptığımız işlerin kontrolu çok zorlaşıyor. Geçenlerde yaptığım bir iş iPhone6Plus da sorunlu çıkıyordu ve nerdeyse sinirden ki gidip alacaktım o telefonu 🙂

Herneyse sonra Macbook yani macOS  bilgisayarlarda Xcode programı var ve bu programın bu cihazlar için simulatoru var, denedim gayet güzel çalışıyorlar. Okumaya devam et iOS ~ iPhone ve iPad Simulator

HTML5 placeholder renk değiştirme

Ne güzel hayatımıza placeholder(bu bir attribute’dir.) girdi ve aşağıdaki aptal kodu yazmıyoruz.

Placeholder attribute kullanımı

Bu attr’yi kullandığımızda verdiğimiz, renk değerini ne verirsel verelim opacity değerini düşürüyor bunu engellemek için aşağıdaki tanımlamayı yapmamız gerekiyor.

 

Burada gördüğünüz gibi placeholder attribute içine yazılan değere opacity değeri veriyor.

Firefox ve IE ailesinde (sadece IE10) opacity ile düzeltebiliyoruz ama Chrome koduna renk kodunu yazmadan düzeltme yapmıyor. // Sebebini anlamadım

[blockquote source=”Ufak bir not”]Placeholder Internet Explorer10 ve altında çalışmıyor,r bunun için internetten placeholder.js araması yapıp çalışır vaziyete getirebilirsiniz. [/blockquote]

 

Kaynaklar

  • http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
  • http://www.paulund.co.uk/html5-placeholder

 

Tüm kodlar :

Demo / Ön izleme ->  http://calismalar.aycan.net/placeHolder/

 

PSD paylaşımları // Blog ve portfoy sayfası

Her zaman müşterilerin işlerini zamanında yapar ancak kendi işlerimi yapmam 🙂 Şuan localhost’da kendim için çizdirdiğim ve psd 2 css işlemi yapmadığım bir sürü psd var, bunları zamanla Psd kategorisinden sizlerle paylaşacağım.

 

İlk paylaşım 2010 yılında aycan.net için çizim yaptırdığım blog ve portfoy sayfasını sizinle paylaşıyorum. Okumaya devam et PSD paylaşımları // Blog ve portfoy sayfası

Responsive çalışma yapan arkadaşların işini hızlandırmak için…

 

Merhaba arkadaşlar,

Twitter’da paylaştım ilgi gördü o yüzden sizleride bu konudan mahrum etmek istemedim.

Responsive psd to css işlemi yaparken tarayıcının genişliği çok önemli oluyor, her seferinde bunu ölçmek için ya measureit eklentisiyada firebug console‘u açıyorum jQuery ile dökümanın genişliğini alıyorum vs vs.

Yukarıdaki yöntemler zaman aldığı için  bir kaç satırdan oluşan jquery yazdım, Tarayıcı resize olduğunda sitenin sağ alt köşesine bir span atıp, içine ekran genişliğini yazıyor. Okumaya devam et Responsive çalışma yapan arkadaşların işini hızlandırmak için…