Test of WP YouTube Lyte
This should be a standard YouTube video: This should only be audio of the same video:
HTML5 Geolocation Code
Decided to try out this geolocation code from W3 Collective. It uses Leaflet instead of Google Maps so I don’t need a Google API code.… Read More »
Scalable Header Image
Most themes which offer a header image as one of its options have a common problem: the entire image often does not get displayed, i.e., the header is too short or the sides of the image get cut off, especially as the screen width gets narrowed. The reason behind this is that in most cases,… Read More »
Dummy Menu Items
I often come across questions from beginning WP developers asking how to create menu items which do not link to a physical page. That is, hovering over the menu item should expand the sub-menu, but clicking on the main menu item should not cause anything to happen, only the sub-menu items should link to another page.… Read More »
Category Menu Items
This is another general WordPress question that I see quite often: how can I create a menu item that displays a page of posts belonging to a particular category?… Read More »
Adding Google Analytics to Your Site
Adding Google Analytics to your site is very easy. You first need to get your scripting code from Google Analytics. Your tracking code is going to look something like this:… Read More »
Using jQuery to Change Images
This post is an example of how to change an image “in place” when the mouse is hovered over different areas.… Read More »
Fixed Borders
Had a question about how to recreate the fixed borders as seen on this page. It’s not too difficult, all you need to do is first fix the header at the top (and add some Javascript if you want to scale down the menu after the user scrolls down the page),… Read More »
Image Magnifying Glass
Wanted to try out the example code from here. When you move the mouse over this image, the cursor will turn into a magnifying glass and enlarge the section of the image underneath: … Read More »
Setting the Mouse Cursor
There are a number of standard cursors that are used depending upon where on the web page the mouse is located. The default cursor is the arrow, but if held over a hyperlink, the cursor usually turns into a pointing hand. The cursor property allows you to use CSS to change the cursor image when… Read More »