10 Haziran 2015
minimalcoding
2147 0

Javascript ile Kutu (div) Boyutlarını Eşitleme

Bir çok Front-End Developer’ın karşılaşmış olduğu sorunlardan bir tanesi içerik girişi yapılmış divlerin boy orantılarının birbirinden farklık göstermesidir. Tasarımcı metin alanlarının hepsinin eşit olacağını hayal eder ve ortaya yan yana sıralanmış eşit uzunlukta aynı karakter sayısına sahip kutular oluşturur, ama bu kutuların içerisine gerçek içerikler girilmeye başlandığında hayal edilen ile gerçekleşen yapı aynı değildir,uzunlu kısalı kutular tasarım bütünlüğünden ve görselliğinden artık kopmuş , tasarımdaki güzelliği yansıtamaz hale gelmiş ve sonunda mutusuz bir müşteri profili orataya çıkmıştır. Akla ilk gelen çözümlerden bir tanesi ; kutu boylarına eşit uzunluk verip ( height:150px) taşma alanlarını  gizlemek (overflow:hidden)  gelebilir ama buda kullanıcılara anlamsız yerde kalan içerikler oluşturacaktır, ikinci yöntem sabit karakter sınırlaması; yani bu div içine max karekter basmak olacaktır, sonuç ilk yöntem ile aynı, anlamsız içerik. Peki ya çözüm?.. Devamı

Devamı
4 Haziran 2015
minimalcoding
1094 0

İnternet Explorer 10 için Özel Css Tanımlaması Yapmak (IE 10 Hacks)

Daha önceki konularımızda İnternet explorer versiyonları için koşullu ifade yöntemiyle özel CSS tanımla yapısını paylaşmıştık. Bu koşullu yapılar İnternet explorer 10 da  kalksa da bazen özel durumlar için CSS tanımlamarı yapmak gerekebilir. Bir kaç satır Javascript kodu ve CSS tanımlamasıyla bunu yapmak son derece basit, şimdi nasıl yapıldığını bir uygulamayla daha yakından inceleyelim… Devamı

Devamı
3 Haziran 2015
minimalcoding
1298 0

Css3 border-radius ile Yuvarlak Köşeli Kutular Oluşturmak.

“border-radius” özelliği CSS 3.0 ile gelen güzel özelliklerden bir tanesi, bu özellik sayesinde  örneğin bir img tagına bir div e ya da form elemanlarından inputa  kısaca Html elementlerimize yuvarlak köşeli olma özelliğini ekleyebiliyoruz. Tasarımcılar arasında da giderek artan bu tasarım modeli  border-radius özelliği ile  html’e aktarmak kabus olmaktan çıkıyor. Tabi tarayıcı desteklerini de göz ardı etmemek gerekiyor.  Devamı

Devamı
2 Haziran 2015
minimalcoding
1234 0

Css Box-Shadow ile kutulara gölge vermek

Box-shadow yapısını css3 gelmeden öncede bir kaç div ve pozisyon ayarı yaparak yada div için background görseli atayarak bu sorunu çözmek mümkündü. Artık günümüzde Css3 ile eklenecek bir kaç satır kod ile kutulara bu özelliği atamak son derece kolay ve kullanışlı. Devamı

Devamı
1 Haziran 2015
minimalcoding
1392 0

IE (Internet Explorer) versiyonları için Css ve Javascript düzenlemesi

Arayüz kodlayıcılar için büyük bir sorun teşkil eden internet explorer farklı versiyonlarını için, farklı CSS kodlamaları yapmak gerektirir. İlk kez ie5 te kullanılan şartlı uygulama yönetimini maalesef ki  günümüzde hala kullanılmakta :). Şartlı kullanım yöntemiyle ister CSS istersenizde Javascript dosyalarımızı ie tarayıcı versiyonlarına göre yorumlata bilirsiniz. Devamı

Devamı
30 Mayıs 2015
minimalcoding
1309 1

Html 5 Form Elemanlarına (Yer tutucu) Placeholder ekleme ve Css3 ile sitilendirme.

Html 5 ile birlikte gelen bu özellik sayesinde artık form elemanlarımıza placeholder (Yer tutucu) ekleye biliyor ve bunu Css3 ile sitillendire biliyoruz.

Placeholder; input,textarea vb  bilgi girişi yapılan form elemanlarına tanımlayıcı bilgiler eklenmesini sağlayan bir özelliktir.Kullanıcı bu alana tıkladığında placeholder yapısı kaybolacaktır, şmdi bu özelliği daha yakından inceleyelim.

Devamı

Devamı