Webmaster Libre

Mantenerse al día de lo que se hace por ahí, seguir al hilo de las modas y nuevas tendencias, buscar inspiración para ese diseño web que se te hace imposible o simplemente disfrutar del buen trabajo de muchos diseñadores… Si te apetece echar un vistazo a lo mejorcito del diseño web no puedes dejar pasar estos enlaces:

CSS Import: http://www.cssimport.com/
Stylegala: http://stylegala.com/
CSS Drive: http://www.cssdrive.com/
Web Creme: http://webcreme.com/
Screenblog: http://tom.ma/screenblog/
CSS Beauty: http://cssbeauty.com/
Unmatched Style: http://www.unmatchedstyle.com/
CSS Zen Garden: http://www.csszengarden.com/
CSS Mania: http://cssmania.com/
Design Shack: http://www.designshack.co.uk/
CSS Thesis: http://thesis.veracon.net/
Liquid Designs: http://www.cssliquid.com/
CSS Elite: http://www.csselite.com/gallery/
Dark Eye: http://www.dark-i.com/default.aspx

Ya sabéis, como siempre si conocéis alguna más que me haya dejado en el tintero podéis añadirla a los comentarios.

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

En Open Clipart encontraréis una creciente galería de imágenes clipart para utilizar libremente en cualquier tipo de proyecto.

Se trata de un archivo de contribuciones de usuarios, puestas a disposición bajo licencia libre (dominio público según las guías de Creative Commons)

Y ya sabéis, si tenéis algo de talento con el Inkscape colaborad, los más torpes con el dibujo os lo agradeceremos en el alma

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.

En ocasiones puede resultarnos muy útil conocer toda la información posible sobre el navegador que estamos usando: tamaño de ventana, plugins, profundidad del color.

Con What’s My Browser Size con sólo visitar su página obtendremos información extendida sobre nuestro navegador e incluso enlaces para descargar algunos plugins comunmente utilizados.

Quién sabe, quizá te saque de un apuro cuando debas usar un ordenador extraño o a la hora de reportar problemas con una página web.

Cada día proliferan más los wikis, los hay de todos los colores y sabores, para instalar en tu espacio web o preinstalados, con base de datos, sin ella, más o menos complejos, con más o menos prestaciones…

Generalmente, a la hora de montar un Wiki tendemos a mirar qué han usado otros y, si nos gusta como les ha quedado, usar lo mismo. Esto puede llevarnos a frustraciones ya que lo que es bueno para otros puede no ser tan bueno para ti.

Para facilitar el asunto, en Wiki Matrix nos ofrecen herramientas para decidirnos.
Disponemos de un asistente que, por medio de preguntas, nos ayudará a determinar qué wiki(s) se adecuan más a nosotros. El test suele arrojar múltiples resultados y, para aclararnos aún más, podremos compararlos en la misma página.

Al final, la decisión siempre es nuestra pero al menos habremos recibido una orientación objetiva mas allá del “A mi me funciona muy bien …”

Enlace: http://www.wikimatrix.org/

Cuando diseñamos páginas desde Linux nos encontramos muchas veces con la imposibilidad de comprobar si el código perfectamente acorde al estandar funcionará. No es nuestra culpa, algunos navegadores se comportan ajenos a las especificaciones y manejan ciertos elementos como les viene en gana (Internet Explorer se lleva la palma, como no).

Con Browsershot sólo tenemos que introducir nuestra url, esperar un poquitito a que se procese la petición (está en fase beta aún) y listo, si nos metemos en las opciones podremos decidir qué navegadores se utilizarán para las capturas, a qué resoluciones y cuantas páginas de scrolling deberá abarcar el screenshot. También nos podremos hacer media idea del tiempo que van a tardar las tareas en hacerse (actualmente es bastante, paciencia)

Enlace: http://browsershots.org
Capturas de este sitio: http://browsershots.org/website/963262/ (la captura que corresponde a explorer 6 se comporta extraño pidiendo el plugin de flash, que esta página no usa, supongo que será un fallo…)

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

Mientras Google sigue enviando con cuentagotas las invitaciones para Google Analitics surgen otras iniciativas con la intencion de proveer al webmaster de herramientas para controlar las estadísticas de sus páginas.

Lodgy.com es uno de estos servicios. Su aspecto y características hacen que sea un servicio muy atractivo y sencillo de usar.

Crearse una cuenta es gratis, una vez creada añadimos una página web, se nos dará un código para insertarlo en nuestra página y listo.

Las estadísticas que se nos darán son muy detalladas, diferenciando visitantes únicos, páginas vistas, origen de las visitas. Podremos visualizar tanto un histórico de nuestras visitas como los detalles de los últimos cuarenta visitantes.

Ah, y si no te decides a darte de alta sólo por referencias disponen de una demo donde probar sus características antes de darte de alta.

Yo ya he dado de alta mis páginas en él y ¿vosotros?

Via: Genbeta