Entradas etiquetadas con Desarrollo web
Box of bundles: Lote mensual de recursos gratuitos para diseñadores.
1Últimamente los bundles se están poniendo de moda, pues suelen venir asociados a buenas ofertas de lotes de productos. En este caso se trata de un curioso lote de recursos para diseñadores gráficos que tiene varias peculiaridades. Para empezar es gratuito y prometen sacar una versión nueva cada mes con interesantes novedades. Además, es un proyecto colaborativo, es decir, cualquiera puede aportar recursos para añadir al siguiente lote.
En este primer bundle encontramos muchos contenidos que nos pueden ser útiles, desde diseños para botones, menús e interfaces de reproductores de vídeo, hasta varias plantillas para crear boletines informativos para correo electrónico, pasando por muchos recursos gráficos en formato PSD como iconos o fondos.
Este es el sitio web del proyecto: boxofbundles.com
Solo quedan 3 días para descargar el primer lote, así que si os interesa no esperéis.
Aunque algo que no me queda claro es bajo que licencia se distribuye el contenido, presupongo que al ser un proyecto colaborativo no habrá problema en darle cualquier uso personal o comercial. Pero es algo que deberían especificar en su web.
20 herramientas para llenar maquetaciones con texto y fotos
0Cuando 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.
4Siempre 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.
2Esta 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.
4Una 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…)








Comentarios recientes