El otro día os hablaba un poco sobre Yotophoto, hoy es el turno de Everystockphoto.
Se trata de otro buscador de imágenes libres para nuestros diseños y trabajos, en este caso los editores han ido limpiando los resultados de imágenes con licencias que no permiten el uso comercial o la creación de obras derivadas, sin duda un plus para los que buscamos imágenes para diseños para clientes.
Además, Everystockphoto nos permite crearnos una cuenta de usuario con la que podremos publicar un avatar con nuestro perfil, agregar fotografías a nuestros favoritos, suscribirnos a la lista de correo y participar en los foros de discusión. En un futuro prometen funcionalidades tan jugosas como subir y vender imágenes.
Enlace: http://everystockphoto.com
Hace unas semanas os comentaba la existencia de WikiMatrix, una página web que, mediante una serie de preguntas, nos ayudaba a buscar el CMS o servicio alojado de wikis más adecuado para nosotros.
Leo en Splitbrain que ha visto la luz ForumMatrix, basandose en el mismo principio de facilitarnos la selección de un CMS. De momento nos permite comparar los foros más utilizados para ayudarnos a escoger, aunque está en una fase muy temprana de su desarrollo aún y seguro que pronto nos ofrece un asistente que nos haga la selección aún más fácil.
Enlace: http://www.forummatrix.org/
Es fácil creerse que sólo con utilizar hojas de estilo en nuestros sitios web ya habremos optimizado sus tiempos de carga. A pesar de que, en principio, utilizar CSS aligera los sitios, una hoja de estilo llena de propiedades redundantes o espacios en blanco puede resultar excesivamente pesada.
Ante todo, nuestro CSS debe ser válido y para comprobarlo nada mejor que la herramienta que nos ofrece el W3C
Servicio de Validación de CSS: http://jigsaw.w3.org/css-validator/
Además de crear páginas con código válido, puede ser interesante optimizarlas para conseguir tiempos inferiores de carga. La optimización puede ser un proceso tedioso de hacer a mano y para ello existen gran número de herramientas online. Estas herramientas pueden optimizar tanto el código que lo vuelvan ilegible, por tanto, mi recomendación es que las uséis más como referencia y ayuda a la hora de hacer ajustes a mano.
Clean CSS
CSS Tweak
CSS Formatter and Optimiser
Online CSS Optimiser
CSS Optimizer
Y, como no hay hoja de estilos perfecta sin (x)html válido:
Servicio de Validación de Marcado: http://validator.w3.org/
Si te gustan las animaciones para precargas que usan generalmente las páginas creadas en AJAX y te encantaría poder crear los tuyos propios, completamente personalizados, sin complicarte demasiado, estoy segura de que le sacarás partido a Ajaxload.
Escoge un modelo, color de fondo y primer plano y listo 
Los gifs resultantes también pueden sernos muy útil si ponemos en práctica la técnica de precargas para imágenes con CSS que comentabamos el otro día.
Ajaxload: http://www.ajaxload.info/
Puede que los tipos de letra pixel terminen pasándose de moda, pero de momento siguen abundando por la red. Si, como a mi, te gustan este tipo de fuentes pequeñas, compactas y claras y quieres crear una tuya propia, te encantará BitFontMaker.
Con un interfaz sencillo y cuidado, la creación de tipografías es muy sencilla. Únicamente se echa de menos el soporte para caracteres como “¡”, “¿” o la “ñ”.
Enlace: BitFontMaker
Si necesitas ordenar algunos datos en un gráfico y no quieres complicarte demasiado la vida utilizando suites ofimáticas o programas especializados creo que encontrarás esta herramienta simplemente brillante.
Introduce los datos, selecciona colores, forma, fuente para las leyendas y con un par de clicks listo para descargar en formato png, jpg, svg, pdf, emf o eps
Un ejemplo rápido:
Create A Graph
Si utilizáis, aunque no sea lo recomendado, gifs animados en vuestra página web deberíais utilizar esta herramienta para comprobar que la frecuencia de destello de los mismos no va a resultar molesta para los usuarios, con especial atención en los usuarios epilépticos.
Prueba de frecuencia de parpadeo para imágenes Gif
Vía Accesibilidad, Usabilidad y Estandares Web
Si quieres ir viendo como van quedando tus ideas para código HTML + CSS, prueba Rendr 2. Se trata de una práctica herramienta web que te permite ir viendo los resultados a medida que escribes, muy cómodo para experimentar esas grandes ideas espontáneas.
Sólo funciona con Firefox, para los usuarios de IE, además de la recomendación de cambiar de navegador, una versión algo más fea Rendr
Vía Rojo
Sitening, una empresa de SEO y desarrollo web, nos ofrece dos herramientas gratuitas para comprobar la optimización de nuestras páginas de cara a buscadores:
- Seo Analycer:
http://www.sitening.com/tools/seo-analyzer/
Con esta herramienta podremos pasarle un test rápido a nuestra página para comprobar que nuestro diseño facilita el acceso a ella de los buscadores.
Realizando una serie de pruebas, el Seo Analycer evaluará nuestra página y nos facilitará un reporte que podremos guardar en nuestros favoritos para analizar comodamente nuestra url cuando hagamos modificaciones.
Entre las pruebas que realiza me encanta la opción de visualizar la página en Lynx.
- SERP Tracker:
http://www.sitening.com/tools/serp-tracker/
Para utilizar SERP Tracker simplemente tendremos que registrarnos de forma gratuita y proveer al programa de una clave del API de Google (que es muy fácil retirar en caso de querer abandonar el servicio). Con esta clave, el tracker hará búsquedas a Google sobre los tags que queramos especificar en un dominio determinado y nos devolverá nuestro resultado, si existe, con gráficos.
Podemos hacer consultas por varias etiquetas y sólo nos limita el API de Google (1000 busquedas al día), agregar varios dominios al tracker, hacer la comprobación diariamente, semanalmente etc.
¿Alguna vez te has preguntado cómo ven tu sitio los robots de los buscadores?
Si es así esta herramienta te resultará muy útil, además de mostrarte el contenido de tu página como lo verán los buscadores te da información acerca de densidad de keywords, metadatos, enlaces, encabezados etc.
What search engine spiders see
