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/

 

 

2 Yorum

tolga için bir yanıt yazın X