What is responsive web design?

24 replies
  • WEB DESIGN
  • |
What is responsive web design?
#design #responsive #web
  • Profile picture of the author uditsh
    Responsive design of a website automatically adapt size of all different screen resolutions.
    {{ DiscussionBoard.errors[9964144].message }}
  • Profile picture of the author jeffreysloe
    Originally Posted by thaonvp123 View Post

    What is responsive web design?
    This article explains it: Responsive web design - Wikipedia, the free encyclopedia
    Signature

    I have been on the Internet since 1999. I'm here to share what I have learned about online marketing, web design and SEO strategies.

    {{ DiscussionBoard.errors[9964165].message }}
  • Profile picture of the author sarataylor2013
    Websites who adjust itself according to the screen resolution automatically are called Responsive websites. Responsive websites can easily be built using media queries or Bootstrap.
    Signature
    {{ DiscussionBoard.errors[9964206].message }}
  • Profile picture of the author MaybeImYou
    I thought I would mention that having a responsive design is going to add a big plus with Google.

    What is responsive design?

    Responsive design is an adaptable website/app that scales to fit the browser dimensions.
    {{ DiscussionBoard.errors[9965651].message }}
  • Profile picture of the author zeyfah
    open developers tool - responsive design view in firefox. then try resizing the box. if you see the website 'responds' to the width, like for example no horizontal scroll when your shrink the size, then you can assume that the site is responsive.

    you can also try to open on different browser on different platform.
    {{ DiscussionBoard.errors[9966074].message }}
  • Profile picture of the author Slade556
    Now that the 'definition' has been mentioned, I'd like to also let you know that, nowadays, you NEED a responsive web design! If you plan on developing a website, you will need to pick a responsive theme for it. It's not just for your visitors so they can visit your website on their mobile devices, but Google starts to penalize non-responsive web pages as well..
    {{ DiscussionBoard.errors[9966150].message }}
  • Profile picture of the author gibsonjoe
    A responsive website design is simply a website design, that adapts to any screen width automatically. Google it for more info.
    Signature
    Practice like you've never won before, perform like you have never lost. I create, I take Risks, I Live My Passion. I AM AN ENTREPRENUER. https://imarkguru.com
    {{ DiscussionBoard.errors[9966763].message }}
  • Profile picture of the author kavyaanjali
    Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
    {{ DiscussionBoard.errors[9968460].message }}
  • Profile picture of the author Dessie Miller
    Responsive Web design is an approach whereby a designer creates a Web page that “responds to” or resizes itself depending on the type of device it is being seen through. That could be a desktop computer monitor, a laptop, mobile phones etc..
    {{ DiscussionBoard.errors[10160779].message }}
  • Responsive design is kind of like silly putty. You can squeeze it and stretch it but it remains silly putty. Same for your site.
    Signature
    Premium WooCommerce & WordPress Plugins $10/ea. or FREE With Membership. PluginForage.com
    {{ DiscussionBoard.errors[10161882].message }}
  • Profile picture of the author AadhyaMehra
    Banned
    Responsive webdesign is the feature of any website which able to response to any device like phones as well as computers.
    {{ DiscussionBoard.errors[10268687].message }}
  • Profile picture of the author Nimmy Wilson
    [DELETED]
    {{ DiscussionBoard.errors[10270739].message }}
  • Responsive web design = one site + one code + css media queries = multiple devices
    Signature
    Premium WooCommerce & WordPress Plugins $10/ea. or FREE With Membership. PluginForage.com
    {{ DiscussionBoard.errors[10271495].message }}
  • Profile picture of the author orbit informatic
    Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities.
    {{ DiscussionBoard.errors[10287699].message }}
  • Profile picture of the author workbyinternet
    It's all about keeping font sizes and images sizes readable based on screen sizes without needing to zoom.
    Signature
    START YOUR OWN VIDEO WEBSITE (GOOGLE ADSENSE READY) (SEO FRIENDLY)
    {{ DiscussionBoard.errors[10288476].message }}
  • Profile picture of the author MrJaswal
    Responsive Web design is an approach whereby a designer creates a Web page that “responds to” or resizes itself depending on the type of device it is being seen through. That could be an over sized desktop computer monitor, a laptop, a 10-inch tablet, a 7-inch tablet, or a 4-inch smartphone screen.
    {{ DiscussionBoard.errors[10289777].message }}
  • Profile picture of the author webcosmo
    Responsive design should be giving the best layout and features according to your screen size, and thus giving you great user experience on mobile platforms.
    {{ DiscussionBoard.errors[10291801].message }}
  • Profile picture of the author Jane1
    Bootstrap is used for making responsive websites and their designs. These sites does not show horizontal scroll bar when they are open in a window in an electronic gadget.
    {{ DiscussionBoard.errors[10291832].message }}
  • Profile picture of the author kavyaanjali
    The purpose of responsive design is to have one site, but with different elements that respond differently when viewed on devices of different sizes.
    {{ DiscussionBoard.errors[10291870].message }}
  • Profile picture of the author thuybk
    [DELETED]
    {{ DiscussionBoard.errors[10293708].message }}
  • Profile picture of the author Zelna
    Websites which are made using Responsive Design Format adjust themselves according to the sizes of the devices on which they are opened.
    Signature

    Free After Effects Templates for your Videos and Media Projects

    {{ DiscussionBoard.errors[10308529].message }}
  • Profile picture of the author harman0004
    Responsive WebDesign automatically adjust screen resulution...............like bootstrap is responsive WebDesign......
    {{ DiscussionBoard.errors[10311035].message }}
  • Profile picture of the author kemogsm
    developing you website/app using html5 pr any other responsive platform such as bootstrap will ease it for you ...
    {{ DiscussionBoard.errors[10311046].message }}

Trending Topics