triunfoweb.com
Ideas para triunfar en la Red!
Compatibilidad con WebKit
En Ajaxian nos muestra una gráfica que muestra la compatibilidad con WebKit de los diferentes navegadores que lo usan como motor de renderizado . (Ver Imagen) En la imagen, vemos que Safari 4.0 está a la cabeza con casi el 100% de compatibilidad(94,4%) , seguido de la última versión de Google Chrome (la 3.0) (88,8%) . Llama la atención lo lejos que están los navegadores móviles en esta gráfica, ya que el primero que nos encontramos es Ozone , un navegador que aún no ha salido oficialmente y que estará disponible para sistemas Symbian, que implementa el 85% de las funcionalidades de WebKit. En segunda posición nos encontramos el navegador del iPhone 3.1 con tan solo el 79,6% de funcionalidades. Y el primer navegador disponible en Android (G2 en Donut (Android 1.6)) tan solo implementa un 66’6% de las funcionalidades. Sin duda, esto ha de verse como un toque de atención a los desarrolladores móviles que implementan WebKit para ponerse las pilas e incorporar nuevas funcionalidades a los navegadores y ponerlas en nuestras manos (y nunca mejor dicho 
) Artículos relacionados Webkit a punto de superar el Acid3 Test WebKit y la personalización de los scrollbars Nueva actualización de Web Inspector (WebKit) CSS Masks, ya disponibles en WebKit WebKit pasa el Acid3
Continued here:
Compatibilidad con WebKit
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
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
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
Recopilación de enlaces
Llevo un día de esos que todos tenemos más de una vez a la semana (osea es3 concentrado). Así, que unas cosillas que quería publicar se quedan en una lista de links interesantes. 16 librerías javascript para visualizar datos : para todos los gustos y colores jQuery Lessons (Selectors) por Woorkup : Antonio comienza una interesante serie de artículos sobre jQuery. Mastering CSS: Getting Start : Explicación muy detallada (como solo Smashing Magazine son capaces de hacer) Propuesta HTML5 (iTextlist) : Interesante propuesta para incluir subtítulos a los tags de HTML5. Google Chrome ejecutando código nativo de Windows : ¿Otro ataque directo a Microsoft? QueryLoader : Precarga de tu pagina antes de mostrarla (me parece una tontería curiosa). Aprovecho para explicar el bajo ritmo de publicación de los últimos meses. Se ha juntado un incremento de trabajo en el curro, estamos cerrando unos proyectos y eso siempre requiere el 150% de la capacidad de cualquiera. Por otro lado, en casa estoy con un proyecto en el que estoy poniendo mucha ilusión pero poco tiempo (por eso se está alargando tanto) y la suma de estas dos variables hacen que cuando tengo unos minutos para publicar no me encuentre inspirado ni con ganas de contar nada, por ese motivo envio los enlaces via Twitter por si a alguien le sirve . Mi usuario de Twitter: @aNieto2k Solo los links que publico: http://search.twitter.com/search?q=bit.ly+from%3Aanieto2k Espero poder volver a la normalidad lo más pronto posible. Siento las molestias. Artículos relacionados Enlaces que parecen botones y botones que parecen enlaces Recopilación de enlaces rápidos Más de 500 enlaces sobre CSS Más de 30 enlaces sobre Accesibilidad Web Mejora tus enlaces con :hover y CSS
View original post here:
Recopilación de enlaces
50 herramientas y generadores útiles para CSS
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, librería gráfica para gráficas
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
Los términos más buscados:
- graficos estadisticos GWT
Oneroom, tema WordPress en castellano
OneRoom es un tema muy bonito, que se compone de tres columnas y está preparado para usar widgets. Se ha incorporado una sección de autores en la barra lateral y tiene activo el uso de Gravatar en los comentarios.
Caracteristicas:
* 3 columnas
* 1 sidebar derecha
* Espacios publicitarios de 125×125
* Preparado para gravatars
* Preparado para widgets
* Validado XHTML & CSS
* Optimizado para WordPress 2.7+
* Testeado en IE, Firefox, Safari, Google Chrome, y Opera
Demo en inglés – Descarga en castellano
Via:
http://www.enchulatublog.net/2009/oneroom-tema-wordpress-en-castellano/