On Apr 21, 2015 Google will update it’s search algorithm to score sites that are mobile friendly higher in search results than those that are not. The aim of course is to spur site owners to update their sites to include a mobile version. Updating a site is straightforward but in many cases doing so may require complete rebuilds. I highly suggest looking into using bootstrap to create a web responsive site that is both a desktop and a mobile version in one with no need to create a separate mobile site.
I’ve been looking into what front-end development framework to use for future web work and thus far, the contenders include AngularJs, EmberJS and ReactJs. As I dig in more on my research, I’ve decided it best to collect my findings here while. In addition, I’ve also created a Flipboard magazine to collect related articles.
Great side-by-side comparison of Angular, Ember and React:
Below is my solution to templates, using only JQuery.
A few tips on the share links:
For the Facebook share link, make sure to get a Facebook App Id by registering an app w/ https://developers.facebook.com/ and add your site’s url to get an app_id for use in the share link.
Escape # (%23), @ (%40) and other special characters contained within value pairs of the share link (see links below)
The image we’ll be sharing: (This could be your logo or marketing graphic)
If you would like an image to show up when user’s share your url within the tweet, make sure you have the proper twitter card meta tags on your page. You can use twitter’s neat twitter card validator to create the proper meta tags you’ll need and request to have your site registered (add your meta tags to your page, then test and validate your url, during the test process a link will show up asking if you’d like to register your site for twitter cards). To see a twitter photo card in action, click on the tweet link above and share this page; then view your tweet within the twitter iphone app.