Kategoriler
CSS

CSS3 Viewport (vw, vh, vmin, vmax) Birimleri

Mobil teknolojilerin gelişmesiyle birlikte hazırladığımız tasarımların hangi platformlarda hangi çözünürlüklerde görüntüleneceğini ön görememeye başladık. Belki bir televizyonda, belki bir tablette, belki de bir akıllı telefonda… Her biri için farklı çözünürlükler olduğunu bildiğimize göre, göreceli bir değere bağlı çalışan değerler kullanmak daha mantıklı olacaktır. Bu anlamda responsive tasarımlar ön plana çıktı ve genelde % (yüzde) şeklinde kullanılan genişlik veya yükseklikler kullanılmaya başlandı. Fakat yüzdeli değerler de bu alandaki açığı yeterinde kapatamadı. Bundan dolayı yeni değerler ortaya çıktı ve bunlara da Viewport (Bakış Alanı) birimleri denildi. Şimdi sizlere Viewport birimlerinden olan vw, vh, vmin ve vmax‘den kısaca bahsetmek istiyorum.

Kategoriler
CSS PHP

CSS (Style) Dosyasına PHP Kodu Eklemek

Oldukça fantastik ve gereksiz gibi gözükse de geliştirdiğim Colyper temasında çok fazla kullandığım ve artık hemen her işimde kullanmaya başladığım bir yöntem; CSS dosyasında PHP kodları ile çalışmak. Aslında CSS içerisinde yaptığımız PHP işlemlerini daha mantıklı ve farklı yollardan da yapabiliriz fakat buda bir yöntem olması açısından göstermek istedim.

Kategoriler
CSS

CSS İle Ok (Üçgen Şekli) Yapmak

Yaptığım bir proje gereği ufak bir ok işaretine, diğer bir tabir ile bir üçgene ihtiyaç duydum. Genelde bu tür şeyleri ikonlarla hallederdim ama bu projemde, tasarımın oldukça hafif olması gerektiğinden bunu CSS ile halletmek istedim. Şimdi sizlere CSS ile ok yani üçgen şeklini nasıl yapabileceğinizi göstereceğim ve eminim “Çok kolaymış!” diyeceksiniz.

Kategoriler
CSS

CSS İle Input’daki Placeholder’in Rengini Değiştirmek

Özellikle koyu renklerde bir tasarım yapıyorsanız, kullanacağınız Input‘lardaki “Placeholder” etiketi sizin için sorun olacaktır. Çünkü  Placeholder’a bir değer girdiğiniz zaman çıktı olarak gri tonda bir yazı görürsünüz. Koyu renkli tasarımlarda veya koyu renkli Input’larda bu çok hoş gözükmeyecektir. Siz her ne kadar Class/ID verip rengini değiştirmeye çalışsanız da bu sadece o Input’un içerisine yazılan yazının rengini değiştirecektir.