If you just need a manual list of years for a dropdown going back to 1900, copy and paste the following…

Please Select...
2012
2011
2010
2009
2008
2007
2006
2005
2004
2003
2002
2001
2000
1999
1998
1997
1996
1995
1994
1993
1992
1991
1990
1989
1988
1987
1986
1985
1984
1983
1982
1981
1980
1979
1978
1977
1976
1975
1974
1973
1972
1971
1970
1969
1968
1967
1966
1965
1964
1963
1962
1961
1960
1959
1958
1957
1956
1955
1954
1953
1952
1951
1950
1949
1948
1947
1946
1945
1944
1943
1942
1941
1940
1939
1938
1937
1936
1935
1934
1933
1932
1931
1930
1929
1928
1927
1926
1925
1924
1923
1922
1921
1920
1919
1918
1917
1916
1915
1914
1913
1912
1911
1910
1909
1908
1907
1906
1905
1904
1903
1902
1901
1900

Found this very useful from CSSBakery - To prevent unstyled text flashing up on the page before cufon is shown, apply .cufon-loading class onto elements which you have set cufon.

.cufon-loading h1 {
 visibility: hidden !important;
}

The Brief: Create a site that helps people plan their wedding or an element of it. Remember, this is the biggest day of their lives, so make sure the design strikes the right note!

Here’s a sneak peek of my entry into .net magazine wedding sites website build off, the magazine should be out in shops in the next week or so! Be sure to get it to grab a better look! I will post up detailed pics later!

.net Magazine Issue 223 (January 2012) – Page 112

The Magazine is now out, you can buy it from http://www.netmagazine.com or pop into WH Smiths or your local newsagent! You can view the full design here: http://mos.netmagazine.com/build/kt-223.jpg

Click the Image to view full size.

Using the awesome carouFredSel, I’ve integrated it into a full screen carousel, so it scrolls the whole width and height of your browser window, if the body height is shorter than your browser height, the browser height will take precendence and vice versa.

Credit for the carousel goes to carouFredSel, I merely made it work to provide a fullscreen width and height solution into a plugin. You will need to get the carouFredSel Plugin and the jQuery Easing Plugin. It currently works with the latest carouFredSel plugin which is 5.1.3 as of posting, and probably will work with revised versions. This plugin has been tested in Latest Chrome, FireFox and Safari, IE 7,8 & 9. Please use the latest jQuery Release too.

Script Header:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.carouFredSel-5.1.3-packed.js"></script>
<script type="text/javascript" src="jquery.fsCarousel.1.0.js"></script>

Script Initialisation:

<script type="text/javascript">
$(function(){
	$('#background-slides').fsCarousel();
});
</script>

Defaults:

	var defaults = {
		slideClass: '.slide', //the class name for your slides
		scrollEasing: 'easeInOutQuint', //easing method
		scrollPauseDuration: 5000, //pause duration of slide
		scrollDuration: 500, //duration of a scroll
		autoPlay: true
	};

CSS:

<style type="text/css">

	* {margin:0; padding:0}
	body {background: #ccc; color:#fff; margin:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px}
	a {color:#fff}

	/* Background Carousel */
	#background-slides {position:absolute; top:0px; left:0px}
	.slide {float:left}

	.slide.redbg {background:red}
	.slide.orangebg {background:orange}
	.slide.greenbg {background:green}

	#container {width:950px; margin:0 auto; height:1500px; background:#fff; position:relative}

</style>

HTML:

	<div id="background-slides">
		<div class="slide redbg">1</div>
		<div class="slide orangebg">2</div>
		<div class="slide greenbg">3</div>
	</div>

	<div id="container">Content Container</div>

Download Plugin and Source Files: jquery.fsCarousel.1.0

View the Demo

Just came across something cool from the awwwards.com blog - using minimal colours and type, Viktor Hertz created these very creative pieces…

View More Posters at awwwards.com

It was great to see the amazing work of our creative team in this mornings edition of ShortList and the latest FHM. Dunlop asked Brandammo to develop and produce the ad campaign for their new Dunlop retro range. From the photo shoot, to the post production the brandammo team worked feverishly to meet and exceed client expectations. We hope you all like the ad’s

Vist www.dunlopretro.com for more on this range.

View Work

This is a nice collection of CSS cross-browser animations. CSS animations are supported in Apple Safari, Google Chrome, and Mozilla Firefox. They wont’t work in any version of Internet Explorer, but you can use modernizr.js to detect browsers that do not support CSS animations and do animations via jQuery for a fallback.

Check them out at http://daneden.me/animate/

I found this plugin while searching for a way to stop the resize event in jQuery firing continuously in Internet Explorer, while other browsers would not…

The plugin also works on element resizes too.

Find the plugin here: http://benalman.com/projects/jquery-resize-plugin/

Facebook will launch its long-awaited iPad app at Apple’s iPhone 5 launch event on Oct. 4, Mashable has learned. In addition to the iPad app, Facebook is also expected to release a revamped version of its iPhone app and may unveil an HTML5-based mobile app marketplace.

Images and Source: Mashable

Thought this was quite funny, what happens when Facebook changes its layout… Image from: Endless Origami