Category Archives: Web Development

Simple Animated Content Slider with jQuery

Content sliders are fairly simple things to implement, as they can be built with using only a few basic pieces of html, css, and javascript ( if you are focusing development on css3, javascript is not needed at all ). … Continue reading

Posted in Uncategorized, Web Development | Tagged , , , , , | 1 Comment

Affecting a series of (recursive) elements with css

Many sites use some form of rating system for content – here is an example of how to create series of elements for a ranking meter using only html and css. HTML <div id=”stars”> <div class=”star”> <div class=”star”> <div class=”star”> … Continue reading

Posted in Web Development | Tagged , , , | Leave a comment

CSS Double Border

Today I came across an interesting prospect – How to emulate a double border using only CSS. This can be achieved with the :before and :after pseudo selectors. xhtml <div id=”myDiv”>Some Text Here</div> CSS #myDiv, #myDiv:after { display:block; background:#00f; width:100px; } #myDiv:after … Continue reading

Posted in Web Development | Tagged , , | Leave a comment

ScrollTo Anchor tags using jQuery

A quick jQuery plugin to over-ride/replace the jump-to action with a smooth-easing scroll action for anchored links. This will be updated with an option to set the duration jQuery Plugin (function($){ $.fn.weighAnchor = function() { this.each(function(){ $(this).click(function(){ var scrollTo = … Continue reading

Posted in Web Development | Tagged , , , , | Leave a comment

TimeDrop Menus with jQuery

TimeDrop menu is a plugin for jQuery based on common drop-down methods, but allows for drop down menus that will persist until a timeout triggers them to close. This allows the user to jump off the menu for a short … Continue reading

Posted in Uncategorized, Web Development | Tagged , , , , , | Leave a comment