CSS HTML İpuçları Web Tasarım

Responsive Design/Duyarlı Tasarım

responsive-designÇoğalan mobil teknoloji cihazlarıyla  birlikte her tip ekran çözünürlüklerine göre(akıllı telefonlar, tabletler, notebook,  netbook ve desktoplara göre)  tasarım geliştirmek bizim gibi tasarımcıların korkulu rüyası olmasın diye responsive design yani duyarlı tasarım artık olmazsa olmaz bir trend oldu. Responsive design/duyarlı tasarım ekran çözünürlüklerine göre özel gösterilen tasarımlar yapmak yerine bu ekran çözünürlüklerine duyarlı olarak görünen tasarımlardır.

Bu sitelere örnek olarak aşağıdaki siteleri inceleyebilirsiniz. Tarayıcınızın kenarından tutup küçültüp büyütürseniz değişen tasarımları görebilirsiniz:

http://stuffandnonsense.co.uk/projects/320andup/

https://kippt.com/

http://www.flite.com/

http://www.getswizzle.com/

http://niarchive.org/trails/plantation-rewriting-the-story/

http://typecast.com/

http://typecast.com/monotype-acquires-design-by-front

http://www.columnal.com/

http://fluidbaselinegrid.com/

 

 

Eğer siz de duyarlı tasarım geliştirmek isterseniz kaynak olarak aşağıdaki frameworkleri inceleyebilirsiniz:

 

http://960.gs/

http://twitter.github.com/bootstrap/

http://responsive.gs/

http://piira.se/projects/ingrid/

http://www.gumbyframework.com/

http://susy.oddbird.net/

http://www.responsivegridsystem.com/

http://www.angrycreative.se/wordpress/plugins/less-framework/

http://www.getskeleton.com/

http://www.amazium.co.uk/

http://semantic.gs/

http://cssgrid.net/

http://foundation.zurb.com/

 

Not : Bu içerik tamamen http://www.ozdemir.info.tr/ adresinden alınmıştır.

Link : http://www.ozdemir.info.tr/responsive-designduyarli-tasarim/

 

 

Türk Telekom Şirketinde CRM Çözümlerinde Teknik Analist olarak görev yapmaktayım. Geçmişte ise iOS uygulama geliştirici olarak çalıştım. Bilginin ve paylaşmanın gücüne can-ı gönülden inanırım..
  • Pingback: Responsive Design/Duyarlı Tasarım | kod5()

  • tolga

    hocam, makaledeki frameworkleri kullanarak nasıl tasarım yapabileceğimizi anlatan bir doküman güzel olurdu 🙂
    İyi çalışmalar

    • Tolga merhaba,
      Şu anda kod5.org için yeni bir arayüz ve yeni özellikler tasarlıyoruz, o yüzden ağırlığımı oraya vermiş durumdayım. O tamamlanınca bu isteğini dikkate alıp örnek doküman hazırlamaya çalışacağım. Güzel fikrin için teşekkürler.