Archivo de la categoría: Tutoriales

Recursos interesantes: 15 CSS Spinners

Unos recursos interesantes. Spinners css.

spinners

> Para verlos, pulsar sobre la foto

 

 

Lee el resto de esta entrada

Como crear un timeline con html5 y css3

Los timelines o líneas de tiempo, son una forma de representación gráfica que facilita en gran medida la muestra de gran cantidad de datos o información; Con una línea de tiempo podemos “enseñarle al usuario” los datos ordenados y con una progresión lógica, y aquí tienes una forma de hacerlo en nuestra web, usando capas con HTML5 y Css3:

Timeline

Lee el resto de esta entrada

Como grabar un CD o DVD en Mac sin programas externos

Hay usuarios que desconocen que pueden copiar un CD o un DVD con su Mac directamente con el propio sistema opeorativo y sin necesidad de instalar programas adicionales para hacerlo. Disponemos de diferentes opciones para grabar archivos, un cd musical, películas o imágenes de disco.

¿Quieres saber como?:

copiar-cd

Lee el resto de esta entrada

Como crear una imagen con reflejo

He encontrado un recurso que puede resultar interesante para crear un reflejo en una imagen. Si no sabéis utilizar algún software profesional de imagen (como Photoshop, por ejemplo) o simplemente si queréis una solución rápida (y sin necesidad de instalar nada en vuestro equipo), os va a interesar:

El resultado es el siguiente y es posible configurar diferentes parámetros.

reflectedImage

Lee el resto de esta entrada

Novedades de HTML 5

Trabajando con algunas de las “novedades” de HMTL 5, he pensado en recopilar en un post estas sencillas novedades para que podáis incorporarlas a vuestros proyectos, espero que os guste.

1. Comienzo de la pagina. El Doctype

Podemos cambiar el tradicional doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Por el nuevo doctype de HTML5:

<!DOCTYPE html>

Lee el resto de esta entrada

Como crear infografías

¿Te apetece crear infografías de calidad? A continuación te enseño algunos recursos gratuitos que podrán resultarte interesantes.

diseño

Lee el resto de esta entrada

Mapa de empatía o empathy map

Resulta muy útil, observar un modelos de negocio para dibujar el perfil del segmento de clientes al que éste se dirigirá. Un buen modo de hacerlo es mediante un mapa de empatia o empathy map, que sirve para profundizar en el segmento de clientes deseado más allá de ciertas características demográficas y centrarnos en su entorno, su comportamiento, preocupaciones y aspiraciones.Tratamos de “ponernos en la piel” de nuestro cliente.

 

Para llevarlo a cabo, se dibuja una cara y se busca respuesta a estas preguntas: ¿qué piensa?, ¿qué dice? ¿qué ve?  y ¿qué escucha?. Así pretendemos identificar o conocer sus necesidades ( Pain ) y sus deseos( Gain ).
mapa de empatía

10 Páginas para crear fondos de pantalla online

10 páginas sencillas y muy útiles para crear backgrounds o fondos de pantalla en segundos. Desde patrones a fondos variados, todos los recursos necesarios para crear preciosos fondos para twitter, wordpress, etc.

 

1. PatternCooler.com

Pattern cooler

2. BgPatterns.com

bgpatternscom

3. Patterns by ColourLovers.com

patterns-by-colourloverscom

4. StripeGenerator.com

stripegeneratorcom

5. StripeMania.com

stripemaniacom

6. StripedBgs.com

stripedbgscom

7. StripeDesigner.com

stripedesignercom

8. TartanMaker.com

tartanmakercom

9. Dotter by PixelKnete.de

dotter-by-pixelknetede

10. BgMaker by Ventdaval.com

bgmaker-by-ventdavalcom

 

A %d blogueros les gusta esto: