Hablamos de cuatro herramientas muy útiles a la hora de diseñar web:

1. Grid o rejilla totalmente ajustable y configurable que nos puede ayudar en el desarrollo de las hojas de estilos CSS.
2. Regla que permite extraer líneas guía para un mejor ajuste de nuestro diseño.
3. Línea y distancia entre dos puntos. Nos permite marcar dos puntos cualquiera en la web que estemos viendo y nos informará, entre otras cosas, de la distancia entre ambos.
4. Cruz que nos informa de la posición medida en pixeles en la que se encuentra el cursor en todo momento.

Para utilizarlas, debemos visitar la web del autor Allan Jardine y guardar el enlce del botón ‘design‘ con favorito, marcador o bookmark. Cada vez que nos encontremos en una web y queramos utilizar las herramientas debemos seleccionar el marcador guardado y aparecerá la imagen/menú de las mismas en la zona inferior derecha de la página.

Es sistema se basa en la descarga de las funciones javascript necesarias cada vez que lo llamamos, por lo que para su utilización debes tener activado en el navegador el uso de javascript. No requiere de instalación de ningún tipo de software o plugins y funciona bajo firefox 2+, IE 7, Safari 2.0.4+ y Opera 9.2+

Enlace.- Allan Jardine | Design

Otra de las herramientas para guardar nuestros documentos y compartirlos en la web. Scribd se distingue por convertir los documentos a flash que podrás insertar, mediante el código que se suministra para cada uno de los que subas, en tu web o blog. Una vez visualizado en tu sitio, el usuario podrá bajarse el documento convertido a formatos como pdf, ms word, texto plano o mp3 (??).

En las pruebas que he realizado me ha parecido que los tiempos de descarga son bastante decentes, el acceso a la cuenta de usuario muy fácil y intuitivo aunque se encuentra en inglés y el registro de usuarios es inmediato y solo requiere de un mail válido para asociarlo a la cuenta.

Y ese no es el único formato al que convertirlos, puedes elegir entre los siguientes: DivX, mov, mp4 o 3G.

Se trata de una herramienta online -aunque tienen software disponible para su descarga aún está en fase beta (que por cierto caduca el 30 de marzo)- con un funcionamiento muy sencillo. Sólo tienes que introducir la URL del vídeo a convertir YouTube en el formulario, elegir el formato al que convertirlo entre los que aparecen en el desplegable y pulsar el botón ‘start‘. Tras unos minutos de espera (supongo que dependerán del peso del fichero) dispondremos del vídeo en el formato elegido para su descarga.

Enlace.- http://vixy.net

Sitios para almacenar online archivos y compartirlos hay muchos. El que comento aquí tiene la particularidad de que nuestros vídeos y audios los convierte a flash para que podamos incrustarlos en nuestra web o blog. Para ello nos aporta un código que una vez copiado y pegado mostrará el control multimedia para acceder al contenido o la dirección para la descarga o link del mismo.

El espacio que nos proporcionan con su cuenta gratuita es de 5 gb. con un tamaño máximo por archivo de 200 mb. y un máximo de descarga mensual de 50 gb.

El registro se hace en pocos minutos, lo que tardemos en rellenar el formulario (nombre, email, y paswword) y responder al correo electrónico que nos envían para activar la cuenta.

El sitio está en inglés pero su manejo es fácil e intuitivo, permitiéndonos, además de las acciones habituales, crear carpetas para organizar nuestro contenido. Muy recomendable.

Link.- divShare

Por más que se habla de la web 2.0, no terminamos de entender el concepto. Son muchos los compañeros y compañeras que me preguntan qué es. Estamos inmersos en ella, la utilizamos diariamente y, sin embargo, somos incapaces de acercarla a nuestras aulas, utilizarla en nuestras clases, aprovechar las bondades de la misma y…..

… sobre todo, actualizarnos a profesores y profesoras 2.0

El vídeo siguiente nos acerca de manera clara a los conceptos de la misma y a los servicios y herramientas que nos permiten utilizarla.

Realizado por el Area Educastur y Servicios en Línea de la Consejería de Educación del Principado de Asturias. Puedes acceder al texto completo y enlaces del mismo en formato pdf desde este enlace.

Capturadores de web he probado muchos, pero este que comento hoy tiene varias características que lo hacen más que interesante. A saber, es un una herramienta online, es gratuito y ,como característica más importante, te devuelve un fragmento de código html junto con la imagen de tal manera que conserva los enlaces que hubiera en ella.

Aunque la web está en inglés, su funcionamiento es simple. Introducimos la url o dirección de la página a capturar, elegimos el tamaño deseado, seleccionamos la parte deseada mediante un rectángulo que dibujaremos con el ratón, y hacemos clic en el botón ‘cut out’. A continuación se nos presenta la imagen y el código html con los enlaces dentro de la misma. Podremos seleccionar si queremos un borde, las esquina redondeadas o una sombra.

Para que el proceso sea lo más rápido posible, en la parte inferior de la página se nos ofrecen unos enlaces para convertirlos en marcadores o favoritos de tal manera que cuando estemos en una web que nos interese podamos capturarla simplemente pinchando en ellos.

Link.- kwout

Blue Vertigo | Web Design Resources Links

Una gran recopilación de enlaces a sitios que ofrecen, de manera gratuita la mayoría de ellos, recursos de lo más variopinto.

Desde imágenes con distintos tipos de licencias (incluidas creative commons), hasta archivos para “Poser” (programa de generación de figuras humanas en 3D), pasando por iconos, herramientas para utilización del color, generadores de texto aleatorio (tipo Lorem Ipsum), pinceles para photoshop, sonidos, logos, tipos de letra o clipart vectoriales.

En definitiva, una web que no debe faltar entre tus favoritos.

Otra web del grupo “eezy”, Brusheezy, ésta dedicada a los pinceles y motivos para photoshop. En línea con la que se analiza en el post anterior “Vecteezy, vectores para tus diseños“, tanto los pinceles como los motivos son de uso libre según licencias creative commons.

Para usar los pinceles o los motivos deberemos cargar el fichero correspondiente desde los menú contextuales de las herramientas señaladas. Una vez hecho esto podremos utilizarlos como si se trataran de los que incorpora photoshop.

Vecteezy es, como su logo indica, un nombre estúpido detrás del que se encuentra una web con una gran colección de formas vectoriales listas para descargas y usar libremente.

Cada uno de los diseños, algunos de reputados ilustradores y artistas, se ofrecen bajo alguna de las formas de la licencia creative common de la que somos informados antes de la descarga.

Podemos encontrar los vectores en los formatos más utilizados como eps (Encapsulado PostScript), ai (Adobe Illustrator), cdr (CorelDraw), …, por lo que podremos adaptarlos (aquellos cuya licencia lo permita) con programas de diseño vectorial o colocarlos en nuestras imágenes mediante programas de manipulación digital de imágenes como photoshop.

Desde el menú lateral de la galería podemos filtrar los diseños atendiendo a criterios como la categoría, el tipo de fichero o la licencia de uso. La búsqueda de un diseño a nuestro gusto se hace por lo tanto fácil y ágil, ya que la navegación entre los resultados del filtro es visual mediante thumbnails o miniaturas de los mismos.

¿Cuántas veces hemos buscado imágenes o sonidos para incluir en nuestras producciones de actividades para nuestros alumnos y alumnas?. En la mayoría de los casos simplemente buscamos por internet (google imágenes) o pasamos a mp3 el CD que nos presta un colega y los incluimos en nuestra obra. En principio sirve para nuestros propósitos, pero los recursos que hemos utilizado tienen probablemente unos “Derechos de Autor” que estamos pasando por alto.

Muchos de nosotros pensamos “¿bueno y qué?, yo los utilizo con fines educativos y sin ánimo de lucro”. Bien, aunque sea este el caso estamos, lo que hacemos no es legal. Además el problema se agrava cuando el material que producimos es bueno e interesante y se lo pasamos a otros compañeros y compañeras para que lo utilicen o lo colgamos en internet para compartirlo con todo el mundo.

La solución para estos casos pasa por la utilización de material Creative Commons, es decir, material que puede ser compartido por distintos usuarios. Dicho material no es de uso totalmente libre, está sujeto a las limitaciones que el autor desee (como puede ser la obligación de hacer referencia del mismo, el que la obra generada se comparta con el mismo tipo de licencia, la disponibilidad o no de sus uso comercial, …). Para ampliar este tema puedes seguir este enlace a la web de Creative Commons España. (El material de producción propia de este blog está bajo una licencia de este tipo como se puede ver en el icono del píe de página).

Existen buscadores de este tipo de material (google sin ir más lejos puede utilizarse para ello desde su página de búsqueda avanzada), aunque escribo este post para traer hasta aquí dos bancos de recursos multimedia organizados por tipo y categoría creados especialmente para el profesorado. Seguro que muchos de vosotros y vosotras (profesorado) ya los conocéis.

El primero de ellos es el Banco de Recursos del Ministerio de Educación. En él podemos encontrar imágenes, sonidos y señales (el icono de video está en el momento de escribir esta entrada inactivo), organizados por categorías, que podremos descargarnos a nuestro ordenador después de aceptar los términos de la licencia.

El otro se trata de Mediateca de Educa Madrid. En ella encontraremos vídeos, fotografías y sonidos organizados por categorías. En cada uno de los materiales se nos presenta la licencia a la que están sujetos. En la categoría de matemáticas de la sección de vídeos tienen una buena cantidad de vídeos realizados por profesorado en los que se explican conceptos matemáticos para secundaria o bachillerato como ecuaciones, límites, factorización, … (perdonad mi fijación con las herramientas tic para a enseñanza de las matemáticas pero en mi asignatura).