tutoriales html5 y css3

con la llegada de los nuevos estándares html5 y css3, todas aquellas personas que nos dedicamos a este cuento del diseño web, nos hemos tenido que poner al día con estos estándares y todas las nuevas opciones que traen, como las sombras de elementos, esquinas redondeadas, fuentes propias, eso hablando de css3 y los nuevos elementos que trae html5 como header, footer, section, nav, etc…

si bien no es difícil aprender a usar estos nuevos estándares, porque la verdad solo trae funcionalidades que nos facilitan mucho la vida, lo mas complicado es aprender a diferenciarlos y saberlos implementar por eso hoy voy a colocar algunos de los tutoriales que se encuentran en la web.

1. HTML 5 Tutorial
   

continuar »

logo google

Siguiendo la costumbre Google de cambiar el logo para conmemorar fechas especiales, hoy celebra el cumpleaños de Josef Frank, sin embargo no se si es que soy yo o que, pero no entiendo o no veo la palabra google en la imagen para esta fecha; a alguien mas le pasa eso???

google font directory

buscando nuevos tipos de letras para el nuevo diseño del sitio me tope con este nuevo servicio de google, que todavia esta en su versión beta, llamado Google Font Directory; este servicio nos permite usar funtes bajo una licencia de codigo libre y usarlas en nuestra web, sin embargo tambien permite usar fuentes propias.

para comenzar a usarlo solo debemos colocar entre las etiquetas head lo siquiente:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
</link>

y luego colocar en la hoja de estilos esto:

font-family: 'Tangerine', serif;

continuar »

Invitaciones para LOCKERZ

Desde hace unas semanas que algunos amigos me comentan sobre Lockerz, una empresa de EEUU que a simple vista regala premios, algunos muy caros, solo por responder unas simples preguntas y entrar a diario a su web.

Lo que es seguro es que no son un scam ni estafadores, es solo un modelo de publicidad para luego lanzar una tienda online real para venta de objetos tipo Amazon, pero por el momento no paran de enviar regalos a todo el mundo.

Como funciona Lockerz?

Actualización:

Siendo user común entras y presionas sobre la fecha que aparece abajo a la izquierda ganas 2 PTZ (abreviación de pointz) y 2 PTZ más por responder la pregunta diaria, no sumas puntos si respondes una pregunta vieja, aunque estas seguirán estando en tu panel. Además 2 PTZ por cada amigo referido.

Si alcanzas la suma de 20 amigos invitados y activos pasas a ser un miembro de la Z-List y con ello te envían una remera de regalo, por eso durante el registro te piden el talle cosa muy rara que nunca vi en otro formulario de registro, y en vez de sumar 2 PTZ (preguntas, clic en fecha y referidos) sumas 4 PTZ.

Como se canjean los premios?

Hay días especiales llamados “Redeem Time”, tienes que estar atento porque el stock de productos no suele ser muy grande y el tiempo de canje no supera los 5 minutos, si eres un afortunado veras la pantalla de “Fresh out”, donde deberás corroborar tus datos de registro y completarlos en el caso de que falte algo.

Actualización: Acaban de anunciar que mañana se conoceran más detalles de la nueva implementación de “Reddem Time”, parece que seran 4 por mes y avisaran antes de largarlas.

Que premios hay?

Acá la parte jugosa, los premios en Lockerz van desde dinero en Paypal o Amazon, pasando por una sección de merchandising hasta lo mejor, una colección de gadget que cualquiera desearía: iMac, Macbook, iPod Touch, Apple Magic Mouse, PS3, Wii, Xbox y un par más de cosas muy buenas.

Y no son premios inalcanzables, por ejemplo un “New iPod Touch 64GB” se canjea por 800 PTZ, Cristian ya tiene en su poder una XBOX 360 que cambio por 675 PTZ.

Como puedo registrarme en Lockerz?

Por el momento no puedes ir a la web y registrarse directamente, necesitas de una invitación, si quieres una invitación para Lockerz deja tu comentario y la enviare lo más pronto posible.

Útiles paginas web para diseñadores

Aquí  dejo una lista de enlaces que pueden ser útiles para quien trabaja con diseño.

- Trucos para pasar de un archivo PSD a HTML: line25.com
- Cómo pasar de un boceto a un tema en Wordpress: spoongraphics.co.uk
- Tutoriales de CSS3 y técnicas de creación de botones: speckyboy.com
- Excelentes diseños web oscuros: webdesignledger.com
- Cientos de trucos para quien trabaja con CSS: css-tricks.com
- 17 extensiones de Google Chrome para webdesigners: designm.ag

Espero que los aprovechen.

Tutoriales sobre Diseño Web

Esta vez quiero mostrarles algunos de los mejores tutoriales (a mi parecer) sobre diseño web; estos incluyen manejo de aplicaciones, ilustraciones, CSS entre otras cosas.

Tutoriales de Adobe Fireworks por Smashing Magazine

Varios tutoriales y descargas para Fireworks.

continuar »

Line25

Hoy quiero presentarles Line25, un sitio diseñado por Chris Spooner, donde todo gira alrededor de el diseño web.

En Line25 van a encontrar 3 “ejes tematicos” que son:

• Articulos: donde se pueden encontrar observaciones sobre nuevas tendencias, nuevos recursos, entrevistas, etc…
• Inspiracion: una categoria donde se puede encontrar un monton de sitios web, que se actualizan cada viernesy tambien una gran collecion de diseños sobre un temaoun estilo.
• Tutoriales: donde encontraran tutoriales para crear los diseños en photoshop, hasta tutoriales para crear sitios web completos.