This useful little snippet can be used for making elements slide on from the side of a page as the user scrolls down. It uses jQuery to detect the scrolling point on the page and a CSS3 transition to slide an image in from the right of the screen. Continue reading
Add a responsive slideshow to the front end of your Wordpress theme and to the admin area, so users can add their own slides. Continue reading
April 15, 2012
Now that mobile browsing is expected to overtake desktop browsing within the next few years, web developers have to think about how their sites will appear on mobile devices. This post will talk about future-proofing websites with responsive design. I’ll demonstrate an example of a 3 column front page design, complete with JQuery slideshow.
I’m going to walk through a little JQuery script that automatically generates a table of contents at the top of the page. This is useful when you have content arranged under several sub-headers (a typical Wikipedia page is a good example) and want to have quick links to each section. Continue reading
Want to improve the functionality of your HTML tables? Tablesorter is “a JQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes”. It is also cross browser friendly, working on IE6+. Continue reading
This is a very basic JQuery tip that demonstrates how you can add an icon () to external anchor links. A similar approach is also useful is you want to add filetype icons to your links, such as pdf’s or txt files. Continue reading