Magento Expert Forum - Improve your Magento experience

Results 1 to 18 of 18

About Responsive Web Design…

  1. #1
    New member
    Join Date
    Oct 2016
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default About Responsive Web Design…

    Hello Friends... i want to know When talking about responsive web design, what are the differences between the Mobile First and the Desktop First approaches? Where does each excel and what are some of the issues it leads to?

    View more threads in the same category:


  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
    713
    Thanks
    0
    Thanked 2 Times in 2 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
    247
    Thanks
    0
    Thanked 2 Times in 2 Posts

    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
    64
    Thanks
    0
    Thanked 2 Times in 2 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
    598
    Thanks
    0
    Thanked 7 Times in 7 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 1 Time in 1 Post

    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
    127
    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
    Feb 2016
    Posts
    68
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    It is very cool that you can easily build a responsive website these days with the help of such themes like those on https://www.templatemonster.com/cate...dpress-themes/ for example. There are lots of those for different purposes, and you will surely find one for you. Good luck with it, guys

  15. #15
    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.

  16. #16
    Junior Member petershene's Avatar
    Join Date
    Aug 2017
    Location
    South Africa
    Posts
    51
    Thanks
    3
    Thanked 1 Time in 1 Post

    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.

  17. #17
    New member
    Join Date
    Jan 2018
    Posts
    7
    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/

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
  •