In this segment of Partner Connect I demonstrate how the Trilibis PSD2HTML API is used to create responsive HTML from three versions of the same PSD. The new Triblibis API can take a Web, Mobile, and Tablet version of the design along with a configuration file to identify HTML elements at a very granular level. Watch this video to see the new API in action.
In the past, companies were faced with two primary models for a web site design:
- Responsive or Adaptive design with a single source
- A separate “m.” sub domain for the mobile version of the site
As Google promised back in February, a site with a mobile design will have priority in the Google search result index. So if you went down the m.domain.com route you may be losing search results ranking according to Google. Check out your site URL to see if your site is “mobile friendly” using the Google Mobile-Friendly Test.
The WebSphere Commerce starter store “Aurora” is built on a responsive design framework similar to bootstrap. Basing your eCommerce store code on the Aurora template means you will be mobile friendly right out of the gate!
If you recall, one of my previous posts about SNOW you will also realize that just being mobile friendly with an adaptive or responsive approach is not the entire picture. SNOW gives your site the ability to send properly sized images for the devices hitting your site. This is not only a screen real estate problem being solved but a bandwidth problem. Smaller resolution images also mean faster connections when going over 3G, 4G, or LTE.
Is your site mobile friendly?
Optimized image delivery has been around for a long time and one open source technology that has provided this to thousands of sites in WordPress is ImageMagick. I have been a huge fan of ImageMagick because it’s so darn simple and straightforward.
Trilibis, a certified IBM Commerce partner has a WebSphere Commerce extension (SNOW IO) that brings image optimization delivery to this extensible platform. The way it works is you install the ImageMagick software on your server and configure it to point to where your images are stored on the server. You then configure a job to run frequently (hourly, daily, weekly) to resize images stored in that directory. The default setup will create three versions of your images – Desktop, Tablet, and Phone sized images.
Check out my video below where I show how I configured SNOW IO to work with the out of the box Aurora starter store in WebSphere Commerce.