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???

letterpress con css 3

alguna vez se han preguntado como realizar este efecto con una hoja de estilos, sin tener que recurrir a photoshop para lograrlo?

bueno pues buscando encontre algunos tutoriales sobre como hacerlo y voy a colocar algunos de los que me parecen mas sencillos.
continuar »

como añadir widgets en footer de wordpress

intentando colocar alguna información en el footer de el nuevo tema del blog, me surgió la inquietud de como colocar widgets en el pie de pagina, de la misma manera que se coloca en la barra lateral.

buscando en google encontré varias soluciones, las cuales no me sirvieron, no se si fue porque no supe hacerlo o porque no funcionaban, el caso es que después de intentar varias veces y no obtener el resultado que queria me puse a intentar con combinaciones de tutoriales que había encontrado, hasta que por fin lo logre.
continuar »

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 »

Ú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.

adelanto nuevo diseño

Les adelanto algo de el nuevo diseño de SitioAparte, y aprovecho para darle la bienvenida a Hugo Torres de http://morethanreal.wordpress.com, quien me va a acompañar con nuevas publicaciones y opiniones.