For e-commerce websites, icons and buttons for payment processors are always needed.
Pepsized, a creative website providing design freebies and tutorials, is sharing a huge set of free buttons for payment services.
There are 75 items in the set and all have 2 sizes (99×66px and 64×43px) in PNG format.
Also, a blank PSD button exists for creating any new ones.
When it comes to finding buttons to use in your next project, designing one from scratch might not always be the best (or fastest) way to proceed.
You might want to use one of the many ready-to-use free PSD button sets available on the web.
In this post, we have rounded up lots of PSD button sets which you can use freely and edit/improve as wished. Here they are:
Zocial is a semantic set of CSS buttons (no images used) that are beautified with @font-face icons.
There are buttons for 40+ services including Facebook, Twitter, Google+, PayPal, LinkedIn and much more.
Each button can be displayed with or without text (only icons) and the HTML element wrapping them can be anything (which is nice for flexibility).
Bruce Galpin is sharing a framework of good-looking and Google+ styled buttons in his blog.
The buttons can use text, images or both inside them and comes with the high-quality icon set created by WebDesignShock.
As the icons have both standard and active state versions, buttons respond well to hovering them.
There is also a drop-down menu buttons version provided which is handy for presenting multiple options while still being in harmony with the rest of the buttons.
Resources on creating CSS3 buttons that looked stylish was shared previously at WRD.
CSS3 Buttonize Framework is a new addition to this list which comes with styles for creating buttons in various sizes.
Icons can be used inside the items and there are ready-to-use classes for building disabled, striped or highlighted buttons and a panel/horizontal navigation.
For years, it was images or JavaScript that usually helped us to create non-standard and attractive buttons.
With the getting-wider support for CSS3 features and stable resources that can CSS3-enable non-compatible browsers, there are no obstacles left for using CSS3 buttons.
Using CSS3 properties, there is a huge space of creativity for designing buttons; using border-radius for rounded corners, linear-gradient and box-shadow for creating depth, transitions for the animations and more.
Here is a list of 10+ nicely-coded and creative CSS3 buttons where you can use or get inspired. Also, you can find all other CSS3-buttons related resources that can help you to create better ones at the end of the article.
.gif)
A set of 18 buttons that are created with a simple markup as much as possible.
While 3 of them are WebKit-only, the other are compatible with all modern browsers.
This is a simple CSS framework for creating GitHub-style buttons.
The buttons can have rounded corners and icons (a CSS sprite with a list of icons exist).
We Love Buttons is a project by Pico, a tiny design & development studio, where various designers have created good-looking and imageless CSS3 buttons.
There are ~35 buttons and most of them only works in WebKit browsers which makes the project more an experimental one.
They use CSS3 properties like box-shadow, border-radius or gradients and have a clean code where anyone who is not that familiar with CSS3 can easily learn from.
Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.
One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.
A single PNG image is used to give the noise effect and they have a shiny 3D-like look.
There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.
Button-Download.com is presenting free buttons with different designs in PSD format (PNG file exists too).
Currently there are 20 of them & they are great for inspiration or being used directly. Besides downloading the buttons one-by-one, a full-download link is also offered.
Dynamic Drive, a great resource for web designers & developers has a nice collection of free CSS menus that you may find handy.
There are several horizontal and vertical menu examples, buttons, pagination samples & more.
Besides these CSS menus, Dynamic Drive is worth to browse deeply & regularly as new resources are added frequently.
