Mobil psd to css hakkında

Merhabalar arkadaşlar, normalde web olarak arayüz iyi bir şekilde arayüz yazabiliyorum ancak mobil hiç dökmedim ve şuanda dökmem gerekiyor.

psd dosyaları vb. hazırlanmış bir biçimde ama herhangibi birşey yapamıyorum, resimler yanlardan boşluk bırakıyor vs. çözemedim işin içinden çıkamadım.

bir arkadaşıma sorduğumda bootstrap kullanmamı önerdi lakin ben mobil yapacağım için sıkıntılı oldu benim için.
bootstrapın mobil versiyonu varsa da ben bulamadım galiba, ne önerirsiniz acaba?

Responsive tasarım yapmayacaksan bootstrap kullanmana gerek yok ki. Tasarımı PSD dosyasında göründüğü gibi kodlayacaksın.

Css3 media queries şeklinde bir arama yaparsan istediğin cevaplara ulaşabilirsin responsive ile ilgili


Sent from my iPhone using Tapatalk

Şuradan detaylı bir araştırma yapmaya başlayabilirsin. Önce normal bir şekilde kurgula ardından media queries yardımı ile mobile göre düzenlemelerini yazabilirsin. Youtube gibi yerlerde bir çok örnek çalışmanın videosu var incelemeni tavsiye ederim.

Mobile için gereken meta tagını koy,

Sonra Hangi çözünürlüklere yapacağını öğren (Eğer hepsi ise likid/filexible (%'li burada ise http://www.aycan.net/css3-box-sizing...il-kullanilir/ bu makaledeki olay işine yaracaktır.) yapacaksın ).

Sürekli telefonda kontrol edemeyeceğin için veya emülatörlerde sürekli f5 yapmak sıkacağı için
body'ye width:'Baz aldığın ilk genişliği ' ver ve yapmaya başla.