-
Recent Posts
Recent Comments
Archives
- August 2020
- March 2020
- December 2019
- July 2019
- June 2019
- May 2019
- March 2019
- August 2018
- July 2018
- May 2018
- March 2018
- September 2017
- August 2017
- May 2017
- April 2017
- January 2017
- November 2016
- October 2016
- September 2016
- August 2016
- June 2016
- May 2016
- April 2016
- November 2015
- October 2015
- September 2015
- August 2015
- April 2015
- March 2015
- February 2015
- January 2015
- December 2014
- November 2014
- October 2014
- September 2014
- August 2014
- July 2014
Categories
Meta
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 media queries, mobile, tablet
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 image optimisation
Comments Off on Web design: Image optimisation online (animated gif)