Archives for website design

We just upgraded to WordPress 3.6 – what’s new?

Well, it has finally arrived. WordPress ver 3.6. Back ups done, and our site has been upgraded. What’s changed ? hmm at first glance, not much.. so that’s the good news. Our upgraded site still works. Oh, and there is a flashy new theme, aptly called Twenty Thirteen. Major work has gone into post editing locking, meaning an ‘Editor’ when working on a post will lock out all others to work solely to manage revision controls. Revision controls is awesome. It presents different versions visually,  as well as keeps track of the changes made from each revision. There is also
Read More

Categories: Blog and website design.

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.

How to add a Facebook like box to WordPress

There are several Facebook Social Plugins you can implement on your WordPress site. The entire list can be found here. Here are the steps I took to place a Facebook Like Box plugin on my site. Go to the Facebook Like Box page Enter your Facebook BUSINESS PAGE URL (no personal page) Click the “Get Code” at the bottom Place Javascript SDK on your site Place the code where you want the widget to appear on your site  
Read More

Categories: facebook, How to, and website design.