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.

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.

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?

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:  

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 »