Thursday, January 5, 2012

Putting Two and Two Together (part 2)

Continuing from where I left off (and some of you guys are already ahead of me, maybe seeing what I'm about to put in here next) leads me into the introduction of CSS3 Buttons. The CSS3 Button has the text over the button, and it is not an image. The text on this button can be searched for, and the button can be modified, and scaled to your desires based on the generator. I just did a quick Google search for a few CSS3 Button generators, and I came up with quite a few results. You can use these generators to generate the raw code for these unique, yet powerful buttons to help reduce the strain of bandwidth to the users accessing your website, and to boost your website in a search engine's results.

Here is what you do: You locate one of these websites by performing a simple search. From there, you can design the button. You can alter the text, give it a shadow, make it glassy, make the button larger, etc. These tools make it incredibly easy to design some very high speed buttons to give your website the flashy, and upbeat appearance that you'll want.

After you design your button, you will be given two different segments of code. One will be for adding the object of a button to your webpage in the form of HTML source, the other will be the styling for the button. You can put the styling either in a main.css file, or in the specific page itself. What's great about the styles is if you have a list of buttons, you can use the same styling code and apply it to all of the buttons. These websites are very straight forward, and very easy to use for the average (or even newbie) web-developer.

Stay tuned for part 3, when I introduce the Color Scheme Designer.

16 comments:

  1. Sounds easy enough to do, some great tips, keep them coming.

    ReplyDelete
  2. Hehe, nice I might look into that, when I get it together and redesign my blog ;).

    ReplyDelete
  3. CSS3 is a great coding language and the Color Scheme Designer is grea too, i often use them too.

    ReplyDelete
  4. Great tip, didn't know buttons like this existed.

    ReplyDelete
  5. crazy, I had no idea about this before.

    ReplyDelete
  6. sounds awesome. shall see if i start using this.

    ReplyDelete
  7. oooo new buttons cheers for the article +following!

    ReplyDelete
  8. I know a few web devvers on the internet, they make their money with reusing snipets and services like these, kinda saddens me as C/++ hobbyist (although, if goes sallary++, why not? xD)

    ReplyDelete
  9. keep them coming, I'm reading them all!

    ReplyDelete
  10. Well isn't that cool. After all, everybody loves buttons!


    Btw, -B-ook of The End is finished!

    ReplyDelete
  11. wow nice tip man gonna use that i think! follow+

    ReplyDelete