triunfoweb.com
Ideas para triunfar en la Red!
Emprise Javascript Chart, gráficas profesionales en Javascript
Emprise Javascript Chart, es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida. (Ver Imagen) Entre las funcionalidades que nos encontramos cabe destacar: La gran cantidad de tipos de gráficos disponibles La compatibilidad con la mayoría de navegadores actuales. Fácilmente ampliable mediante plugins Javascript Personalizable Aunque se trata de una librería comercial, la versión free ofrece una gran cantidad de opciones que podríamos usar en nuestras aplicaciones. Ver más ejemplos o descargar la versión free . Artículos relacionados Crea gráficas con Javascript Espectaculares gráficas con CSS puro y duro jQuery Google Charting, haciendo Google Chart más fácil +80 soluciones profesionales en Ajax pChart, gráficas profesionales con PHP
More:
Emprise Javascript Chart, gráficas profesionales en Javascript
Encontrando la gracia de Google Wave
Despues de leer algunos comentarios “constructivos” sobre mi primera impresión sobre Google Wav e, decidí buscarle la chicha al nuevo servicio de Google. Busqué en su uso para gestionar proyectos, pero como dicen tambien en los comentarios, no creo que una gran empresa cambie su herramienta (que le ha costado X) por una herramienta que centraliza el contenido en servidores ajenos. Pensé en usarse para editar documentos en tiempo real entre varios usuarios… pero recordé Google Docs, y seguí pensando que no había nada interesante en esta aplicación. Así que al final llegué a lo que realmente es interesante en Google Wave, y es, todo lo que se puede llegar a hacer sin usar Google Wave. Osea, que la gracia de Google Wave no está en Google Wave, sinó en sus entrañas. Google Wave Si partimos de que Google Wave es una aplicación web que pretende cambiar el concepto que tenemos del email, nos encontramos una herramienta que como mínimo, consigue su objetivo pero a costa de que el contenido se quede en los servidores de Google (absorviendo más información sobre nosotros). Es cierto que la idea es interesante e innovadora, que probablemente se convierta en la herramienta de email del futuro, pero no creo que sea únicamente por su fantástico interface, sinó por la capacidad de integración que Google Wave Protocol promete ofrecer. Google Wave Federation Protocol (Ver Imagen) Aquí es donde está la gracia de Google Wave, es la creación de un protocolo federado que nos permitirá establecer comunicación en tiempo real entre cliente y servidor. Basado en XMPP, este protocolo de mensajería funciona almacenando ciertos cambios en ámbito local que serán enviados al servidor donde convergen los diferentes usuarios para procesar los cambios y retornar un listado ordenado cronológicamente de los cambios propagando el resultado a todos los usuarios. Más información al respecto Google Wave Protocol Proyecto Google Wave Protocol (Google Code) Robots en Java y Python Especificación (borrador) del Protocolo de Google Wave Instalación del servidor Google Wave Protocol Más recursos Artículos relacionados Creando una extensión de Google Wave en 5 pasos Google apuesta por el HTML5 y lo hace a lo grande Google Wave, primeras impresiones Y tenemos Google Wave…vale, ¿y que? Shuttle, para WordPress
Originally posted here:
Encontrando la gracia de Google Wave
13 buenas herramientas de código abierto para diseñadores Web
Las aplicaciones de código abierto (en inglés open source ), es el término con el que se conoce al software distribuido y desarrollado libremente. El código abierto tiene un punto de vista más orientado a los beneficios prácticos de compartir el código que a las cuestiones morales y/o filosóficas las cuales destacan en el llamado software libre . Dentro de este tipo de aplicaciones, las herramientas son una gran alternativa para los diseñadores de web, para que no se disparen nuestro maltrecho presupuesto. Muchas herramientas de código abierto tienen características comparables a las aplicaciones de pago. Esto hace posible que un diseñador web pueda tener todas las herramientas y aplicaciones necesarias para completar las tareas diarias de su trabajo, sin siquiera gastarse un céntimo. En el artículo 13 Excellent Open Source Tools for Web Designers , de WebDesignLedger , encontrarás 13 de las mejores herramientas de código abierto enfocadas para los diseñadores web, aquí tienes el enlace a su descarga y una breve explicación. Editor de texto : Aptana Studio . Completo entorno de desarrollo web que combina potentes herramientas de edición de HTML, CSS y JavaScript, junto con miles de plugins adicionales creados por la comunidad. KompoZer . Un completo sistema de autoría web que combina la gestión de archivos web y la edición WYSIWYG fácil de usar en páginas web. Notepad++ . Editor de codificación para Windows, que reemplaza al Bloc de notas, y que soporta varios idiomas. Firebug . Un plugin para Firefox que te permite editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Quanta Plus . Un estable y rico entorno de desarrollo web. jEdit . Editor de texto de multi-plataforma con muchos años de desarrollo detrás de él. Aplicaciones gráficas : GIMP . Un paquete versátil de manipulación de imágen. Una excelente alternativa al Photoshop. Dia . Es una aplicación inspirada en el programa comercial “Visio” para Windows, aunque más orientado a esquemas informales para uso ocasional. Puede ser utilizado para dibujar diferentes tipos de diagramas. Krita . Aplicación gráfica para todos los que quieran ser creativos con las imágenes. Inkscape . Editor de gráficos vectoriales, con capacidades similares a Adobe Illustrator. FTP : FileZilla . Es probablemente la aplicación de FTP más popular. Puedes descargar una versión de cliente o servidor. Cyberduck . Un cliente FTP integrado para el Mac. WinSCP . Es un cliente de SFTP y cliente FTP para Windows.
The rest is here:
13 buenas herramientas de código abierto para diseñadores Web
CssDispatcher, maneja tus CSS como un profesional
Isra , nos muestra una librería en PHP que ha desarrollado para ayudarnos a trabajar con CSS de una forma muy cómoda y profesional . $styles = new CssDispatcher; $styles-> add(new Css(‘ie-hacks.css.php’)); $styles-> add(new Css(‘general.css.php’)); $styles-> render(); CssDispatcher , se encarga de procesar los ficheros .css permitiendo así que podamos incluir código PHP en nuestras hojas de estilos, además de unir y comprimir todas las hojas de estilo que necesitemos en nuestro proyecto. $styles = new CssDispatcher; // Este CSS solo se enviará cuando sea Internet Explorer 6 $styles-> add(new Css(‘ie-hacks.css.php’, Css::UA_IE6)); $styles-> add(new Css(‘general.css.php’)); $styles-> render(); Además, nos permite condicionar nuestro CSS dependiendo del navegador que nos visita. De esta forma, podemos cargar un fichero, o no, dependiendo si el navegador que nos visita es el especificado previamente. Artículos relacionados Aplicación en Ajax increible!! Usa youtube para aprender photoshop Gráficas con PHP + CSS Guia de enlaces de la A List Apart xDebug, debuguea tu PHP como un profesional
Originally posted here:
CssDispatcher, maneja tus CSS como un profesional
Y tenemos Google Wave…vale, ¿y que?
Hace unos días que recibí la invitación para usar Google Wave , y desde entonces he estado intentado encontrarle una utilidad a el sistema propuesto por Google. (Ver Imagen) ¿Que dice Google que és? Google nos explica en una infinidad de videos que Google Wave nace para reemplazar al, ya entradito en años, email . Que aunque parezca mentira tiene ya más de 30 años. Para entenderlo, imaginemos un mail que enviamos a nuestro amigo X en el que indicamos un tema, le añadimos imágenes, videos,… una vez enviado, recordamos que Y también te pidió información al respecto, así que cambias la dirección de destino y vuelves a enviar el correo. Sin darnos cuenta, estamos duplicando la cantidad de información que está navegando por Internet. Y Google pretende innovar en este sentido. La idea es alojar ese contenido en un Wave y en lugar de duplicarlo, simplemente haremos que más gente lo pueda ver, añadiendo los que queramos puedan ver dicho contenido. Ya que estamos, añadimos más opciones Aprovechando dicho cambio, y ahí es donde está la espectacularidad de Google Wave, se añade una capa de javascript que se encarga de ofrecer un interface muy rico y cargado de funcionalidades. Waves enriquecidos Además de las opciones WYSIWYG que ya teníamos en gMail, nos encontramos con la capacidad de incrustar imágenes/videos entre el texto para generar “minipáginas web”. (Ver Imagen) Anidamiento Para olvidarnos de responder emails, Google Wave nos permite anidar comentarios dentro de un Wave, como vemos en la imagen. (Ver Imagen) Modificar el contenido ya escrito en un Wave Otra funcionalidad que podemos encontrarnos al editar un wave es la posibilidad de editar contenido (tuyo o de otro usuario) al más puro estilo Wiki. Para siempre tener un control de los cambios realizados tenemos la opción Playback que nos permite visualizar la correlación de cambios realizados en ese Wave. (Ver Imagen) Escritura en tiempo real También es muy curioso ver como los usuarios que están online y editando el Wave, van escribiendo en él. (Ver Imagen) Gadgets Los gadgets, nos sirven para insertar elementos dinámicos que aportan una funcionalidad extra dentro de nuestro Wave, hasta ahora solo he probado los de encuesta, sudoku y mapas, aunque hay mucha información para crear tus propios Gadgets. (Ver Imagen) Mi opinión Aún es muy pronto y es una versión alpha, lo que indica que le faltan muchas opciones y que aún no podemos ver todas las funcionalidades que podremos llegar a usar en un futuro. Pero así y todo, no convence. MarcosBL , en un Wave lo describía como: ‘El resultado de una orgía entre un Foro, el MSN y un Wiki’ Y creo que no se podría haber expresado mejor, ya que una vez entras en Google Wave, eso es lo que te encuentras… y ya está. La primera impresión es de decepción total, el que te hayan estado metiendo Google Wave por todos ojos todos los días y a todas horas, quizás ha hecho que las espectativas fueran más altas de lo que deberían ser. Hay que alabar la labor de Google en la creación del interface, que es impresionante y muy completo, aunque lento como el solo. Por el momento, está la cosa muy verde y aún queda mucho camino por recorrer, pero las primeras impresiones han sido, por lo menos en mi caso, decepcionantes. Aclaración Cuando accedí la primera vez, Google Wave me obsequió con 8 invitaciones las cuales volaron en el primer minuto en el que me pude sentar delante del PC. Lo siento, pero no me quedan ninguna más. Artículos relacionados Google apuesta por el HTML5 y lo hace a lo grande Google Wave, primeras impresiones Frase #30 Google Ajax Search API Shuttle, para WordPress
See more here:
Y tenemos Google Wave…vale, ¿y que?
10 razones para pasarse a WCAG 2.0
Olga Carreras nos deléita con un artículo en el que nos muestra 10 razones para pasarnos a WCAG 2.0 . Artículos relacionados 55 razones para diseñar en XHTML/CSS Técnicas WCAG 2.0 por Olga Carreras Accesible News Slider, un slider que cumple las reglas del WCAG1.0 Como y por que pasa de HTML a XHTML ¿Por que programar es igual que el sexo?
Follow this link:
10 razones para pasarse a WCAG 2.0
Twig, un flexible, potente y seguro motor de plantillas en PHP
Twig es un motor de plantillas pensado para ofrecer una opción seguro y potente, aportando un flexibilidad muy interesante a nuestras plantillas. [ Documentación ][ Descargar ] Artículos relacionados Smarty, CheatSheet Flexible Uploads para WordPress Motor de plantillas 33 plantillas para WordPress Lista de Motores de Plantillas en PHP
See the original post:
Twig, un flexible, potente y seguro motor de plantillas en PHP
CSScaffold, framework CSS en PHP
CSScaffold es un framework CSS con el que podemos extender las posibilidades de nuestros CSS desde PHP. Básicamente se trata de un script PHP que recoge los ficheros .CSS a tratar y mediante una nomenclatura (que veremos más adelante) nos genera unos ficheros CSS que cualquier navegador podrá interpretar. (Ver Imagen) // Ejemplo de uso: Funcionalidades Entre las funcionalidades que nos podemos encontrar y que extienden las posibilidades del CSS, cabe destacar: Constantes // Definición @constants { text_color:#555; color_1:#999; } // Uso body { color:!text_color; } Como vemos podemos especificar valores estáticos para usar a lo largo del fichero CSS. Pudiendo reemplazarlos fácilmente en un solo lugar. Mixins // Declaración =mixin-name(!param, !param2 = 0){ color:!param; border: !param2 solid #eee; } // Uso #content{ +mixin-name(#eee); padding:10px; border:1px solid #eee; } Se trata de un sistema de disponer de funciones en nuestros CSS . Selectores anidados // Uso #id{ border:1px; h1,h2,h3 { color:red; a div, blockquote, mark { margin:10px; } &.span { padding:10px; } } } Interesante capacidad de permitirnos usar selectores anidados para mostrar más claramente la especifidad del selector. // Uso a{ color:#fff; &:hover { text-decoration:underline; } } // Resultado a { color:#fff; } a:hover { text-decoration:underline; } Además, mediante el uso de & podemos hacer referencia al selector actual. Expresiones // Uso #id{ padding:#[10*4]px; } La capacidad de usar expresiones para parametrizar nuestros diseños. Instalación La instalación , tan sencilla que puede ser usada en cualquier aplicación sin tener que invertir una gran cantidad de tiempo en configurarlo. Descargamos el fichero . Copiamos el fichero scaffold/ en nuestro directorio de CSS Configuramos el fichero scaffold/config.php Añadimos permisos de escritura a la carpeta scaffold/cache/ Reemplazamos las llamadas a nuestros CSSs // Antes // Con CSScaffold // Con CSScaffold sin caché Útil y práctico para hacernos ahorrar unos valiosos minutos a la hora de trabajar con CSS’s. Artículos relacionados Javascript Framework Matrix, compara los diferentes frameworks a la vez Todo lo que necesitas sobre jQuery 10 frameworks javascript que debes conocer Qcodo, Framework de desarrollo en PHP Frameworks CSS más usados
Read more:
CSScaffold, framework CSS en PHP
NoIE6Day, nos acercamos
Bueno, os recordareis que el próximo lunes (dia 18) es el día tope, el NOIE6Day . El día en el que por fin dejamos de dar soporte a Internet Explorer 6 (donde puedas). (Ver Imagen) Yo llevo ya 225 días (desde el 25 de febrero) con los CSS desactivados para Internet Explorer 6 y la verdad es que las gráficas que os pongo a continuación muestran la tendencia. Internet Explorer 6 (Ver Imagen) Internet Explorer 8 (Ver Imagen) Esto no quiere decir que la iniciativa sea la causante, ya que Internet Explorer 8 pasó a ser actualizado automáticamente , la salida de Chrome en más plataformas (con todo el apoyo que Google le está dando ) o la aparición de Google Chrome Frame han influido directamente en el descenso mundial de Internet Explorer 6 (y demás versiones en general) . Así que si te quieres apuntar a la iniciativa , tienes hasta el Lunes!! 
Artículos relacionados Sirve el theme por defecto de WordPress a Internet Explorer 6 NOIE6Day, 18 de octubre día sin Internet Explorer 6 ie6-upgrade-warning, alerta bestia para que tus usuarios se actualizen Internet Explorer 8 más rápido que Firefox y Chrome ie6fixer, aplicación que añade hacks por ti
See more here:
NoIE6Day, nos acercamos
10 plugins de WordPress para Desarrolladores
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