-

Öz

 As  a  result  of  developments  in  the  electronics  world  use  of  mobile  devices  which  have  become  an  integral   part   of   our   lives  are   widespreaded,  accordingly  making   web   design   compatible   with   all  devices   has   become   an   inevitable   concern.   This   concern   produced   the   concept   of   responsive   web  design.  Compatibility  became  a  top  issue  in  the  briefs  for  web  sites  forcing  desingers  on  developing  solutions.  Thus,  software  and  design  innovations  have  begun  to  appear.  The   basic   principle   of   responsive   web   design   is   to   create   flexible   designs   that   will   conform   to  different   screen   resolutions   of   devices.   Responsive   web   design   is   increasingly   applied   since   2011.  This  article  deal  with  possible  problems  and  solutions  in  the  process  of  responsive  web  design.  

Anahtar Kelimeler

•  Responsive   web   design,   responsive   design,   flexible-­‐grid   system,   media   queries,   mobile  design.  

Duyarlı Web Tasarımı

Öz

Elektronik dünyadaki teknolojik gelişmelerin sonucu olarak hayatımızın ayrılmaz bir parçası haline gelen mobil cihazların kullanımı giderek yaygınlaşmış, buna bağlı olarak da web tasarımını tüm cihazlarla uyumlaştırma kaygısı ortaya çıkmıştır. Web tasarım siparişlerinde artan bir öneme ulaşan uyumluluk sorunu, yazılım ve tasarımda yenilik arayışına neden olarak web geliştiricilerini de bu konuda çözüm üretmeye zorlamıştır. Böylece yazılım ve tasarımda duyulan gereksinimler duyarlı (responsive) web tasarımı kavramını ortaya çıkartmıştır. Duyarlı tasarımın temel prensibi farklı cihazların ekran çözünürlüklerine uyum gösterecek esnek tasarımlar geliştirmektir. 2011 yılından bu yana kullanılmaya başlanan duyarlı web tasarımı her geçen gün firma veya kişilerin tercih ettikleri bir tasarım sistemi haline gelmiştir. Bu makale kapsamında duyarlı bir web sitesinin tasarlanma sürecinde karşılaşılabilecek sorunlar irdelenmiş ve bu sorunların çözümleri üzerinde durulmuştur.i Anahtar Kelimeler: Responsive web tasarımı, duyarlı tasarım, esnek-grid sistemi, medya sorguları, mobil tasarım. Responsive Web Design Abstract As a result of developments in the electronics world use of mobile devices which have become an integral part of our lives are widespreaded, accordingly making web design compatible with all devices has become an inevitable concern. This concern produced the concept of responsive web design. Compatibility became a top issue in the briefs for web sites forcing desingers on developing solutions. Thus, software and design innovations have begun to appear. The basic principle of responsive web design is to create flexible designs that will conform to different screen resolutions of devices. Responsive web design is increasingly applied since 2011. This article deal with possible problems and solutions in the process of responsive web design. Keywords: Responsive web design, responsive design, flexible-grid system, media queries, mobile design.

Anahtar Kelimeler

• Anahtar   Kelimeler:   Responsive   web   tasarımı,   duyarlı   tasarım,   esnek-­‐grid   sistemi,   medya   sorguları,  mobil  tasarım.