Webmaster Libre

Hace unos días os presentaba AboutUrl pero al descubrir Scrutinizer volví a revisarla ya que el parecido era francamente sospechoso y AboutUrl había desaparecido… ¿por qué? Bueno, se me ocurren unas cuantas opciones pero lo importante es que si os habíais acostumbrado a esa herramienta, si teníais pensado usarla no hay problema, usad Scrutinizer

La mejor forma de saber que tipografía usar para nuestra página suele ser ir probando, cosa que puede resultar muy pesada. Con Typetester podremos comparar varios tipos de letra entre sí y en todos sus formatos (negrita, cursiva, mayúsculas, negrita cursiva etc.)

Typetester – Compare fonts for the screen

Via ñBlog

Hace un ratillo he conocido gracias a un post en genbeta una página realmente interesante AboutUrl.com.
Se trata ni más ni menos que una recopilación de herramientas para comprobar “la salud” de tus páginas web.
Introduce tu url en el cajetin y presiona submit, luego ve navegando por los diferentes enlaces para conocer más sobre tu página: su peso, pagerank, si es código válido, si es accesible… Todo lo que siempre quisiste saber y puede que más al alcance de unos pocos clicks.

Es realmente una gran ayuda que nos soluciona la papeleta de ir peregrinando de una aplicación web a otra.

Escoger el color más adecuado para nuestras páginas es uno de los factores más importantes a la hora de plantear un diseño web. El color puede identificarnos, dar un aire u otro a una página e incluso puede imposibilitar su uso a muchas personas.

Ya hace unas semanas os comentaba la existencia de un selector de colores accesible diseñado para comprender como ven las páginas las personas con cegueras parciales al color.

Hoy os traigo un buen montón de enlaces a herramientas que os ayudarán a escoger los colores de vuestras páginas:

Generador de Paletas de Color: Seguro que alguna vez habréis tenido que adaptar los colores de un diseño a la gama cromática de la fotografia del cabecero o simplemente habéis visto una fotografía y os habéis admirado de sus colores y combinaciones. Si es así, esta herramienta hara vuestras delicias: subimos la foto en cuestión y nos genera el esquema de color.

Color Scheme Tool: Un generador online de combinaciones de colores con una estupenda herramienta para previsualizar como interactuan entre si los colores seleccionados.

Color Schemer Online Pinchamos sobre un color y nos muestra el resto de colores en los mismos rangos luego sólo tenemos que ir aclarando u oscureciendo, simple.

Color Scheme Generator: Escogemos un color, un tipo de contraste (monocromo, dos colores, tres colores…) y nos genera una paleta de color, luego podemos escoger esa paleta en tonos pastel, oscuros, claros, etc.

Color Blender: Seleccionamos un color y obtenemos una paleta de 6, una de mis herramientas favoritas.

Color Combos: ¿Te falta la chispita de inspiración? “Roba” la paleta de otra página o echa un vistazo a la galería de temas, fijo que algo se te ocurre.

Y, por último, pero no por ello menos importante

Colour Contrast Check: Al escoger colores siempre es bueno estar seguros de que ofrecen suficiente contraste entre el fondo y el texto. Para los que vemos bien (o casi) no parece importante que la página tenga texto gris sobre fondo gris “algo-mas-oscuro” pero para muchos usuarios algo así es una traba importante y nosotros no queremos tener una página exclusiva para gente con buena vista ¿no?

Supongo que conceréis más, si os apetece compartirlos estaremos todos muy agradecidos.

Están tan de moda los fondos de rayas, franjas, puntos. Si no quieres tener que complicarte y usar programas de edición de imágenes aquí tienes la herramienta:

Background Image Maker

Indícale el tipo de patrón, color de fondo, color de “línea” y aprieta make.
Luego, simplemente deberás incluir la url indicada como fondo en tu hoja de estilos:

background-image:url('http://lab.rails2u.com/bgmaker/slash.png?
margin=3&linecolor=383838&bgcolor=000000’);

Nota: En vuestro código debéis colocar toda la url sin saltos de línea