Browsed by
Tag: device pixel ratio

Mobile web development – Responsive images

Mobile web development – Responsive images

Responsive images When you work with making your pages responsive across devices, you also need to make sure images are responsive but at minimum cost – not pushing more bytes than necessary but at the same time not using a sub optimal page. The goal should be – Make images look as beautiful as they can, using as little bandwidth as possible. Different devices have different display densities – you need to serve images as per the device configurations. Various…

Read More Read More

Mobile web development – Responsive design

Mobile web development – Responsive design

Being able to deliver a responsive design is the first key challenge on mobile: a website designed for the desktop to also work smoothly on all kinds of mobile handsets. Fluid design & Viewport The desktop historically had a fixed screen size – most sites were designed for 1024 by 768 pixels. This however became a problem on mobile where the screen sizes varied widely. Varying screen size on mobile is a key challenge compared to the fixed 1024 by 768…

Read More Read More