website stats » Diseño Web | Informática Práctica |

Check My Colours - ¿Tu web valida WCAG?

Escrito por ffuentes el Viernes, 12 de Junio del 2009 a las 9:38

logo.jpg

Esto es para los diseñadores web, pero a cualquier dueño de blog le debería servir por lo menos para examinar el propio diseño de su blog.

Las plantillas de los sitios y en general los diseños de blogs y otra clase de sitios tienen que tener un contraste decente para ser agradables a la vista y usables ¿No les ha pasado eso de mirar vuestro propio blog y encontraros con que algo no se ve o no se ve bien?

Esto es especialmente importante para personas con discapacidad visual, es algo de lo que recién se está tomando conciencia pero sumamente importante, al menos para echar una mirada y hacer caso, hacer que tu web sea fácil de leer.

Check My Colours es una web que permite validar el diseño de una web, así como se valida si una web respeta el estándar del XHTML  o de CSS, también existe un estándar sobre accesibilidad, el WCAG1.0 y WCAG 2.0 (Web Content Accesibility Guidelines) que viene de la iniciativa WAI (Guay!) Web Accesibility Initiative de la misma W3C.

Pones la URL de tu blog y puedes revisar si valida o no, como muchos no se fijan en esto aún (de hecho no conozco nadie que hable del tema hasta ahora) lo más probable es que no lo haga.

Probé con varios blogs en los que escribo y ninguno valida ni cerca. A ver si alguno de ustedes tiene alguno que si lo haga ¡Comenten qué resultados obtuvieron!

Categoría: Diseño Web | 2 Comentarios »

Cómo crear un foro sin hosting y gratis.

Escrito por ffuentes el Sábado, 18 de Abril del 2009 a las 6:27

Me comentaba un amigo que gustaba de las aplicaciones web simples, esas que no tienen por donde estar sobre cargadas, que tienen pocas opciones pero lo que hacen lo hacen bien. Me pedía un servicio simple para foros y no tuve nada que recomendarle, sólamente los servicios clásicos y comunes de toda la vida, pero no eran lo que él me pedía (es más, seguro los conocía) así que no me quedó otra que recomendarle una lista de correo de las de Google, que son bastante desconocidas pero muy buenas.

Tengo experiencia con bbPress y me parece un gran sistema para crear foros, se puede integrar si se quiere con el blog o manejarlos por separado, es un sistema sencillo que se arma desde cero, todo está modularizado en plugins y cualquiera que haya tenido un blog WordPress puede manejarlo.

Los otros sistemas de publicación tienden a ser más pesados aún y no hay grandes soluciones, aunque Vanilla podría servir, pero si no tienes dinero para un hosting eso de nada serviría y suele pasar.

Actualmente no existe un gran servicio para crear foros, Talkpress es un servicio que va a lanzar Automattic (la dueña de WordPress y BBPress) pero que todavía están probando con clientes puntuales. Pero si desean hacer un foro por ustedes mismos y gratis, les recomiendo hacer esto:

DreamhostApps: Quizás supieron de una tremenda aplicación que sacó el famoso hosting Dreamhost, uno de los más famosos del mundo, con el que ofrece hosting a cualquier persona en el mundo y utilizar una serie de aplicaciones para instalar blogs o wikis o galerías de fotos y… foros con PHPBB. En DHApps no hay problemas con el espacio, lo único que puede pasar es que este hosting se caiga temporalmente.

MelodySoft: Algo viejísimo pero que todavía existe y se puede contar con él, es cosa de rellenar un formulario con tus datos (de los viejos formularios que pedían varios datos a veces innecesarios). Un ejemplo de foro.

Creatuforo: Siempre pensando en el foro clásico, común y corriente, alberga foros bastante grandes con una interfaz conocida.

Grupos de Google: Se supone que son listas de correo, pero sirven para el caso y son muy útiles y simples, vale la pena probarlas, y si no te gusta recibir correos cada día siempre puedes configurar la cuenta para que no te lleguen los correos y revisarlo sólo via web. La mejor alternativa y la más pulcra en mi humilde opinión.

Esperemos a ver el futuro TalkPress, cuando sea liberado a todo público, probablemente con una fórmula parecida a la de wordpress.com con sus pros y contras

Categoría: Diseño Web | No hay Comentarios »

¿Aplicarías OpenID a tu blog?

Escrito por ffuentes el Jueves, 12 de Marzo del 2009 a las 8:50

screenshot-1.png

Me da curiosidad OpenID que, de primeras sólo apoyaban algunas iniciativas bien puntuales y sitios grandes.

Hoy la mayoría de las aplicaciones que exigen registro, incluyendo muchas de las que mostramos aquí en Informática Práctica. La idea es que la gente no pierda tiempo y no dude en utilizar tu aplicación por perder cinco minutos haciendo un monótono registro.

Ahora que existe las aplicaciones andan bastante bien y no se ven sólo en sitios grandes por lo que ya nos podríamos imaginar una web dominada por OpenID.

Wordpress cuenta al menos con un plugin para OpenID del mismo nombre que permite tanto el registro para editores del blog como para comentaristas.

Quizás el inconveniente más grande no viene por la instalación sino por pequeños problemas que da OpenID al, por ejemplo, comentarista. Uno de los más comunes es el problema con SSL que hace que algunos proveedores como MyOpenID directamente no funcionen.

Sería interesante conocer la opinión de nuestros lectores, quizás crearse una cuenta de OpenID ya es algo que les produce rechazo o simplemente les da igual.

Por el lado de los blogueros, utilizar OpenID, sobre todo en blogs que reciben muchos comentarios les puede echar una mano para evitar la presencia de gente indeseada pero sobre todo ser un atajo para el astroturfing.

¿Qué opinan?

Categoría: Diseño Web | 2 Comentarios »

whobuilt.it - ¿Creaste un sitio web y nadie te da el crédito?

Escrito por ffuentes el Martes, 3 de Marzo del 2009 a las 7:39

El proyecto que hoy les muestro es un sitio que puede ser muy grande e interesante, pero sólo si se hace popular.

Los diseñadores de sitios web trabajan en decenas de proyectos y algunas de sus creaciones son magistrales, pero son para terceros y a veces, estos terceros no les mencionan. Es más, a veces nadie sabe quién creó ese sitio.

Pues bien, han creado un sitio que permite reivindicar su trabajo, ideal para quienes están diseñando un sitio nuevo o bien tienen a cargo el mantenimiento del sitio. Se llama whobuilt.it

El procedimiento para reclamar un sitio es sencillo:

  • Creamos una cuenta
  • Escribimos el nombre del sitio en el que trabajamos
  • Clicqueamos en “I worked in this site”
  • Luego creamos una página en nuestro sitio según las instrucciones de whobuilt.it
  • Agregamos nuestra labor en el sitio.
  • Le pedimos a Whobuilt.it que detecte el archivo.
  • Borramos el archivo (o no, ya que probablemente esté vacío)
  • Y ya está.

Es simple y permite rellenar todo un currículum de sitios web y comprobar que efectivamente son de tu factura. Además te permite votar otros sitios web creados por otros.

Luego todos esos sitios se pueden buscar con el buscador e inmediatamente aparece el nombre de él o los creadores.

El sitio fue encontrado gracias a FeedMyApp

Categoría: Diseño Web | No hay Comentarios »

Más de 200 texturas sobre papeles gratuitas

Escrito por J.F. el Viernes, 27 de Febrero del 2009 a las 12:43

Amantes del diseño gráfico, si estais buscando texturas sobre papel, folios, etc… para un diseño o una página web, hoy estais de enhorabuena, ya que en Naldz Graphics nos traen un listado con más de 200 texturas gratuitas, de increíble calidad libres para utilizar en tus diseños. Yo ya las estoy descargando, tengo un diseño en mente y estoy tratando de aprender photoshop. Me han llamado la atención éstas texturas:

Texturas1
Texturas2

Enlace: | Más de 200 texturas gratuitas sobre papeles

Categoría: Recursos, Diseño gráfico, Diseño Web | No hay Comentarios »

pHome.us - Crea una página principal para ti (y tus proyectos)

Escrito por ffuentes el Lunes, 23 de Febrero del 2009 a las 1:48

scrot3.png

Muchos blogstars y gente que tiene proyectos o está muy conectada suele querer tener una “Página Principal” para decir en pocas palabras quienes son, dónde pueden encontrarse y qué hacen.

Pero puede que tu también quieras contar con una “homepage” ¿por qué sólo ellos pueden?. Pues bien, tienes dos formas: Comprarte un dominio nuevo, un hosting y crear un HTML con CSS. La otra es utilizar los servicios de pHome.us.

Es raro, porque pHome.us es un servicio que por ti mismo podrías hacer y quedaría bien, pero la gracia es que con este servicio ya no necesitas el hosting ni el dominio y personalizar la web es sencillo.

Entras a la web de pHome.us que tiene un registro sencillo, añades los links, los acomodas y ya está. Los links se suelen acomodar por grupos que se arman de acuerdo a tus propios gustos.

El resultado terminado es muy cómodo y agradable. Existen varios “themes” para tu página y puedes crear uno propio.

Pero si eso no te basta, pHome.us además de permitirte agregar links te facilita poner un área donde levantar pequeños gadgets llamados “presets”, estos pueden ser un buscador de Google, de la Wikipedia, etc. Puedes crear los tuyos pero no es fácil siempre dados los requerimientos de espacio (el espacio para el “preset” es pequeño)

Dominio

Si te preguntabas si es posible enlazar pHome.us a un dominio te cuento que… no ofrecen ese servicio, pero dado que es una página de inicio, podrías poner una redirección común y corriente por URL y no se notaría la diferencia grandemente.

Si quieres ver el mio es: http://phome.us/ffuentes

Categoría: Diseño Web | No hay Comentarios »

PrintableChecklist - Crear listas de tareas pendientes para imprimir (y cómo montarse el propio en tu servidor)

Escrito por ffuentes el Sábado, 7 de Febrero del 2009 a las 9:24

pcjkl.jpg

Por el nombre es de perogrullo lo que vamos a hablar. Es una web rematadamente simple y fácil entender. Casi que no necesita explicación, vamos, pero lo interesante y hermoso es su sencillez extrema.

La idea de esta web, llamada “Printable Checklist” al menos aparentemente es que podamos hacer listas de pendientes para imprimirlas en el PC y llevárnosla al trabajo o al supermercado. Imagínate una lista de supermercado ya impresa con todos los elementos que hay que comprar, agregarle cosas con lápiz BIC en una lista así se vería muy distinto y hasta es un buen ejercicio mental para evitar el consumismo.

Prácticamente todos los campos son editables, es cosa de hacer clic y reemplazar cada espacio con el texto que nos venga en gana.

¿Y si nos montamos uno en nuestro servidor local / hosting?

Pero lo que me llama más la atención es que si miras bien los elementos, estamos hablando de un simple html bien hecho pero sencillo para hacer lo que tiene que hacer y nada más. Fíjate en el código fuente, no hay nada complejo, de hecho, tomando los elementos listados en el código fuente podemos crearnos nuestra propia web “Printable Checklist”

Yo lo hice, montándome una web igual en el servidor local de mi PC, ese que uno siempre utiliza para jugar o para probar la enésima versión de WordPress. En ese y tomando cada parte de la web me he logrado montar la misma web, claro, sin permiso de nadie (espero que el creador de la web no se vaya a enojar) pero sirve para aprender un poco a curiosear sobre todo si eres como yo, un no profesional del diseño web o de la programación.

Alguien con más conocimientos de diseño podría hacer cambios con esta web y hacer algo más, quizás que se vea de otra forma o hacer que el cuadro se pueda clickear (no se puede ya que se supone que está hecho para rayarlo en el papel). Les invito a curiosear y si hacen algo con esto, me cuentan.

Lo vi en Feed My App. La imagen de arriba es de la web que me monté en mi servidor, vamos, que queda igual.

Categoría: JavaScript, Diseño Web | No hay Comentarios »

Couch.it - Wikis rápidas

Escrito por ffuentes el Domingo, 25 de Enero del 2009 a las 8:16

Hacer una wiki suena fácil, pero yo que lo he intentado puedo decir que no es tan así.

El trabajo de una wiki además del de trabajo en equipo que es lo más importante es que la herramienta sea fácil de entender, el problema es que muchas wikis trabajan con formatos que la gente común, quizás como tú y como yo no entiende. Cosas tan sencillas como no saber hacer un título o subir una imagen pueden hacer que la gente ya no quiera trabajar. Así que hay que facilitar las cosas.

Couch.it

Crear una wiki, sencilla y que funcione es la meta. Couch.it, que es el sitio que he encontrado, ayuda en esa tarea.

Es extremadamente fácil crear la wiki, como quien crea un correo electrónico, con un lenguaje de marcado parecido al de las wikis de siempre pero que trabaja con un editor de texto WYSIWYG (Lo que ves es lo que obtienes). Escribes a un lado con el marcado wiki, pero al lado te aparece una ventana que inmediatamente te informa de cómo queda todo. Y cuentas con botones de letra en negrita, en cursiva, listas ordenadas y desordenadas, etcétera.

Una vez que creas tu wiki, le pones un nombre de subdominio (algo.coach.it) y la “reclamas“, así puedes crearle una clave y controlarla.

Las wikis pueden ser privadas, públicas y abiertas. La diferencia entre una wiki abierta y otra pública es que la pública la puede ver cualquiera pero la abierta puede ser vista por cualquiera y ser editada también por cualquiera (como la Wikipedia en castellano) .

La verdad es que antes de llegar a Informática Práctica ya había encontrado un sistema muy semejante llamado Jottit que si no recuerdan, no estaría de más que lo vieran, es evidente que Couch.it se inspira en Jottit, pero lo mejora y es obvio.

A diferencia de en Jottit, en Couch.it se pueden agregar elementos javascript, por ejemplo, aquí si se puede meter un video de YouTube o prácticamente cualquier cosa que se nos ocurra (siempre que editen o creen una web, por más simple que sea, no abusen de los scripts).

Por mi parte, he creado una wiki y quiero mantenerla, se tratará sobre tumblelogs y si te interesa el tema, ven y aporta algo, que el saber no ocupa lugar ;)

Vi esto en despuesdegoogle

Categoría: Diseño Web | No hay Comentarios »

Plataforma de blogs + Red Social + Tumblr = OnSugar

Escrito por ffuentes el Sábado, 13 de Diciembre del 2008 a las 8:57

screenshot10.png

Plataformas de blogs hay para regodearse y la mayoría tiene las mismas características, no cuentan con nada llamativo, lo cual llega a llamar la atención de vez en cuando viendo cómo evolucionan, por ejemplo, las redes sociales y el llamado “microblogging”.

Como las viejas plataformas como Blogger o WordPress.com no lo abordan lo suficientemente bien, vienen nuevos que se atreven a cambiar la forma en que se hacen las cosas, pues no tienen nada que perder. Así salen ejemplos como OnSugar que es la web que revisamos hoy, la cual tiene su mayor ventaja en juntar modelos de webs ya exitosas remezcladas en una sola.

De partida OnSugar es una plataforma de blogs con las cosas que los blogs normalmente incluyen, hasta ahí todo normal. Pero desde ahí en adelante OnSugar se vuelve distinta al resto de las plataformas.

Es una plataforma simple: Como ejemplo podemos decir que sólo podemos escribir en modo “visual” es decir, sin ver el HTML directamente, aunque podemos incrustar piezas de código HTML a través de un botón especial pero nunca el artículo completo. Se puede organizar la sidebar o barra lateral de la plantilla del blog a través de widgets. Tiene una gran cantidad de plantillas para no tener que tocar nada y empezar a escribir, aunque se pueden crear plantillas nuevas no es posible trabajar con la CSS.

Parecido razonable con Tumblr: Tumblr es una plataforma para tumblelogs, no para blogs pero llama la atención ver que el menú de OnSugar es calcado al de aquel.  Claro, eso si lo han llenado de tipos de posts que ni en Tumblr existen, ellos parecen seguir la filosofía de copiar, pero copiar bien.

OnSugar:

 screenshot81.png

Tumblr:

screenshot91.png

Redes sociales: Al estilo de Tumblr, pero que si desconocen a ésta web seguro habrán visto en Twitter, los usuarios de OnSugar pueden tener “Followers“, es decir pueden seguir a otros blogs de la red y ser seguidos respectivamente.

Además OnSugar da las que ahora consideramos opciones lógicas tales como permitir un dominio propio, importar el contenido desde otra plataforma, y como son red social, un buzón de mensajes.

El sistema también te da la facilidad de ganar dinero a través de su propia plataforma de ingresos: Shopsense que se basa en redirigir tráfico desde tu blog a los de empresas participantes.

En resumen, para ser una aplicación simple es bastante completa dentro de lo que cabe y habiéndola probado puedo decir que no tiene pifias, la web en general es muy cómoda de usar.

OnSugar

Categoría: Diseño Web | 2 Comentarios »

Texto sobre las imágenes con s3Slider

Escrito por J.F. el Martes, 9 de Diciembre del 2008 a las 10:48

s3Slider es un plugin construido con jQuery que nos permite crear un efecto slide show con varias imágenes, además de poder incluir texto encima de las imágenes de una manera muy elegante y atractiva. Para utilizarlo en nuestras páginas web, tan sólo hemos de incluir los archivos js correspondientes a la librería jquery, y al plugin que vamos a utilizar, s3Slider. Luego seguimos las instrucciones que nos da el autor del script, y en unos minutos habremos configurado s3Slider a nuestro gusto.

s3Slider se distribuye bajo licencia Creative Commons, y es compatible con los principales navegadores (Firefox, Opera, Safari, Internet Explorer y Google Chrome). Sin duda un recurso que será de gran utilidad a todos los aficionados al diseño de páginas web, con el que poder dar un toque de elegancia a nuestros diseños, sin necesidad de tener profundos conocimientos.

s3Slider

Enlaces: | s3Slider | Demo

Categoría: Recursos, JavaScript, Diseño Web | No hay Comentarios »

« Entradas previas