CSS Card Flip using Webkit Transitions
Webkit brought a lot of enhancements to the formerly dull browser based user interfaces, with transform and transition properties being among the most useful for user interaction. In this tutorial we will learn how to use both to create a product card that flips to reveal more information with a fallback for browsers that don’t support Webkit transitions and transform. CSS Card Flip Demos There are three examples for this tutorial, each one with its own advantages.
Creating a Slick Auto-Playing Featured Content Slider
I love the Coda Slider plugin for jQuery. I've used it recently to build a couple of tabbed "widgets". One here on CSS-Tricks in the sidebar to show Script & Style links, Featured Posts, and Popular Posts.
Pixastic: JavaScript Image Processing Library
What Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more. For the full list, see the documentation page. If you have any comments, bug reports or other feedback, don't hesitate to leave a comment here or shoot me an email.
Making jQuery work
Found some jQuery code that's perfect for your site, but can't make it work? Don't worry, here's a small tutorial to lead you through. Let's start with an example. Suppose, on a good day, you read somewhere on the Internet something like ‘I found this cool way to prevent the current page in RapidWeaver from being a link. Here's the code:<script type="text/javascript"> $(document).ready(function(){ $('#current]').click(function(event){ event.preventDefault() });</script>Isn't that awsom?’ Want to use it on your site, but don't know how; or you can't get it to work?
Coda-Slider 2.0 - Niall Doherty's dot biz
You heard that right. The Coda Slider has been a great, reliable plugin for thousands of websites since way back in 2007. However, the web has changed a lot since back then.
7 Brand New Impressive Javascript Experiments
Alright, after a while, we have got new chrome experiments to showcase again! Always look forward for this post to show you what have been happening in the HTML 5 and javascript development. Unfortunately, it runs well in chrome, maybe sometimes in firefox but not in Internet explorer most of the time.
15 jQuery Plugins for 360 Degree Image Rotation
Making websites engaging and interactive is often one of the primary goals web designers have. To achieve this they need adopt modern techniques and standards which include among others, jQuery slideshows and carousels with fancy animation effects to handle images. With jQuery around, web developers can easily implement such features while making them accessible to mobile browsers – a thing which is not possible with Flash. In this article, we are showcasing yet another set of plugins to enhance interactivity this time jQuery plugins for 360 degree image rotation.
Blinds: jQuery Slideshow using CSS sprites - little web things
Demo Features Smooth animated transition Customizable sprite grid Customizable animation ochestration Multiple instances on the same webpage jQuery compatible (plugin) Unobtrusive javascript Compatibility
Internet Dreams Ltd - Free admin skin available
Combining beautiful web designs with user friendly applications is what we try to focus on here. We recently decided to create a new core admin skin for all our backend applications. We wanted it to be clean, user friendly and attractive. From the core screens below we have the components required to create any type of backend system GUI.
