Se acabó tener que embeber fuentes en flash, o usar imágenes de background y ocultar los textos por ahi.

Gracias a Google ahora tenemos una serie de fuentes de todo tipo que podemos usar tan facilmente como quien usa la Times new Roman. Y, hasta donde yo sé, compatible con todos los navegadores :D

El modo de uso no puede ser mas facil:

Eliges tu fuente favorita, e introduces en tu head un link a su hoja de estilos:

ejemplo:

<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Indie+Flower”>

Donde Indie+Flower es el Font API parameter name de la tipo que he elegido.

Luego añades ese estilo al texto elegido:

body{ font-style: ‘Indie Flower’; }

y ya tienes tu estilo!

Yo he usado aquí Indie Flower y Schoolbell.

Demos en funcionamiento:

Black | White

He cuidado que sea un diseño sencillo aunque dinámico, para hacer fácil la navegación y no quitar el foco de lo que realmente importa en la página: las fotos.

Dos versiones, blanco y Negro, aunque se podría estudiar una version personalizada a petición, creo que las dos versiones que hay son las más adecuadas para no quitar el foco a las fotos.

Tiene un carrusel de fotos en la pagina principal, y posibilidad de varias galerias en la sección adecuada.

También en el apartado de Bio cuenta con varias secciones opcionales. y por supuesto con un formulario de contacto con validación dinámica, que podéis utilizar para pedir información si os interesa alguno de los modelos.

El hecho de que estas páginas esten hechas ya, a la espera de adaptarlas al contenido del que este interesado, hace que los costes se reduzcan considerablemente, así como el tiempo de creación.

Si se desea personalizar algo más el diseño hay posibilidades de modificar los estilos, o por supuesto, el logo de arriba a la derecha.

Espero que os gusten.

Es por eso que he decidido crear un servicio para cubrir esta demanda, tratando de reducir costes y tiempo sin renunciar a un diseño innovador.

He creado un CV online ejemplo como base del que puede ser tu CV. En una sola página para evitar una navegación complicada. Adaptada a todos los navegadores y pantallas. Sencillo y funcional, con secciones para publicar tu experiencia, tu carta de presentación, tu portafolio en imagenes, videos o cualquier formato web, y por supuesto un formulario de contacto dinámico y seguro a prueba de Spam y trolls.

Demo en funcionamiento

En el paquete se incluye:

• El diseño de la imagen de portada, al estilo de la imagen de ejemplo
• Adaptación del contenido de tu CV al formato de la web
• Búsqueda y contratación de dominio y hosting necesarios para la publicacion de tu CV en tu propia web (Tu CV en www.tunombre-tuapellido.com/es o la direccion que tu quieras.)
• Adaptación del formulario de contacto para que reciba tus mensajes en tu propio email
• Preparación del CV para un mejor posicionamiento en Google y otros buscadores
• Otras tareas para personalizar tu CV y que hable de ti como se merece.
• Mantenimiento y adaptación a los constantes cambios en los estandares webs para procurar que siempre cumpla y se vea bien.

Todo esto por sólo 300€, y un tiempo garantizado de menos de 2 semanas de producción para tener tu página funcionando. Esta es una oferta especial de lanzamiento hasta el 15 de marzo!

Y acumulable a esto a todos mis amigos de Facebook a fecha de Hoy hay un descuento de 50€, y otro de 30€ a los amigos de mis amigos!

De manera opcional también se pueden hacer adaptaciones del modelo al contenido de tu CV, tales como:

• Más secciones/pestañas de contenidos
• Diseño diferente de la imagen de portada (Puedes elegir entre todos los estilos de la tienda) y cambio, con ello, de los estilos y colores de la web para adaptarse al nuevo diseño
• Creación de un blog en tu nueva Web, con estilos similares a los de tu CV.
• Creación de un email  con tu dirección, al cual lleguen los mensajes de tu formulario de contacto.
• Autorespondedor para tus emails recibidos.
• etc… sugiere tus ideas!

El CV de ejemplo, tal y como esta es perfecto para artistas gráficos, infografistas, diseñadores 3d, fotógrafos, ilustradores, pintores,  diseñadores de moda, escultores, artesanos, actores, modelos y otros artistas escénicos, arquitectos… aunque con muy pocas modificaciones puede adpatarse al CV de todas las profesiones!

En estos días, iré creando nuevos estilos y formatos para que tengáis más posibilidades de adaptar vuestros CVs.

De momento los interesados podeis poneros en contacto conmigo a traves de mi formulario de contacto o desde el formulario de contacto del propio CV de ejemplo (y así comprobais como funciona de bien ;) )

Actualización:

Voy poniendo por aquí otros ejemplos:

• Artist
• Professional

Hace un tiempo vi por ahí a alguien que hizo este efecto en su FB. Me gusto, y lo he adoptado. creo q es bastante fácil pero para quien no sepa hacerlo le explico los pasos que he seguido.

1º- Se hace una captura de pantalla y se pega en un archivo Nuevo en Photoshop.

2º- Se crea una capa nueva y dibujamos en ella 5 cuadrados negros que coincidan con las imagenes de arriba. Yo he usado trazados, que luego he rellenado de negro.

3º – Abrimos la imagen que queremos usar y la incluimos en nuestro archivo, en una capa por encima de los cuadrados.

4º – Click derecho en la capa de la imagen y seleccionamos la opción: crear mascara de recorte. Así vemos como quedaría.

5º- Con la capa de la imagen seleccionada CTRL+T y escalamos, movemos y giramos nuestra imagen hasta que quede bien.

6º- Guardamos cada imagen, para eso usaremos la herramienta recortar y recortaremos la imagen de la izquierda lo mas fielmente posible. Una vez recortada eliminaremos la capa del cuadrado negro de debajo para evitar trasparencias. y guardamos con el nombre 5.

7º- Volvemos hacia atras en el historial 2 pasos y hacemos la misma operacion con la siguiente foto, q se llamara 4, y así con todas.

8º- En el Fb dependera de vuestra privacidad y vuestras preferencias. Podéis meter estas imágenes en una carpeta nueva y editar privacidad para que la vea quien vosotros querais, o podeis ponerla en vuestras imagenes de perfil y abrir la privacidad de este (si no lo teneis abierto ya) para que lo vea todo el mundo. En cualquier caso, Has de colocar las fotos en el orden correcto, y tagearte en el orden correcto. Si las has puesto de perfil, asegurate de volver a cambiar la foto principal de tu perfil después.

El efecto no se pierde cuando sois tageados porque podéis eliminar las fotos en las q sois tageadas de vuestro perfil pasando el ratón por encima y cliqueando en la X. Seguiríais estando tageados, pero no aparecería en vuestro perfil.

Podéis ver el resultado aquí.

Eso es todo. Si tenéis dudas, comentad, q no muerdo.

Se trata de una empresa de asesoramiento empresarial.
Me consta que detrás hay grandes profesionales, con buenos colaboradores en todo tipo de campos, dispuestos a mejorar completamente la imagen y la presencia de todo tipo de empresas, así como a iniciar con buen pie a las empresas que estén empezando.

A parte una de los fundadores es mi hermana :)

Para la pagina, que he montado en colaboración con ella he usado jquery y php, a destacar los scripts de Accordion, jCarousel, FancyZoom y SendEmail.
Es el primer trabajo web que hacemos juntas, y creo, por lo bien que nos ha ido, que no será el último.

A partir de ahora si alguien tiene una empresa que montar, o quiere renovar su negocio, que no se corte en preguntar en Reimaginalo si quiere un buen precio y resultado.

Ps. El blog de la web esta en camino.

Avatares para todos, he aqu? los sitios q a m? m?s me han gustado y el resultado (personal, en este caso) q se puede sacar de cada uno:

Face Your Manga

South Park Studio

Simpsonize me

Estos son mis favoritos, pero he visto m?s. En cualquier caso si alguien conoce algun otro que merezca la pena, q lo diga…

(Gracias Helen por la aportaci?n)

Hay concursos de todo tipo: dise?os de p?ginas completas, logos, camisetas, banners…

Merece la pena echarle un ojo.

Fuente: Bitelia

- Top 50 graphic design blogs – En Ingles, Da un repaso por los blogs mas importantes en este campo. Con una peque?a descripci?n del contenido de cada uno

-Top 50 blogs de diseno – Inspirada en la anterior pero en nuestro idioma. Con descripciones m?s extensas.

Creo q le dan demasiada importancia al PageRank en ambos casos. No es q no sea importante, creo q es solo una manera de puntuarles sin mojarse demasiado.

Se agradece en ambos casos la b?squeda y la selecci?n, q se ve q esta muy estudiada, algunos blogs ya los conoc?a pero me parece q mi lector de Feeds no va a ser el mismo a partir de ahora

M?s en http://www.hyperwords.net/