Category Archives: Web Development

Simple Animated Content Slider with jQuery

Posted on December 27, 2012 by Frank

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

Posted on January 10, 2012 by Frank

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

Posted on January 10, 2012 by Frank

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

Posted on June 8, 2011 by Frank

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

Posted on June 3, 2011 by Frank

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