pingram

funlab

A CSS live Editor that allows you to preview realtime CSS changes and then save your changes. 
It saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while. 
It’s a port from a Drupal module Live CSS http://drupal.org/project/live_css by guybedford http://drupal.org/user/746802 
Now using ACE editor http://ace.ajax.org/ 
Tested on WordPress 3.6. But needs more testing !
=capabilities.php problem (not bug) SOLVED !=
Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then, 
check whether the user can “erase themes” which is an Admin capability only, so the plugin only works if you are an admin. 
No need to modify the capabilities.php nor anything else.
Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin. 
It all seemed to be part of the same problem with the capabilities.php file that is discussed here: 
https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
It works nice and perfect for me, but still needs testing !!!
<h3>Hola mundo !</h3>
Este plugin está basado en el módulo de [Drupal Live CSS] (http://drupal.org/project/live_css) de [guybedford] (http://drupal.org/user/746802)
Es un editor de CSS que te permite editar en directo todas las hojas de estilo CSS de tu web, ver los cambios y guardar sobre la marcha. 
Está pensada para usarla al diseñar la web, por lo que conviene desactivarlo o desinstalarlo una vez terminada. Cada vez que se guardan los cambios se genera una copia de seguridad fechada, para que puedas volver atrás si hace falta. 
Utiliza ACE como editor.
Sólo los administradores pueden usar el plugin.
Importante !!!
Hacer copia de respaldo de los archivos CSS antes de probarlo ! 
Aunque el plugin genera automáticamente copias de seguridad fechadas en el mismo directorio en que estén los archivos modificados, siempre conviene tener una copia del estado general de la cosa antes de empezar a trastear. 
Si no funciona al guardar o hacer la copia de seguridad aparece un mensaje con las rutas del archivo que se intentaba modificar, la de la copia de seguridad y tal vez un mensaje de error. Lo más seguro es que el problema sea de permisos. Los CSS que quieras editar deberían tener permiso de escritura 755.
Instalación
La instalación es la típica de cualquier plugin de wordpress. Desempaquetar el zip en wp-content/plugins, y listo. No hay que tocar los temas ni hacer nada más que activarlo desde el panel de administración. 
No tiene opciones ni página propia en el panel de administración. 
Probado en WordPress 3.3.2, tienes que ser un administrador para poder usarlo.
Utiliza ahora el hook wp_loaded que arregla el problema de la versión anterior que se discutía aquí: https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
Más información
<pre><code>http://drupal.org/project/live_css Live CSS
http://drupal.org/user/746802 guybedford
http://drupal.org/user/78427
http://mozillalabs.com/skywriter/2011/01/18/mozilla-skywriter-has-been-merged-into-ace/
http://www.ajax.org/
http://ace.ajax.org/

https://codex.wordpress.org/AJAX_in_Plugins
http://briancray.com/2009/08/19/wordpress-head-element/
http://www.devlounge.net/code/using-ajax-with-your-wordpress-plugin
http://amiworks.co.in/talk/simplified-ajax-for-wordpress-plugin-developers-using-jquery/

http://drupal.org/project/cssedit Realtime CSS Editor
http://drupal.org/user/78427 tjholowaychuk
</code></pre>

WP Live CSS Editor

Edit, preview changes in real time and save all your project's CSS stylesheets live in the browser.

mystyleplatform

You can enable any product in WooCommerce for single side or multi-side personalization & customization using the MyStyle Custom Product Designer. This allows any user to design their own graphics with a photo-realistic live product preview. Our renderer can then generate the print file for any order(s) to exact high-res specs that meet your needs, and allow for print file editing on the fly to save time and eliminate needing Photoshop and/or Illustrator to process graphics for print.
The Customizer itself comes complete with free graphics, uploaded images, and high-res print images for users to add to their designs if they don’t have their own image. This stock library is hosted remotely in the cloud by the MyStyle Platform and Amazon S3 + Cloudfront CDN, so no extra load or HD space used on your server/hosting.
Users have a live product preview throughout the design experience. Popular products to personalize include phone cases, t-shirts, canvas prints, or anything that can be printed with a customer image!
<h4>Requirements</h4>
<ul>
<li>WooCommerce</li>
<li>Please note that the MyStyle Custom Product Designer is a serviceware plugin, which means it works by connecting to a remote service. The <a href="http://www.mystyleplatform.com/?ref=wprm" rel="nofollow ugc">MyStylePlatform.com</a> customization apps, graphics, and cloud storage that it uses require a paid/active MyStyle License.</li>
</ul>
<h4>Benefits</h4>
<ul>
<li>Easy / Quick to install</li>
<li>Awesome User Experience</li>
<li>User-designed products save time and eliminates redundant design work</li>
<li>High design-completion and sell-thru ratios</li>
<li>World-class design tools in the MyStyle Customizer</li>
<li>Print Rendered images streamline and ensure quality control with any fulfillment</li>
<li>Do your own fulfillment, or try our network of manufacturers (optional / contact us).</li>
<li>No added fees for purchases, no commissions!</li>
<li>Use any CC processor/checkout</li>
<li>Made in America (California)</li>
<li>Experienced San Diego based development team for support or custom feature development</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>Users can design their own products right on your website and:
<ul>
<li>Upload images/photos</li>
<li>Add custom text (vector)</li>
<li>Add custom colors</li>
<li>Add gradients (color fades)</li>
<li>Drag and drop images and text right on the product visually</li>
<li>Design multi-side products</li>
</ul>
</li>
<li>Users can save designs publicly or privately</li>
<li>Integrates with WooCommerce products easily</li>
<li>Adds custom products directly to the user’s WooCommerce shopping cart</li>
<li>Thumbnail of user’s custom design shows in the shopping cart for each customized item</li>
<li>Product prices and description content controlled by WooCommerce as normal</li>
<li>HTML5 & Mobile Compatible
<ul>
<li>Mobile auto-detection with portrait and landscape modes</li>
</ul>
</li>
<li>Print-ready image file rendering (can be made to match your exact print specs)
<ul>
<li>Print files can be retrieved in the normal WooCommerce order history in the admin or synced to Shipsation etc</li>
<li>Print files Renderer is available with a paid license (see <a href="http://www.mystyleplatform.com/?ref=wprm2" rel="nofollow ugc">MyStyle Platform website</a> for pricing)</li>
</ul>
</li>
<li>New products can be added to our remote template catalog upon request</li>
<li>Custom libraries of backgrounds, foregrounds, or fonts can be added upon request</li>
<li>Configur8 feature allowing the product image on the product info page to be changed based on user input (beta).</li>
</ul>
<h4>Examples</h4>
You can see some examples of the MyStyle Custom Product Designer in use (and try it out) at the following sites:
<ul>
<li><a href="http://www.whateverskateboards.com/?ref=wprm2" rel="nofollow ugc">Custom Skateboards and Longboards</a> (Whatever Skateboards)</li>
<li><a href="http://www.makecanvasprints.com/?ref=wprm2" rel="nofollow ugc">Custom Canvas Prints</a> (Make Canvas Prints)</li>
<li><a href="http://www.flydiscs.com/?ref=wprm2" rel="nofollow ugc">Disc Golf Discs and Ultimate Frisbees</a> (Fly Discs)</li>
<li><a href="http://www.case-monkey.com/?ref=wprm2" rel="nofollow ugc">iPhone Cases & Other Phone Cases</a> (Case Monkey)</li>
</ul>
<h3>Shortcodes</h3>
[mystyle_design] 
– the mystyle /designs/ page shortcode, displays the recent public designs (or all designs for admins).
[mystyle_design total=12] 
– shows a gallery of 12 designs
[mystyle_design total=12 tag=”amazing”] 
– shows a gallery of 12 designs that are tagged amazing
[mystyle_design total=12 collection=”amazing”] 
– shows a gallery of 12 designs that are in the amazing collection
[mystyle_customizer] 
– displays the Customizer or a list of customizable products.
[mystyle_design_tags] 
– displays a list of design tags with a few design thumbs per tag
[mystyle_design_tags per_tag=”5″ tags_per_page=”12″ per_tag_on_term_page=”5″] 
– displays a list of design tags with a specific number of design thumbs per tag, as well as a certain number of tags per page.
[mystyle_design_tags show_designs=”false” tags_per_page=”12″] 
– displays a list of design tags without the designs
[mystyle_design_collections] 
– displays a list of design collections with a few design thumbs per collection

MyStyle Custom Product Designer

The MyStyle Custom Product Designer allows your website visitors to design, customize & personalize, and purchase your WooCommerce products.

WP Live CSS Editor vs MyStyle Custom Product Designer