14 Haziran 2015
minimalcoding
2460 0

Css Fullscreen Background (Tam ekran arkaplan) Yapımı..

Bu yazımızda One page (tek sayfa) tasarımlarda sıklıkla kullanılan tam ekran açılan sayfa yönteminden bahsediyor olacağız. CSS dosyanıza ekleyeceğiniz bir kaç pratik kod ile bu işlemi yapmanız son derece kolay, uygulamanın daha net anlaşıla bilmesi için yapıyı one page mantığında tasarladık, doküman içerisinde tıklanıldığında ilgili alana giden (named anchor) basit bir java script koduda mevcut example butonuna tıklayarak uygulamayı daha net inceleye bilir, download butonuna tıklayarakta uygulamayı indirebilirsiniz Sass ve Less kullanıcılarını da unutmadık elbette döküman içinde hem Sass hemde Less dosyalarıda mevcut umarız sizler için kullanışlı bir uygulama olmuştur… Devamı

Devamı
10 Haziran 2015
minimalcoding
1996 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
1046 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ı
1 Haziran 2015
minimalcoding
1324 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ı