Category Archives: web design

CSS: Media queries for mobile, tablet display devices

In practice, many designers convert pixels to ems, largely b/c ems better afford zooming. At standard zoom 1em === 16px. Multiply pixels by 1em/16px to get ems. For example, 320px === 20em. Suggested breakpoints Source: http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile @media (min-width:320px) { /* … Continue reading

Posted in CSS, SEO, web design | Tagged , , | Comments Off on CSS: Media queries for mobile, tablet display devices

Create home screen Apple touch icons for iOS and Android

With the release of iOS 8, the recommended size is now 180×180 pixels. For Prestashop, add this line to header.tpl and save the file to image directory <link rel=”apple-touch-icon” href=”/img/apple-touch-icon.png?{$img_update_time}” /> Source: https://realfavicongenerator.net/blog/apple-touch-icon-the-good-the-bad-the-ugly/ http://www.ravelrumba.com/blog/android-apple-touch-icon/

Posted in web design | Comments Off on Create home screen Apple touch icons for iOS and Android

Web design: Image optimisation online (animated gif)

Two good sites to optimize large animated gif files https://compressor.io/compress http://ezgif.com/optimize

Posted in web design | Tagged | Comments Off on Web design: Image optimisation online (animated gif)