If you just need a manual list of years for a dropdown going back to 1900, copy and paste the following… Continue reading
Blog
Category Archives: Design
Prevent unstyled text showing up when CUFON is applied.
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;
}
.net Magazine Issue 223 (Jan 2012), Wedding Sites Website Build Off… preview!
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 Continue reading
Pictogram Movie Posters
Just came across something cool from the awwwards.com blog - using minimal colours and type, Viktor Hertz created these very creative pieces…
Brandammo do it again
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.
A bunch of cool, fun, and cross-browser animations for you to use in your projects
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/
jQuery flashy navigation with easing and hoverIntent
Make your navigation a bit more flashy with this plugin… using easing and hoverIntent, customise the rollover colours, easing method and duration…
View the demo for an example… Continue reading
jQuery Toggle Drop Down Menu – jQuery.anyDropDown
jQuery Toggle Menu similar to jquery.naviDropDown using easing, but you can toggle the menu to reveal hidden content, you can place any HTML content in to the drop down element, in the example below; the element is .dropdown_menu, you can pass the name of this hidden element into the plugin as well as the name of the element which the toggle method is acted on (in the example this element is .dropdown).
The plugin needs to be initiated on a containing element which holds the dropdown and its hidden element. Use the example in the demo link to see the structure. Please see jQuery Easing Plugin to see all easing methods. Continue reading
Simple jQuery Dropdown Menu with easing and hoverIntent, naviDropDown 1.0
Here is a simple jQuery plugin I wrote recently which allows you to create a simple drop down menu, utilising hoverIntent, and jQuery’s own slideUp and slideDown effects. You can also set the orientation of the drop down depending if your navigation is horizontal (default) or vertical, and set the duration and easing method of both slideUp and slideDown on initiation of the plugin.
The Plugin – jquery.naviDropDown:
Example below shows initiation of horizontal (default) and vertical orientations. Continue reading
Conferences & Events for Designers and Developers in 2011
Over at Smashing Magazine, they have compiled a comprehensive list of conferences and events for designers and developers for the year 2011. Check it out at SMASHING Magazine!