CSS3Machine

[ This app is no longer available for download ]

"I have never, ever, seen anything as cool or as useful as CSS3Machine" - macstories.net
"This is a high production quality application with a user interface that will have you drooling." - smokingapples.com
"Like a CSS editor from the future" - shapingthepage.com

★ New and Noteworthy, September 2010 ★
★ Featured on ipadappsthatdontsuck.com ★
★ Top Productivity iPad Apps, September 2010 ★

Put the future of web design at your fingertips. CSS3Machine makes the most advanced CSS3 styles simple to implement and fun to experiment with. Easily create stunning gradients, drop-shadows, and 2D- and 3D-transforms. CSS3Machine even builds WebKit animations in seconds!

When you're ready to use the styles created, CSS3Machine makes that a breeze, too. Just hit "http://your-ipads-name.local" to connect your browser to CSS3Machine over wifi and you'll see a beautiful preview of the full CSS file, ready to do with what you will.

CSS3Machine ships with a few default HTML templates, and you can create new ones in the app or import complete templates tailored to your project–just add them to CSS3Machine via iTunes file sharing.

FEATURES AND CAPABILITIES
• Generates and fine-tunes cutting-edge CSS3 styles.
• Creates and fine-tunes WebKit animations.
• Hosts a live preview of your stylesheet accessible via your Mac or PC web browser.
• Generates live previews of WebKit keyframes as you edit them.
• Supports capabilities of the latest Safari, Chrome, Firefox, Opera, and (gasp) even IE9!
• Define CSS selectors by class, ID, tag, pseudo-class, or custom target.
• Use a gorgeous, finger-friendly color picker to create rgba color values.
• Keep track of your work in with a 3-position web preview.
• Create and edit HTML templates in-app, or import completed templates via iTunes.
• Export completed stylesheets via email, iTunes file sharing, or live local network access

SUPPORTED CSS3 AND WEBKIT PROPERTIES
✔ Border Radius
✔ Box Reflect
✔ Box Shadow
✔ Linear Gradients
✔ Radial Gradients
✔ Gradient Color Stops - Multiple color stops
✔ Text Shadow - Multiple text shadows
✔ Text Stroke
✔ 2D Transforms
- Rotate
- Scale
- Skew
- Translate
✔ 3D Transforms
- Rotate 3D
- Scale 3D
- Translate 3D
- Transform Origin
- Perspective
✔ Keyframe Animations
- Animation Timing Curve
- Animation Delay
- Animation Duration
- Animation Iteration Count
- Animation Reverse on Repeat

FEEDBACK AND ENHANCEMENT REQUESTS
I'm very much interested in your feedback and enhancement requests. Use the contact link in the app or the form at numerosign.com/contact.

Thanks!