Artikel Tagged ‘Generator’

Coole Grafik im Airbrush Look leicht gemacht

Mit Flame sind solche Grafiken in wenigen Sekunden erstellt

Mit Flame sind solche Grafiken in wenigen Sekunden erstellt

Hier gehts zur freien Webapp:


  • Share/Save/Bookmark
Categories: Allgemein Tags: ,

CSS3 Generator mit gängigen Workarounds für diverse Browser

Gefunden beim Smashing Magazine:

CSS3 Generator

CSS3 Generator

CSS3 is coming. Although legacy browsers do not support new CSS3 features, modern browsers already offer a good measure of support. And you can use them right away, thus improving the user experience while avoiding dirty tricks in your source code. Websites do not have to look the same in every browser, so you can feed modern browsers advanced CSS while displaying a less enhanced version to users on older browsers.

But CSS3 has a variety of new features, and if you haven’t played around with them yet, applying them to your designs might be a bit tricky and time-consuming. Luckily, the design community has released some helpful time-savers for CSS3 coding, all of which showcase the potential of CSS3 and generate code on the fly.

CSS3, please! is a cross-browser CSS3 rule generator that enables you to produce CSS3 properties in your browser window. You can see the results of your inline changes in real time in a preview box. The generated code contains workarounds for legacy browsers, so your CSS rules will remain cross-browser compatible. You can also toggle rules on and off to see how your design is affected. The tool has templates for rounded boxes, box shadow, box gradient, RGBa, box rotate and the @font-face attribute.

CSS3 Generator is similar, but it also explains each CSS3 value and shows the browser requirements of every rule. The tool also generates code for text shadow, multiple columns, box resize, box sizing and outline.

Both tools will come in handy if you want to test any of the CSS3 properties or get cross-browser code that uses the advanced features of modern browsers and accommodates the weaknesses of legacy browsers.

  • Share/Save/Bookmark
Categories: Allgemein, Tech, Tools Tags: ,