How To Create A CSS Animated Share Button

Every website now has social network share buttons on their site, if you don't have them then you really should do. They're a great way to give your visitors easy access to share your content with their friends and followers. The thing with social network share buttons is that they all look the same on every website, you can take this two ways. It's either a good thing because people

Read more...

Create A WordPress Plugin To Add A Pin Button To Every Image

Pinterest is the newest big player in the social media world, they have quickly grown to several million users, in the last year the amount of users has grown more than 4,000% and it continues to rise. With the amount of regular users Pinterest now has you need to learn how to best use this to help your website. Pinterest is a social network which shares images and videos to

Read more...

Create A CSS 3D Push Button

In this tutorial we are going to look at how we can use CSS transitions to make it look like a button is 3D when you push it. For this we use the box-shadow property which starts off with a high value and when the visitors clicks the button we need to change the box shadow value to be lower making it look like the button is being pushed down.

Read more...

How To Create Shiny CSS Buttons

With buttons playing a major part in the call to actions of your website it is important for them to make an impact on your visitors. This can be done in a number of different ways in this tutorial we are going to look at some of the things you can do with CSS3 to make your call to action buttons stand out. We are going to combine CSS box

Read more...

How To Create Pretty Search Forms

In this tutorial we are going to style text boxes and buttons to create pretty search forms. We are going to create three forms which will match the image above. The three styles are dark grey, light grey and a lighter grey just like the image below. The HTML Each of the search forms will have a textbox and a button which we can submit the search.

Read more...

CSS3 Buttons With Pseudo Classes

Pseudo classes are bolted on to selectors to specify a state or relation to the selector. They take the form of selector:pseudo class { property: value; }, simply with a colon in between the selector and the pseudo class. Many CSS proposals are not supported by all browsers, but there are four pseudo classes that can be used safely when applied to links. Link - This is the for the

Read more...

Automatically Add Google+ Button After Post

Google+ is the latest social media trend to hit the internet, it is growing in users all the time and it is fast becoming a very engaging community. You will find that because you can share content with a comment with targeted people you will get more interaction with each article you share.

Read more...

How To Create Stitched Look in CSS

The current trend in web design is textures with vintage design. One of the main aspects of this design is the use of stitches in your design, this used to have to be done using an image but thanks to CSS3 and some inventive use of these features you can create a stitched look just by using CSS. In this tutorial you will learn how you use CSS it create

Read more...

How To Create An Animated Scroll To Top Button With jQuery

Creating a good user experience on your website is very important to keep people on the page. The best way to create a good user experience is to make it easy for people to use, if your site is difficult to use it annoys people and they will move on. For websites that have a lot of information on the page you will scroll far down the page to consume

Read more...

How To Build A Slideout Feedback Form In jQuery

Demo Download You may have seen this before on many sites but it's a feature which I like and I have been asked how you would implement this feature. In this article I am going to show you how you would create a slideout feedback form which using AJAX will send an email to your website admin email address with the feedback from the visitor. A slideout form is a

Read more...

1 2