Tag Info

New answers tagged

1

The most common behaviour in responsive e-commerce sites is to show the shopping cart icon on the top (right) with the number of items added to it. Since we are dealing with smaller space, we should prioritise and keep on the screen only the necessary elements. You can see an example in www.nike.com or www.bol.com. The behaviour when you click usually is ...


1

I suppose that the responsive behaviour is due to allow usage on desktop as well on mobile devices. Hence I would show for the mobile version a really reduced version of the shopping cart. It should be reachable very fast, so I would place it on the top and provide an indicator as feedback when an item was added to the cart. Below is an example from the ...


0

I suppose that you have a details page for each of the dishes. Most ordering will probably be done in that view rather than the thumbnailed list view. Customers generally want to reassure their decision by acquiring all available information before making a purchase (this need is of course decreased for already experienced purchases). So I would suggest ...


0

While developing, resizing the browser helps you to quickly try out different things and see if your media queries are working. Additionally, Chrome and Safari both have decent emulation options. https://developer.chrome.com/devtools/docs/device-mode http://3qilabs.com/safari-inspect-element-mobile-device-emulator/ But on an actual device, some things ...


1

I think you've been looking at the wrong frameworks because a well-conceived framework should improve accessibility not hinder it. Any framework that uses media-queries to target smaller devices is doing it wrong. Any framework that reduces font-size on small screens is doing it wrong. The default font-size on any browser is exactly that, and should be ...


0

Accessibility and responsive design can totally coexist in a well-designed website. Some people advocate for media query units in ems so that if the screen is zoomed, the font baseline will remain proportional. Using ems for font-size will also help with this, as other people mentioned. A couple random things: Leaving zooming enabled in your meta ...


3

I think you may have a misconception of who mobile zoom works with media queries, correct me if I am wrong. To indicate that a site is mobile friendly and responsive, there is usually a tag something like this included in the <head> of the html: <meta name="viewport" content="width=device-width, initial-scale=1"> This essentially says that the ...



Top 50 recent answers are included