Diseño gráfico, desarrollo web y software libre.
Desarrollo web
¿Qué resolución real tienen la mayoría de internautas?
3hace 2 años
Cuando un diseñador web empieza un nuevo proyecto las primeras preguntas que debe hacerse son:
-¿Un diseño fluido o estático? y de ser estático, ¿qué resolución usaran la mayoría de los visitantes en el sitio web?
Preguntas no siempre fáciles de responder pues aunque tengamos una idea aproximada de las resoluciones más usadas, no tenemos sobre la mesa estadísticas fiables.
Actualmente no cabe duda de quien tiene más datos sobre los internautas, Google. La cantidad de información que maneja es incluso preocupante pero en este caso nos resultara muy interesante. Partamos de la base de que es casi imposible que, durante un mes, un internauta no visite el buscador de Google o alguna web con Analytics, se puede decir que tienen todos los datos reales y además actualizados. Por eso la nueva herramienta resulta extremadamente útil:
Analiza la legibilidad de los textos con Checkmycolours.
1hace 2 años
Checkmycolours es una herramienta que sirve para analizar los textos de una página web, comprobando si son legibles para cualquier persona. Lo hace comparando el contraste y luminosidad de los textos con el color de fondo. Algo que puede parecer trivial pero que muchas veces se nos olvida a los diseñadores web, pues nos concentramos en hacer un diseño atractivo y podemos acabar con textos difíciles de leer para personas con problemas de visión. Y aun entre las personas que ven bien, no es lo mismo leer un texto claro que uno capaz de cansarnos la vista con rapidez, motivo por el que podemos perder muchas visitas.
Por eso me ha parecido interesante esta herramienta, con Checkmycolours obtenemos de forma rápida un resumen de la legibilidad de los textos que tenemos en nuestro sitio web. Además, nos avisa cuando el contraste entre un texto y el fondo es insuficiente según el algoritmo propuesto por el W3C y nos permite hacer pruebas en tiempo real cambiando los colores.
Aparte hay que admitir que el creador ha conseguido una interfaz sencilla de usar y muy bonita a nivel gráfico. (más…)
ViewLike.us, visualiza un sitio web en varias resoluciones.
1hace 2 años
Cuando creamos un sitio web siempre debemos tener en cuenta como se adapta a diferentes resoluciones de pantalla. Existen herramientas que nos permiten hacerlo fácilmente, como por ejemplo la estupenda extensión Web Developer de Firefox, o también podemos cambiar a mano la resolución de nuestro escritorio aunque resulta una molestia.
Una alternativa rápida es ViewLike.us, un servicio web muy simple pero efectivo. Solo debemos de indicarle la dirección del sitio web a probar y pulsar en el botón de la resolución deseada para que nos previsualice la web en un cuadro de ese tamaño mediante Ajax. Las resoluciones que nos ofrece son las más estandarizadas (incluyendo la Wii y el iPhone), aunque se echan de menos algunas panoramicas y sobretodo poder crear otras nuevas manualmente. No es la herramienta del año pero en ocasiones resulta útil. (más…)
8 trucos para proteger tu blog con WordPress de intrusos.
2hace 2 años
Si tenemos nuestro propio blog con WordPress es importante tomar medidas básicas de seguridad para que cualquier desaprensivo no pueda dañarlo. Estos trucos que he recopilado son para gente que tiene instalado WordPress en su propio hosting y aunque no impedirán que un experto en seguridad puede fastidiarnos, si nos protegerán de los típicos script kiddies o lammers.
1. Tener siempre la última versión:
Con cada nueva versión WordPress no solo añade novedades, también corrige importantes fallos de seguridad. Actualizar a menudo es imprescindible en cualquier CMS.
2. No informar sobre que versión de WordPress estamos usando:
Por defecto WordPress pone en el código fuente del blog la versión que tenemos instalada. Esto puede ayudar a un atacante a aprovechar fallos de seguridad conocidos, especialmente si se trata de versiones antiguas. Ese dato es sencillo de eliminar, solo deberemos cambiar en el archivo header.php de nuestra plantilla el siguiente código:
<meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” />
Por este:
<meta name=”generator” content=”WordPress” />
3 estupendas herramientas online para crear menús con CSS.
2hace 2 años
Crear un menú con estilos CSS es relativamente sencillo pero no siempre tenemos el tiempo o los conocimientos necesarios para hacer el menú que buscamos. Como ayuda existen 3 herramientas online que nos pueden resultar útiles:
izzymenu.com: Impresionante, para empezar nos da bastantes opciones para personalizar cada menú. Pero es que además cuenta con cientos de diseños predefinidos de muy buena calidad, tanto creados por los editores como por los propios usuarios. Incluso podemos generar menús animados con Jquery.
Su peor defecto es la forma exagerada de mostrar la publicidad, hasta en los archivos que descargamos aparece publicidad de su CMS (que por supuesto podemos eliminar). Otra desventaja es tener que registrarse para poder usar todas las opciones.
cssmenubuilder.com: Otra estupenda herramienta que además genera código bastante más “limpio”. Su galería de menús predefinidos en mucho más corta pero a cambio podemos modificarlos totalmente sin necesidad de tocar el código.
La única desventaja que le encuentro es que no podemos generar la estructura de enlaces desde la propia herramienta. Aunque tampoco es ningún drama pues la propia herramienta nos permite crearla a mano.
cssmenumaker.com: Una opción más simple, contamos con una galería de unos 80 diseños predefinidos pero que no podemos modificar estéticamente. Como ventaja si podemos generar la estructura sin salir de la herramienta, incluyendo submenús. Es interesante, aunque mucho menos potente que las 2 anteriores. (más…)
Comentarios recientes