Rumball Motors Interactive » buttons http://rumballmotors.com Freelance Web Designer Developer Wed, 21 Apr 2010 11:17:39 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine http://rumballmotors.com/2009/12/24/22-css-button-styling-tutorials-and-techniques-speckyboy-design-magazine/#utm_source=rss&utm_medium=rss&utm_campaign=22-css-button-styling-tutorials-and-techniques-speckyboy-design-magazine http://rumballmotors.com/2009/12/24/22-css-button-styling-tutorials-and-techniques-speckyboy-design-magazine/#comments Thu, 24 Dec 2009 13:49:35 +0000 admin http://rumballmotors.com/?p=763 CSS button styling can be tricky and sometimes tedious. If you are looking for a simple and effective way of creating dynamic CSS buttons with cross browser compatibility, these tutorials are for you.

Below, you will find 22 CSS Button Styling Tutorials and Techniques.

via 22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine.

]]> http://rumballmotors.com/2009/12/24/22-css-button-styling-tutorials-and-techniques-speckyboy-design-magazine/feed/ 0 Create an Animated “Call to Action” Button http://rumballmotors.com/2009/12/08/create-an-animated-%e2%80%9ccall-to-action%e2%80%9d-button/#utm_source=rss&utm_medium=rss&utm_campaign=create-an-animated-%25e2%2580%259ccall-to-action%25e2%2580%259d-button http://rumballmotors.com/2009/12/08/create-an-animated-%e2%80%9ccall-to-action%e2%80%9d-button/#comments Tue, 08 Dec 2009 17:39:45 +0000 admin http://rumballmotors.com/?p=490 In this web design and development tutorial, you’ll get a walkthrough for creating a “Call to Action” button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.

via Create an Animated “Call to Action” Button.

]]> http://rumballmotors.com/2009/12/08/create-an-animated-%e2%80%9ccall-to-action%e2%80%9d-button/feed/ 0 How to Design Call-to-Action Buttons with Photoshop – woorkup.com http://rumballmotors.com/2009/11/17/how-to-design-call-to-action-buttons-with-photoshop-%e2%80%93-woorkup-com/#utm_source=rss&utm_medium=rss&utm_campaign=how-to-design-call-to-action-buttons-with-photoshop-%25e2%2580%2593-woorkup-com http://rumballmotors.com/2009/11/17/how-to-design-call-to-action-buttons-with-photoshop-%e2%80%93-woorkup-com/#comments Tue, 17 Nov 2009 12:25:23 +0000 admin http://rumballmotors.com/?p=396 This post illustrates how to design simple call-to-action buttons (inspired to Woork Up buttons you can find on the home page) using Photoshop. I prepared a Photoshop file you can download and reuse on your design projects. I hope you’ll find useful!

via How to Design Call-to-Action Buttons with Photoshop – woorkup.com.

]]> http://rumballmotors.com/2009/11/17/how-to-design-call-to-action-buttons-with-photoshop-%e2%80%93-woorkup-com/feed/ 0 Simply-Buttons v2 : p51 Labs http://rumballmotors.com/2009/11/11/simply-buttons-v2-p51-labs/#utm_source=rss&utm_medium=rss&utm_campaign=simply-buttons-v2-p51-labs http://rumballmotors.com/2009/11/11/simply-buttons-v2-p51-labs/#comments Thu, 12 Nov 2009 01:04:48 +0000 admin http://rumballmotors.com/?p=342 # Buttons size to fit text.

# There are 3 states: Inactive, Active, and Hover.

# They look and behave the same way in every browser and operating system.

# The do not need the javascript to work, they work with just the css

# Way better looking buttons than what anyone else can do with XHTML/CSS, isn’t that reason enough?!

via Simply-Buttons v2 : p51 Labs.

]]> http://rumballmotors.com/2009/11/11/simply-buttons-v2-p51-labs/feed/ 0 80 Examples of Add to Cart Buttons for Design Inspiration http://rumballmotors.com/2009/11/10/80-examples-of-add-to-cart-buttons-for-design-inspiration/#utm_source=rss&utm_medium=rss&utm_campaign=80-examples-of-add-to-cart-buttons-for-design-inspiration http://rumballmotors.com/2009/11/10/80-examples-of-add-to-cart-buttons-for-design-inspiration/#comments Tue, 10 Nov 2009 19:38:46 +0000 admin http://rumballmotors.com/?p=261 The primary task of an online shop is to get the user to purchase something. It is this reason why elements on their web pages such as descriptions, price information, and related products should be well thought out and must be purposeful. Among these page elements is the “add to Cart” or “add to basket” button, which is essential in its role as an important call to action.

In this collection, you will find some examples of good Add to Cart buttons from e-commerce websites around the world for your inspiration and reference.

via 80 Examples of Add to Cart Buttons for Design Inspiration.

]]> http://rumballmotors.com/2009/11/10/80-examples-of-add-to-cart-buttons-for-design-inspiration/feed/ 0