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.
-
HTML 5 Tutorial
-
dave wood
-
nettus
-
SmashingMagazine
-
Inspect Element
-
orderedlist
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???
]]>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">
y luego colocar en la hoja de estilos esto:
font-family: 'Tangerine', serif;
al final deberiamos tener algo asi:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>aca pueden ver la lista de las fuentes disponibles; y para colocar una fuente propia se debe colocar lo siguiente:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
</script>
<script type="text/javascript">
WebFont.load({
custom: { families: ['OneFont', 'AnotherFont'],
urls: [ 'http://myotherwebfontprovider.com/stylesheet1.css',
'http://yetanotherwebfontprovider.com/stylesheet2.css' ] }
});
</script>para esto se debe usar el webfont loader de google, el cual tambien permite usar cuentas de typekit para seleccionar las fuentes a mostrar colocando esto:
WebFont.load({
typekit: 'myKitId'
});
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.
]]>- 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 de Adobe Fireworks por Smashing Magazine
Varios tutoriales y descargas para Fireworks.
Como crear un portafolio de una sola pagina por Chris Spooner
Tutoriales CSS3
Tutoriales por Antonio Lupetti
Estos solo algunos de los muchos que se puden encontrar por la web, si tienen alguna duda o estan buscando algo en especial no duden en preguntarme o tambien pueden buscarlo en Google.
]]>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.
Tambien pueden revisar algunos sitios como DeviantArt, Pattertap, sin embargo hoy me gustaria recomendarles un lugar al cual he llegado por pura coincidencia y es Web Creme.
En Web Creme van a encontrar una buena colección de tomas de los mejores diseños que se encuentran en la web, pueden revisarlos por fechas o tambien van a encontrar una seri de selectores como este:
el cual sive para revisar solo los sitios que usan estos colores en el diseño.
i Love Typografy tiene como objetivo dar a conocer las tipografias al mundo.
Con una gran variedad de fuentes y vinculos, un excelente lugar para encontrar ese tipo de letra o fuente que necesitamos para nuestros proyectos.
]]>