Los desarrolladores debido a la cantidad de código que publicamos nos vemos obligados a usar algún que plugin o añadido para que esta tarea sea sencilla o por lo menos más cómoda. En CatsWhoCode publican más 10 plugins que para los desarrolladores pueden suponer una mejora en la experiencia de publicar entradas con código. Preserve Code Formatting : Básicamente mantiene el formato del código que insertemos en los elementos pre, code,… WP Advanced Code Editor : Editor de código en todos los puntos donde ahora puedes editar código de tu WordPress. runPHP : El más conocido de los plugins, que nos permite ejecutar código PHP en nuestros posts/widgets/… Vim Color Improved : Muestra los editor de código como si fueran VIM. SQL Executionner : Plugin que permite ejecutar sentencias SQL sobre nuestro WordPress. Google Syntax Highlighter : Colorea el código que muestras por pantalla con este plugin basado en Javascript. WP Development Utilities : Colección de funcionalidades para ayudarnos a depurar nuestros themes y plugins. WP Developer Assistant : Ayuda integrada en tu WordPress para ayudarte con el desarollo sobre WordPress. Anti Internet Explorer6 : No hace falta explicar nada de este plugin
Hosting Monitor : Información básica sobre el Host en el que está alojado tu WordPress. WP Debug : Plugin para ayudarnos a depurar nuestros scripts mostrando la información de la sessión. WP Console : el plugin para los amantes de la consola. Permite “administrar” el blog desde consola. Artículos relacionados Plugins esenciales para WordPress 35 plugins jQuery para mejorar tu WordPress Los 8 mejores plugins para WordPress Reubicar wp-content y wp-config.php con WordPress 2.6 WordPress 2.8 con un editor de código decente
Continue reading here:
10 plugins de WordPress para Desarrolladores
El estilo CSS es una parte clave del diseño web y es realmente esencial que los diseñadores y desarrolladores se sientan cómodos con él. La codificación del CSS no es demasiado difícil de manejar, al mismo tiempo, es muy potente si se sabe cómo dominarla. Por otro lado para empezar puede ser muy duro pues necesitas entender cómo se integra con otros CSS y la forma en que se estructura la mayoría de las partes fundamentales del trabajo. En muchas ocasiones he tratado en Cosas Sencillas el tema del CSS , sobre todo las herramientas y utilidades que nos pueden ayudar con este tema. En la página ListELog , he localizado un extenso artículo que me ha llamado mucho la atención, con el titulas 50 Useful Tools and Generators for Easy CSS Development , una muy buena recopilación de unas 50 herramientas y generadores en línea útiles que son de gran ayuda para el tema del desarrollo del CSS. El mencionado artículo da una pequeña explicación de cada una de ellas, por mi parte solo dejo los enlaces. Las herramientas han sido agrupadas por diferentes temas, todos ellos relacionados con las hojas de estilo CSS: el diseño de las rejillas, optimiación, menús, botones, esquinas redondeadas, marcos, tablas, tipografía, etc. Herramientas y generadores del diseño de rejilla y distribución : The 1KB CSS Grid Variable Grid System Grid Designer 2 Design By Grid PNG Grid Generator nP: Grid Generator YAML Builder GRIDINATOR Grid System Generator YUI: CSS Grid Builder Blueprint Grid CSS Generator CSS Grid Calculator Layout generators – www.pagecolumn.com Dynamic 4 Column Layout Generator CSS Layout Generator – CSS Portal templatr CSS Source Ordered 1-3 Columned Page Maker CSS Creator Generadores para optimizar los estilos CSS : Online CSS Optimiser/Optimizer Free CSS Template Code Generator CSS Builder – Generate Styles on the Fly Firdamatic: the Design Tool for the Uninspired Webloggers WordPress Theme Generator CSS Formatter and Optimiser/Optimizer XHTML/CSS Markup Generator Generadores y herramientas para los menús CSS : 13 Styles – CSS Menu Generator CSS Menu Builder Pure CSS Menu.com CSS Menu Generator My CSS Menu Generator – Horizontal, Vertical, Drop Down, DHTML CSS Menu CSS Menu Generator – Webmaster Toolkit CSS Menu Generator – CSS Portal List-O-Matic Gereradores y herramientas para botones CSS : CSS Button and Field Tool Navigation Tab Menu Generator Esquinas redondeadas con CSS : RoundedCornr: Rounded Corner and Gradient Generator Spiffy Corners – Purely CSS Rounded Corners Spiffy Box – Simple Rounded Corner CSS Boxes Cornershop – Rounded Graphics for CSS Box Corners Generadores de distribución de información CSS : CSS Frame Generator Generadores y herramientas para tablas CSS : CSS Table Generator 0.1 HTML and CSS Table Border Style Wizard HTML Table Style Generator Generadores sprite CSS : CSS Sprite Generator CSSSprites.com Generadores y herramientas para la tipografía CSS : CSS Type Set Typetester – Compare fonts for the screen CSSTXT – Create a style to your text Css – Text Generator – Insert your style Generadores y herramientas para formularios CSS : Quick Form Builder Form Style Web 2.0 Generator
See the rest here:
50 herramientas y generadores útiles para CSS
MilkChart , es una librería para MooTools que nos permite generar gráficas de una forma sencilla usando los datos de una tabla de datos del propio HTML. window.addEvent(‘domready’, function() { var chart = new MilkChart.Pie(table[, options]); }) Column A Column B Column C Column D 8.3 70 10.3 100 8.6 65 10.3 125 8.8 63 10.2 106 10.5 72 16.4 162 11.1 80 22.6 89 Row 1 Row 2 Row 3 Row 4 Row 5 Para obtener una gráfica que permita hacer más visual el aspecto de los datos. (Ver Imagen) Tipos soportados La librería, nos permite usar una serie de gráficos con los que visualizar los datos: Column Bar Line Scatter Pie // Modo Columna var chart = new MilkChart.Column(table, [options]); // Modo Barras var chart = new MilkChart.Bar(table, [options]); // Modo línea var chart = new MilkChart.Line(table, [options]); // Modo puntos var chart = new MilkChart.Scatter(table, [options]); // Modo pastel var chart = new MilkChart.Pie(table, [options]); Opciones disponibles Para parametrizar la salida de datos disponemos de una serie de opciones que nos permiten configurar el aspecto de nuestras gráficas. width – (int: Default a 400) Ancho de la gráfica (en px) height – (int: Default a 280) Alto de la gráfica (en px) padding – (int: Default a 12) Padding (en px) font – (string: Default a “Verdana”) Fuente de las etiquetas fontColor – (string: Default a #000000) Color de las etiquetas fontSize – (int: Default a 10) Tamaño de las etiquetas (en pt) background – (string: Default a #ffffff) Color de fondo de la gráfica chartLineColor – (string: Default a #333333) Color de las líneas chartLineWeight – (int: Default a 1) Ancho de las líneas (en px) border – (bool: Default a true) Dibuja un borde a la gráfica borderWeight – (int: Default a 1) Tamaño del borde (en px) borderColor – (string: Default a #333333) Border color titleSize – (int: Default a 18) Tamaño del título (en pt) titleFont – (string: Default a “Verdana”) Fuente usada para el título titleColor – (string: Default a #000000) Color de la fuente del título showRowNames – (bool: Default a true) Muestra los labels de las columnas en los ejes showValues – (bool: Default a true) Muestra los valores en los ejex showKey – (bool: Default a true) Muestra los valores de las columnas useZero – (bool: Default a true) Siempre usa 0 como menos valor useFooter – (bool: Default a true) Coge los nombres de las columnas del footer Descargar Artículos relacionados Crea gráficas con Javascript Gráficas con PHP + CSS GStats, estadísticas globales de los usuarios de internet Otra librería para trabajar con Ajax Chronoscope, las gráficas de GWT
Excerpt from:
MilkChart, librería gráfica para gráficas

Comunicación 2.0, dinamización de comunidades, inteligencia colectiva, trabajo colaborativo, real time web , eran alguans de las cosas que decíamos hace un tiempo que iba a potenciar o popularizar Wave. No tengo invitación todavía pero sí este magnífico vídeo, similar a los de Commoncraft y calificado como el mejor publicado hasta la fecha, sobre la ola que habremos de navegar dentro de nada…. Para saber más sobre Wave podéis seguir en Mashable su Getting Started guide , o en español otros artículos publicados aquí o aquí . Y si no podéis resistir la tentación de volver a hacerlo, podéis acudir al lugar creado para solicitar invitaciones a wave . Dicen que decepciona un poco, sobretodo en cuanto a usabilidad. Quizás haya llegado antes de tiempo… ¿Alguien que lo haya probado? El caparazón como mejor blog en la categoría de educación últimas noticias Compártelo
%video%

Leer más:
Vídeo, estilo Commoncraft, para entender Google Wave