-
201012 Mar
Posted in CSS3 Resources
This week has seen the announcement of a couple of new online tools for generating cross-browser CSS3 rules, CSS3 Please! and CSS3 Generator.
CSS3 Please!, produced by Paul Irish and Jonathon Neal, aims to simplify the design process by allowing designers to enter one value, and have this instantly synced and normalised for each vendor-specific prefix, with the corresponding code generated automatically.
The tool offers support for border-radius, box-shadow, linear-gradients, rotation, rgba colors and @font-face, with work underway on support for skew and scale. In some circumstances the tool also offers support for Internet Explorer using IE filters to replicate the same effects as achieved by CSS3 properties. CSS3 Please! has been gaining a significant amount of interest around the blogosphere since its launch earlier this week.
Another online CSS3 rule generator to brought to light this week, although perhaps not so well known, is Randy Jensen’s CSS3 Generator, which offers a drop down menu with subsequent options to generate and customise rules for a wide selection of CSS3 properties and functionality including border-radius, shadow, text-shadow, rgba colors, @font-face, multiple columns, box sizing and more.
Whilst these are not the first online rule generators for CSS3, westciv.com for example offers several online tools for generating rules for a selection of CSS3 properties, CSS3 Please! and the CSS3 Generator do however offer two of the most comprehensive solutions to date, particularly with regard to cross-browser compatibility, and with both still being in their infancy I’m excited to see how they develop in the future.
You can skip to the end and leave a response.
-
Comments
-
01.
Please, switch to full feeds.
-
02.
-
03.
Daniel says:Comment » March 13th, 2010 at 1:28 am
Shitty tool for experimental implementations of an unfinished standard. Neither of them “future proofs” themselves by including the current standard draft implementation but simply relies on vendor specific experiments. (Using the current standards drafts would make many of these features work in Opera 10.50 too.)
*sigh* Whatever happen to standards and patient adoption ones something was finalised? :P
-
04.
Alex says:Comment » March 13th, 2010 at 5:09 am
It’s pretty broken in IE8, each filter declaration resets it to the default state, so if one rule specifies a drop shadow and another specifies a gradient background, the last rule “wins”.
-
05.
You know what really stinks, is I had this idea for a CSS3 website for a while, with some features that I’m not going to disclose. But I proposed it to one person (Not saying who, but they are a very well known name in the CSS world), and I believe I told them the name I had for it. That name was “CSS3 Please!”. Exactly as it appears in the quotes. I’m not criticizing anyone, and I will also say it is not the creator of the css3please.com website, it just seems like more than a coincidence. I knew the “css3please.com” domain was available last I checked. So when I went to check it for purchase, it said it had been purchase THE day before I just inquired it. Really stinks, because I have a great idea for a CSS3 website. Anyway, just thought I’d vent :) If anyone is interested in partnering with me on this, email me and I’d also like to see your personal site(s).
-
06.
two things:
1) you misspelled “browser” in the post title, and
2) the link for “Add a Comment” doesn’t jump to the Leave a Comment section…Atg
-
07.
-
08.
There’s also http://border-radius.com/ nice interface for just border-radius
-
09.
@Chris: typo is still in the page title (as opposed to article title). :)
-
10.
-
11.
lib says:Comment » March 18th, 2010 at 1:13 am
you can’t change a typo in the page title?? not very impressive.
-
12.
Heh, these remind me of the css transcoding I’m doing in the app I’m currently working on at work. Though, I put a little more thought and research into the properties that my transcoder outputs. I wonder if I should expand into rgba and gradients.
-
13.
@ lib, @ stifu – sorry, i was thinking of the url, didn’t realise the page title hadn’t updated, has now been changed.
-
14.
i use rapid weaver and it has css3 but in some browsers it does not work
-
15.
One error in the generators :-) Google chrome now support border-radius :-)
-
16.
Dude, whatever happens it happens for a reason and this one is better for learning cast.. if one want to learn so why not using this tools.
Dude i think it’s better to say whow, than you guys just spit this thing over, for you guys yes, maybe you guys are the expert one, but think about others to learn about this… it’s better if you guys help him but not to comment a things that no one would like, dont just critic but use it wise to teach others..
Even though IE8 got problems with this tools yet is too good to learn .. :)
Andrew Roberts: you got some skill why dont you try chris and tell him about it, dont make it annoying with some inviting to ur site, learn then teach, not teach then learn.. :)
I’ve learnt a lot in here, so guys if you come and just want to critics the #css that has been shared with you guys, it is better to tell the microsoft about their software to learn more about CSS3..
Be fair with others..
I learn so much from this website, dont make it hard to others.. -
17.
I am shocked, coudn’t say anything good job Paul Irish
-
18.
what to do if we need all these box effect work on ie6/ie7?
-
19.
-
01.
TAG CLOUD
acid3
advanced layout
advanced layout module
background
border
Browsers
color
css
CSS3.info
csswg
CSS WG
developer tools
disabled
enabled
Feedback
firefox
firefox 3.1
flexible box layout
fonts
generated content
grid positioning
HSLA
HTML5
ie6
ie7
jina bolton
jquery
media player
Multicolumn Layout
News
Opera
Opera Dragonfly
presentations
RGBA
safari
Selectors
slides
SVG
text rendering
W3C
wasp
Web Fonts
webkit
windows
Hosting by:
Leave a Comment