Monthly Archives July 2013

Launched bmuc.org site

First time writing about a launch of a website.. but this is significant, at least to me. BMUC or Berkeley Methodist United Church started in or around what was Berkeley in 1892, as a branch of Oakland Japanese Methodist Church. With such a rich history, I am just so glad that I am able to be an extremely small part of their journey. Pay them a visit here Oh yes, photos used on the slider were taken by my son, Ben. Below is the new site, and if you hover over the site, you can see what the site looked
Read More

Categories: Case Study.

Responsive Videos

Responsive websites on both HTML and WordPress sites are all the rage these days. Now, the same attention can be directed at videos that we embed on our sites.. call them elastic videos or responsive videos.. the effect is a better user experience for both desktops, all the way to a smartphone. For my example here, I used a plugin called FitVids for WordPress (we wordpress users are so lucky.. with so many enhancements that are not only easy to use, but free.) Responsive Videos when embedded in your site scales based on the device screen size you are using
Read More

Categories: website design.

CSS Image hover

This is an example of using pure CSS to switch images in and out of hover states. In this example, I show what a site looks like now, and when you ‘hover’ over the image, it will show you what it looked like before. The first thing is to place both images into a single file, and have CSS display only the top or bottom, which in this case, I start by showing only the bottom bit, and setting the background image to position 0,0 when you hover. CSS Hover Example   The HTML code I used <a class=”before-after” href=”/your
Read More

Categories: website design.

Google Image Carousel appearing on your local search results

Have you noticed how Google Image Carousel is now dominating your local search results when using your desktop? The Google Image carousel strip appears to include a “condensed info card” for each business. Clicking on each card unveils much more information about that business below. Although it looks similar to the knowledge graph, the kind of additional information it provides eventually distinguishes it. Information for each Business Image Total Number of Reviews Price Range Business Category Zagat Ratings (for Restaurants) The thing to note is that this Google Image Carousel can be very compelling for users to interact with, and
Read More

Categories: SEO.