Diseño gráfico, desarrollo web y software libre.
Desarrollo web
20 herramientas para llenar maquetaciones con texto y fotos
0hace 2 meses
Cuando se hace un nuevo diseño de un sitio web o de una publicación impresa acabamos llenándolo de texto e imágenes de prueba, ya sea para ver nosotros mismos como queda o para enseñárselo al cliente. Muchos programas ya incluyen el típico “lorem ipsu“, todo un clásico de la maquetación impresa, otras veces aporreamos el teclado hasta generar un texto aleatorio, con las fotos pues toca abrir nuestro editor favorito y generar alguna del tamaño que buscamos.
Por suerte existen alternativas, herramientas online que generan de forma sencilla textos e imágenes de relleno. Las hay que buscar probar todas las etiquetas HTML, otras sacarnos una sonrisa con los textos o llenar nuestros diseños de tiernos gatitos. Pero siempre es útil tener una lista a mano.
Empezamos con los textos:
lipsum.com: El clásico “lorem ipsu”, podemos elegir la cantidad de párrafos, palabras, bytes o listas que debe ocupar el texto.
quijotipsum.com: La única que ofrece un texto en español sacado de El Quijote, podemos seleccionar solo el número de párrafos.
chrisvalleskey.com/fillerama/: Saca textos de series conocidas como Futurama o Dexter, entre otras. Podemos elegir cuantos párrafos y si incluye cabeceras y listas HTML. (más…)
Herramientas gratuitas que te avisan si tu sitio web se cae.
4hace 10 meses
Siempre es importante averiguar en el menor tiempo posible cuando nuestro sitio web se ha caído, ya sea por errores en el servidor, de software o problemas de red. Pero por desgracia los webmasters nunca tenemos el tiempo suficiente para visitar todos nuestros sitios web a diario y muchas veces somos los últimos en enterarnos. Incluso si se trata de un trabajo, muchas veces el cliente espera unas horas a ver si el problema se soluciona solo y cuando ve que no es así nos llama ya cabreado.
Para evitar esto podemos instalar en nuestro ordenador algún programa que compruebe cada x minutos si todo funciona correctamente, pero eso solo nos da una visión limitada. Puede tratarse de un problema de red y mientras en nuestro equipo todo funciona a la perfección, otros visitantes con diferentes ISP o de otros países tener problema. Por eso existen servicios que comprueban nuestros sitios web cada cierto tiempo desde distintas localizaciones geográficas, avisándonos por correo electrónico, sms o incluso por teléfono cuando hay problemas. Dentro de estos servicios muchos ofrecen versiones gratuitas, más limitadas en opciones pero igualmente validas. (más…)
40 plantillas HTML/CSS gratuitas y de alta calidad.
2hace 1 año
Esta es una lista de 40 plantillas HTML/CSS de alta calidad y gratuitas. Muy útiles para usarlas como base para nuevos proyectos, inspirarse con nuevas ideas o aprender observando como están hechas. Algunas son HTML5, el estándar de la web del futuro.
La mayoría también incorporan archivos .psd con capas para modificar los gráficos, aunque es un formato de Photoshop deberían poderse abrir con Gimp.
Airlines
Art of Business
Big City
3 herramientas online para optimizar tu sitio web.
4hace 1 año
Una lista de potentes herramientas online que nos permiten analizar múltiples aspectos de un sitio web, lo que nos puede servir para localizar fallos que no conocemos y encontrar soluciones:
Optimización SEO
Web SEO Analytics nos permite tener de forma rápida una visión global del éxito de nuestro sitio web. Nos ofrece desde datos sobre nuestro hosting y dominio, hasta la repercusión que tenemos dentro de las principales redes sociales. Por supuesto también nos hace un resumen de como estamos indexados dentro de los principales buscados y los directorios más importantes, así como las palabras que tienen mayor relevancia de nuestra web y los enlaces que recibimos desde paginas externas. Muy útil y completo.
Análisis de rendimiento
Un sitio web excesivamente lento puede hacer que perdamos muchas visitas y aunque ya tengamos uno rápido siempre hay margen para mejorar. La mayor virtud de GTmetrix es que combina las 2 mejores herramientas para analizar el rendimiento de una página web (Google Page Speed y Yahoo! YSlow), lo que nos da 2 puntuaciones diferentes y una cantidad de datos enorme sobre como acelerar la velocidad de carga. Trata desde temas tan básicos como la compresión de imágenes o el no incrustar CSS y Javascript dentro de los archivos HTML. Hasta otros más avanzados como optimizar la configuración de nuestro servidor o mejorar la forma en que los navegadores hacen cache de nuestros archivos. Muy practico, pues nos evita instalar varias extensiones en nuestro navegador para analizar el rendimiento.
Comprobar la legibilidad del texto
A veces por cuestiones de diseño acabamos usando texto y fondos de diferentes colores, que no siempre serán fáciles de leer para todas las personas. Gracias a esta herramienta detectaremos fácilmente áreas de texto que cansarían demasiado a nuestros visitantes o supondrían un problema para gente con problemas de visión. Muy importante, pues recordemos que el contenido es lo más importante.
¿Conoces otra herramienta que merezca estar en esta lista? (más…)
Internet Explorer y la gente rubia.
1hace 2 años
Esta es una anécdota surgida en una charla con un cliente sobre la renovación de su sitio web. Se trataba de una web obsoleta realizada hace años con Frontpage y dejando de lado su anticuada estética, además se descuadraba totalmente en navegadores que no fueran Internet Explorer.
El cliente estaba empeñado en actualizar solo su parte gráfica dejando su estructura, hecha a base de tablas html. Yo le insistía en que lo más recomendable era hacer un diseño desde cero para que fuera totalmente compatible con los estándares actuales y todos los navegadores. Pero él no estaba convencido de aumentar el presupuesto, pues en su opinión, todos los internautas usan Internet Explorer para navegar. Por lo que el tema se alargó y acabe poniéndole el siguiente ejemplo:
-Imagínate que tienes una empresa que necesita una alta seguridad y quieres que todos lo clientes antes de entrar se identifiquen. Por lo que yo te ofrezco una solución tecnológica para hacer el proceso mucho más cómodo a tus clientes, poner un sensor biométrico que identificara a los clientes habituales por su apariencia y les dejara entrar directamente. ¿Que te parecería?
-Pues muy bien, me ayudaría a ofrecer un mejor servicio.
-Bien, yo instalo el sistema y lo probamos. Funciona correctamente con la mayoría de las personas pero detectamos que falla con la gente rubia. Por alguna razón el sensor tiene problemas para distinguir el pelo de color claro y esas personas tras varios intentos, necesitan finalmente sacar su documentación e identificarse manualmente. ¿Te parecería bien usar ese sistema?
-Claro que no, afectaría a muchos clientes y acabaríamos teniendo quejas.
-Bien, un sitio web es similar a ese sistema de identificación, pues también te permite ofrecerles información y servicios de forma más rápida y cómoda a tus clientes. ¿correcto?
-Sí.
-Y si te digo que en España la gente con el pelo claro supone menos del 20% de la población. Mientras que los internautas que usan navegadores diferentes de Internet Explorer se acercan al 40%.
El cliente se quedo pensando unos segundos, tras lo cual me dijo que desarrollara la web desde cero.
Un ejemplo de que muchas empresas acaban con sitios web incompatibles por no entender realmente el mercado al que intentan adaptarse. Pero, mediante ejemplos como el citado, podemos conseguir que vean la importancia real de causarles problemas al 40% de sus clientes. (más…)
Comentarios recientes