Magento Expert Forum - Improve your Magento experience

Results 1 to 19 of 19

About Responsive Web Design…

  1. #1

  2. #2
    New member
    Join Date
    Dec 2016
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones). Responsive Web Design is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen. Also a web page should look good, and be easy to use, regardless of the device. The mobile-first approach is exactly as it sounds: designing for the smallest screen and working your way up. It is one of the best strategies to create either a responsive or adaptive design.

  3. #3
    Junior Member
    Join Date
    Oct 2016
    Posts
    984
    Thanks
    1
    Thanked 4 Times in 4 Posts

    Default

    When website is designed with taking small screen in mind than web designers are design website with mobile first approach. For example: If you set a small image globally and a large image inside a media query, mobiles only download the small image.

    When website designed with taking desktop screen in mind than web designers are design website with Desktop first approach. For example: website design with desktop based approach open up in mobiles than mobiles web designers are design website with mobile first approach.

    All is depend upon to target market of any business. If target sales generated through mobile users then mobile first approach is taken in mind, else if sales generate through desktop users then desktop first approach is developed for website.

  4. #4
    Junior Member
    Join Date
    Mar 2015
    Posts
    295
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    Responsive website means a website can appear clearly in type devices like mobile, desktop, laptops etc... Responsive design can be developed by using Boostrap. The latest version of bootstrap has a responsive design no need to included any styles. Present Bootstrap 3 version available and it is a mobile friendly with a responsive layout.

  5. #5
    Junior Member
    Join Date
    Oct 2016
    Location
    MONA TILES COMPOUND, NR. CHHANI CIRCLE, CHHANI ROAD, VADODARA - 390002. GUJARAT, INDIA.
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    web designers are design website with Desktop first approach. For example: website design with desktop based approach open up in mobiles than mobiles web designers are design website with mobile first approach.

  6. #6
    Junior Member
    Join Date
    Mar 2017
    Location
    Delhi
    Posts
    244
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Responsive Designs are the design that is platform independent and browsers dependent as well. These designs are user-friendly as well as device supportable. Responsive designs help in better user experience.
    The mobile first approaches are the site is able to open correctly in the mobiles as it open on the desktop. Responsive Web Designing helps to solve this issue.

  7. #7
    Junior Member
    Join Date
    Jul 2017
    Location
    Delhi
    Posts
    68
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    Now a days as 70 percent of users started browsing website on mobile and other sizes of screens so it becomes necessary to make website responsive so as it can open in any kind of screen size. CSS is used to make website design responsive.

  8. #8
    New member
    Join Date
    May 2016
    Location
    Jalandhar, Punjab, India
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks guys for sharing such adorable information.

  9. #9
    Junior Member kajal's Avatar
    Join Date
    Sep 2014
    Location
    Bangalore
    Posts
    1,446
    Thanks
    0
    Thanked 20 Times in 20 Posts

    Default

    Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones).

    Responsive Web Design is about using HTML and CSS to resize, hide, shrink, enlarge, or move the content to make it look good on any screen

  10. #10
    Junior Member
    Join Date
    Apr 2017
    Posts
    132
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Responsive Web Design makes your webpage clear look in all devices.

  11. #11
    New member
    Join Date
    Apr 2018
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones). Responsive Web Design is about using HTML and CSS to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.

  12. #12
    Junior Member
    Join Date
    Feb 2018
    Location
    Singapore
    Posts
    122
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones). Responsive Web Design is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen. Also a web page should look good, and be easy to use, regardless of the device

  13. #13
    New member
    Join Date
    Apr 2018
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    nowadays , website design web page in mobile format known as RWD.

  14. #14
    Junior Member
    Join Date
    May 2018
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    In responsive web design the design of your website fit to each device like Desktop, Mobile, tablet etc.

  15. #15
    Junior Member petershene's Avatar
    Join Date
    Aug 2017
    Location
    South Africa
    Posts
    91
    Thanks
    2
    Thanked 3 Times in 3 Posts

    Default

    o jave heard many web developers and graphic designers talk about mobile fort, never desktop firt i dont think that actually exist. Responsive design is just a way of designing a websites so that it may, through various coding techniques, such as media queries, fluid grid layouts or even bootstrap and the google AMP project display properly and fast on any mobile device, ie a phone or tablet. Responsive design goes a little further than this tough in that i actually also involves being capabilities with whatever platform it is being used on, ie chrome, android or ios. So in css we have web kits which make up for these incompatibilities, we have shims for when java script in causing issues on different devices. We also use fallback code for functions that we know wont work on certain platforms.

  16. #16
    New member
    Join Date
    Jan 2018
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Top three benefits of mobile responsive web design https://v8web.com/top-three-benefits-of-mobile-responsive-web-design/

  17. #17
    Junior Member
    Join Date
    Sep 2018
    Location
    United Kingdom
    Posts
    156
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    The breakpoints are regularly founded on the width of the browser. In responsive plan, page components reshuffle as the view port develops or contracts. A three-section work area configuration may reshuffle to two segments for a tablet and a solitary segment for a cell phone. Responsive structure depends on extent based lattices to adjust substance and plan components.

  18. #18
    Junior Member
    Join Date
    Sep 2018
    Posts
    15
    Thanks
    1
    Thanked 2 Times in 1 Post

    Default

    A responsive web design should be displayed always well on every type of device. There are many factors which identify it, however the most important among them are:
    - navigation structure (it should be user-friendly, easy accessible and without huge proportions on a large screen device)
    - calls to action (it should consider the critical calls to action which are always displayed well despite of browser's or screen's size)
    - balanced general design (the responsive one should scale images, headlines, fun fonts https://masterbundles.com/fun-fonts-...ium-fun-fonts/ , text and ads in the right proportions regardless of browser's size changes)
    - using of white space and padding (because it need to present information in the best visual style)
    - branding (your design should reflect the brand at all sizes, it's especially important in case of mobile devices)

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •