gRaphaël es una sencilla librería con la que insertar gráficos en tus sitios web será coser y cantar. Descarga el javascript, inclúyelo en tus páginas y con unas simples líneas de código podrás mostrar gráficos de tarta, de líneas, de puntos…
gRaphaël está bajo licencia MIT
enlace: gRaphaël
Si buscas dar un estilo elegante a los comentarios de tu blog pero no tienes tiempo o ganas de ponerte a ello estás de enhorabuena.
En Templatica ponen a nuestra disposición un buen set de estilos para nuestros comentarios con instrucciones sobre como deben estar maquetados para que sólo sea cuestión de copiar y pegar el código en nuestra hoja de estilos. Interesante ¿no?
En este blog creo que, de tanto en cuanto, toca hablar de algo que nos permita probar nuestros sitios en IE o no rompernos los cuernos más de lo estrictamente necesario ¿por qué será?
Esta semana descubro vía Genbeta una utilidad que nos permitirá probar nuestros sitios contra múltiples versiones de Internet Explorer en una misma ventana, dividida en pestañas.
La aplicación se llama IETester y, como digo, nos ayudará a abrir nuestros sitios en varias versiones de Explorer simultáneamente. El programa está en fase alfa así que puede que de vez en cuando se rompa, no obstante cada pestaña funciona como un proceso independiente de las demás así que si se rompe en una de ellas las demás no nos dejarán tirados.
Para funcionar, IE Tester requiere una copia de Windows con IE7+ instalado.
IE Tester: http://www.my-debugbar.com/wiki/IETester/HomePage
Una de las fases que más tiempo pueden llevarnos del diseño de una aplicación para web es la de comprobar las interacciones con el usuario y los efectos que empleamos.
Hay muchas cosas que sobre el papel parecen fantásticas pero una vez en marcha no funcionan y para comprobarlo, generalmente, hace falta meterse a picar código y hacer pruebas.
IxEdit es un cómodo editor escrito en javascript y que irá embebido en tus prototipos. Con él cualquiera, con un mínimo de conocimiento, podrá ir probando diferentes comportamientos y efectos al vuelo.
IxEdit genera código javascript automáticamente con los parámetros que especifiques y se apoya en jQuery. Además podrás almacenar tus prototipos en una base de datos local con Google Gears.
IxEdit: http://www.ixedit.com/
Vía Criterion
En los últimos tiempos han proliferado extraordinariamente los frameworks, sobre todo los destinados a facilitarnos la vida con el javascript.
Que haya múltiples alternativas siempre es positivo para nosotros al ofrecernos diversas posibilidades y funcionalidades, pero mantenerse al tanto de todas y escoger la mejor para nuestros proyectos es, en general, algo complicado. Supongo que, como yo, la mayoría tenemos un framework preferido y solemos recurrir a él.
Javascript Framework Matrix te ayudará a conocer otras opciones, permitiéndote compararlas de una forma cómoda y sencilla para que escojas la mejor herramienta para cada proyecto.
Javascript Framework Matrix: http://matthiasschuetz.com/javascript-framework-matrix/
Vía Anieto2k
Los inputs de tipo file son un asco, no se les puede dar estilo sin recurrir a javascript y sólo nos permiten subir un fichero de cada vez.
Si estás buscando una forma de conseguir que tus usuarios puedan seleccionar múltiples ficheros usando las teclas control y mayúsculas para escogerlos de su disco duro y, además, te gustaría mostrarles una barra de progreso que les mantenga informados en todo momento de como va su subida atento al tutorial que han publicado en Web Developer Plus.
En él podrás aprender a utilizar jQuery y el plugin SWFUpload para crearlo. El tutorial recorre todos los aspectos que puedes necesitar conocer desde el HTML y CSS a todo el Javascript. Además, por si no te ves con ganas de escribir tu mismo todo el código podrás descargártelo directamente.
Multiple FIle Upload with Progress Bar using jQuery
Cuando creamos un sitio, echamos horas diseñándolo y trabajando en su código para que todo se vea divinamente nos encanta enseñarlo ¿no?
Las galerías de diseños CSS son un buen sitio donde lucir nuestra obra maestra y, de paso, recibir algo de feedback y algunas visitas.
MeeCSS es una sencilla herramienta web con la que podrás enviar tu sitio web a más de 100 galerías de este estilo, que no se si serán todas las disponibles pero igualmente son una buena cantidad.
El sistema no es automatizado, ya que seguramente la mayoría de estas galerías no tardarían demasiado en darse cuenta del asunto y bloquearían la aplicación. En lugar de esto, lo que hacemos es seleccionar las galerías a las que queremos hacer el envío, introducir los datos y darle a enviar. De esta manera se irán abriendo progresivamente los formularios de envío y tendremos a mano los datos que introdujimos en la aplicación para poder hacerlo todo a base de copiar y pegar.
Como me explico bastante mal ultimamente, mejor te dejo el video para que veas como va el proceso.
Untitled from MeeNews on Vimeo.
Seguiremos teniendo que ponerle un poco de tiempo al tema de los envíos pero, sin duda, mucho menos que yendo manualmente de un sitio a otro.
MeeCSS: http://www.meecss.com/
Vía Criterion
A todos los que usamos librerias para agilizar nuestro código creo que nos viene estupendamente tener un sitio donde ir a consultar si existe un plugin que haga eso que necesitamos antes de ponernos a programarlo por nosotros mismos ¿no?
The Ultimate jQuery List es un sitio donde poder ir a buscar plugins y tutoriales de jQuery de una forma cómoda y conveniente, en una sola página.
Los contenidos están divididos por categorías que incluyen validación de formularios, AJAX, Tooltips etc.
The Ultimate jQuery List: http://jquerylist.com/
Vía Xyberneticos
Hace unos días hablábamos de una aplicación online que nos permitía detectar selectores de nuestra hoja de estilo que no se estaban empleando en nuestros sitios y que, por tanto, podíamos eliminar para aligerar nuestra CSS.
Dust-Me Selectors hace esto mismo pero en forma de extensión para Firefox, de forma que no necesitaremos tener conexión a internet para hacer un poco de limpieza en nuestras hojas de estilo.
Podrás escanear páginas individuales o sitios completos y, cuando hayas acabado, obtendrás una lista de selectores que no están en uso.
Dust-Me Selectors soporta hojas de estilo locales o remotas, enlazadas o importadas mediante @import y declaraciones dentro de comentarios condicionales para Internet Explorer.
Dust-Me Selectors: http://www.sitepoint.com/dustmeselectors/
He incluído esta extensión en el recopilatorio de extensiones de Webmaster Libre para Firefox
Cada vez es más común que, en lugar de diseñar para páginas estáticas que sólo nosotros o alguien con conocimientos actualizará, diseñemos para CMS que nuestro cliente podrá editar y utilizar a su antojo.
Una parte importante del diseño y la maquetación de una plantilla para un CMS es la de tener en cuenta todos esos elementos que podrían aparecer en un sitio, dependiendo del uso que den nuestros usuarios, por ejemplo, al editor de entradas. No sería la primera vez que nos olvidamos de dar estilo a los encabezados más allá del h3 o que nos dejamos atrás cosas tan prácticas como los blockquotes o las listas de definición, pensando que nadie las va a usar.
Esta página HTML de prueba nos permitirá aplicar nuestros estilos a una página con todos los elementos que podrían aparecer en una página, de forma que es muy simple comprobar si hemos dado estilo a todo lo que deberíamos.
Obviamente, hay algunas combinaciones de etiquetas, como por ejemplo las listas anidadas, que no están contempladas en este documento pero nos puede servir como base para crear nuestra propia guia de estilo.
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
