Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Brad L'estrange
Brad L'estrange
2,085 Points

Button.css

Hey,

I made a framework yesterday it is not fully done right now but it works if you was to test it out.

Check it out on github and let me know how you get on with it.

https://github.com/bradlestrange/button.css

What it does it do?

button.css makes making buttons soo much simple currently it only has one style which is flat button but soon will have a couple more. Which button.css you select the style of your button, the colour, size, font and you can also check if it has a transition when you hover.

Let me know how you get on with it!

James Barnett
James Barnett
39,199 Points

It reminds me of this project

http://ace-subido.github.io/css3-microsoft-metro-buttons/index.html

Brad L'estrange
Brad L'estrange
2,085 Points

Yes it is similar but mine is different it is build to run more styles. Not just metro I have just coded metro :P

But I noticed on the light grey buttons the hover has a inner shadow and metro styles are 1 block colours no shadows. Correct me if I am wrong though I am not sure.

Jonathan Rawlins
Jonathan Rawlins
13,998 Points

I would suggest using background-color for each button color instead of using the shorthand background. As if someone was to used this as an addon to their own CSS which has images within their backgrounds. These would potentially override their backgrounds depending on loading order etc etc.

Brad L'estrange
Brad L'estrange
2,085 Points

I see thanks I will give it an update.

Thanks

1 Answer

John Paul Ashenfelter
John Paul Ashenfelter
1,118 Points
John Paul Ashenfelter
John Paul Ashenfelter
1,118 Points

Great project Brad!