El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estilos para los comentarios de tu blog

Estilos gratis para los comentarios de tu blog

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?

Styling Blog Comments: Correct Markup and Free Examples

CSS, Recursos

16 Comentarios

jCodeCollector, almacena y categoriza tus “snippets”

jcc20

Seguro que, como yo, almacenas algunos fragmentos de código que sueles reutilizar en tus proyectos o que tienes por ahí “por si llega el día que tenga que hacer eso…”.

Hace tiempo fui probando diversas opciones online, ninguna terminó de llenarme por aquello de que no siempre iba a estar conectada a internet (el 90% del tiempo lo estoy, lo admito, pero todavía no me fío demasiado de que no me ataque Murphy con todas sus leyes y justo el día que me haga falta echarles mano no tenga internet… llamadme paranoica si queréis). Luego probé una mezcla entre del.icio.us para código proveniente de algún blog y archivos de texto en mi disco duro (un agobio y un lío).

Cuando te hablaba de mis aplicaciones en AIR favoritas para desarrollo web, mencioné Snippely, una aplicación en AIR muy sencillita pero práctica que me había servido bien y hoy en Intenta descubro jCodeCollector.

La base de jCodeCollector es similar a la de Snippely, sólo que está escrita en Java y, para mi gusto, tiene algunas mejoras de usabilidad a la hora de navegar entre fragmentos de código (no me gusta demasiado la forma de Snippely de mostrar los fragmentos de cada categoría).

La estaré probando unos días a ver que tal me va, pero sea con una aplicación o con la otra te pongo de testigo de que trataré de organizarme mejor mi librería de código (que me hace falta).

¿Has probado jCodeCollector? ¿Conoces alguna opción mejor?

jCodeCollector: http://alessandrococco.altervista.org/

Aplicaciones

2 Comentarios

IE Tester, probar tus páginas en múltiples versiones de Internet Explorer en una sola ventana

ietester-0.3

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

Aplicaciones, CSS, Javascript, Navegadores

5 Comentarios

We Are Colorblind, las interfaces de usuario desde el punto de personas con ceguera al color

we are colorblind

Un 8% de la población masculina mundial tiene algún tipo de ceguera al color, para ellos algunas de nuestras elecciones de color para diseños van más allá de lo meramente estético y pueden suponer una barrera a la hora de acceder a la información.

We Are Colorblind es un sitio donde encontrarás gran cantidad de patrones de diseño web comentados por Tom van Beveren, un joven desarrollador con ceguera al color, que nos ayudará a comprender como interactuan con la web las personas con esta deficiencia visual.

Tom recopila patrones de interfaces que consisten en una breve explicación del uso del patrón, los problemas que pueden encontrar las personas ciegas al color y una serie de soluciones con las que solventar esas dificultades.

Sin duda, un recurso excelente para que, aquellos que no tenemos problemas con los colores, seamos capaces de ponernos en el lugar de quienes si los tienen y diseñar interfaces en las que el uso de colores no suponga una barrera.

We Are Colorblind: http://wearecolorblind.com

Vïa Konigi

Usabilidad y Accesibilidad

1 Comentario

IxEdit, diseño de interacción al vuelo

ixedit

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

Javascript

Comenta

Ya llevo 3 meses con RedCoruna

Como ya comentaba hace un par de meses, he estado probando la Tarifa Plana de RedCoruna. Supongo que os habréis dado cuenta que, desde ese momento, han pasado a ser “patrocinadores” de este sitio (y algunos otros que también manejo) ofreciéndonos alojamiento (mil gracias).

Ahora que ya llevamos unos meses trabajando juntos me permito volver a recomendarte su servicio. La tarifa plana es realmente plana. Creo que con la cantidad de experimentos que estoy haciendo mis antiguos “caseros” me habrían mandado 2 o 3 emails cariñosos (supongo que ya sabes que Dreamhost y yo no terminamos nunca de llevarnos bien), aquí todo ha ido como la seda.

Ya te decía que, para mí, era una gran ventaja hablar el mismo idioma que la gente encargada de darme soporte pero, si además son tan agradables la cosa mejora. Sólo he tenido un mantenimiento general en este tiempo pero ha estado programado a un horario adecuado para nuestro país (y no a las horas intempestivas habituales) y bien avisado. Además, el equipo humano es encantador, rápido en responder y, sobre todo, en ponerse manos a la obra para solucionar cualquier imprevisto.

Por si no lo recuerdas, la tarifa plana podía ser para un sitio o para muchos, a precios muy económicos (desde 4,5€), con servidores en España y cPanel. Además, me chivan que pronto dispondrán de Fantastico (un sistema muy cómodo para instalar aplicaciones como WordPress, Joomla, Mediawiki…) y que están haciendo mejoras al sistema de IP.

Recuerda, el acceso es mediante invitación. Si quieres probar y contratar alguno de los dos planes tendrás que usar este código: P4ZY1GY8ULTB.

¿Te has animado a probar? A mí me ha ido estupendamente ¿y a tí?

Tarifa Plana Hosting de RedCoruna

General

5 Comentarios

Pubwich, sencilla forma de crear una web con todo tu contenido online

pubwich

Seguro que publicas contenido en muchos sitios: tu blog, guardas fotos en tu Flickr, salvas enlaces en del.icio.us, participas en Twitter etc.

Pubwich es una sencilla aplicación escrita en PHP5 para instalar en tu servidor con la que podras crear de forma cómoda y sencilla un sitio personal donde centralizar toda esa actividad online. Pubwich puede publicar tus últimos tweets, los videos que subes a Vimeo o YouTube, las fotos que agregas a Twitter, las últimas entradas de tus sitios mediante RSS, actualizaciones de tu estado en Facebook, last.fm…

El aspecto del resultado es bastante agradable, dividido en “cajas” en lugar de usar el clásico modelo del lifestream en el que todas tus actualizaciones aparecen en un único hilo.

Personalmente, me ha encantado y creo que, por fin, he encontrado un software con el que conseguir crearme una página personal completita donde unificar todo lo que voy haciendo por la red.

¿Has probado Pubwich? ¿Usas alguna otra aplicación de este tipo (alojada por ti o por terceros?

Pubwich: http://pubwich.org/

Vía Xyberneticos

CMS, Otros

2 Comentarios

Javascript Framework Matrix te ayuda a decidirte por un framework javascript

Java Script Framework Matrix

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

Javascript

1 Comentario

All Silhouettes, siluetas vectoriales gratuitas

all-silhouettes

All Silhouettes es un sitio estupendo, en él podrás encontrar cientos de siluetas vectoriales listas para usar en tus proyectos, tanto personales como comerciales.

El autor del sitio es también el autor de la mayoría de gráficos y, por ello, nos ofrece una licencia bastante permisiva para utilizarlos siempre que no los revendamos como recursos de stock y que, en el caso de las ilustraciones las hagamos públicas de forma gratuita (supongo que para evitar que usemos su material para venderlo indirectamente en sitios de stock).

A día de hoy hay 5,572 siluetas distribuidas entre 88 packs, con categorías como personas, animales, objetos, símbolos, naturaleza…

All Silhouettes: http://all-silhouettes.com/

Vía Web Resources Depot

Diseño Web, Imagenes, Recursos

2 Comentarios

Subida múltiple de ficheros con barra de progreso con jQuery

multiple-file-upload-with-progress-bar

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

Javascript

Comenta

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna