Cómo convertir PSD de Photoshop a CSS y XHTML. Parte 6

octubre 8, 2009

CSS

Resultados

Cómo convertir PSD de Photoshop a CSS y XHTML. Parte 6

octubre 2009
• by
Paco Castilla
IR AL POST

[private]Nuestra amiga @raymicha ya tiene lista la quinta parte titulada «Gotitas de Javascript» de la serie  “Cómo convertir PSD de Photoshop a CSS y XHTML”, en esta parte veran dos plugins de jquery que permitirán hacer cambios en las fuentes y darle funcionabilidad a nuestro slide.

(más…)

Templates gratuitas en (X)HTML/CSS

septiembre 2009
• by
Paco Castilla
IR AL POST

Desde Instantshift.com recopilan esta fantástica colección de templates / plantillas de gran calidad y totalmente gratuitas en (X)HTML/CSS. Desde Macgrafic queremos dar las gracias a todos los diseñadores y desarrolladores de todo el mundo que distribuye libremente sus plantillas de alta calidad para todos en la Web.
(más…)

Cómo convertir PSD de Photoshop a CSS y XHTML. Parte 4 y 5

septiembre 2009
• by
Paco Castilla
IR AL POST

[private]La cuarta y quinta parte “Cómo convertir PSD de Photoshop a CSS y XHTML” de la serie de vídeo tutoriales de la diseñadora y desarrolladora web, @raymicha, desde cristalab.com.

Capítulo 4: Concepto de Modelo de Bloque (The Box Model Concept), concepto muy importante de entender antes de que podamos empezar a darle formar a nuestro Layout.
(más…)

Cómo convertir PSD de Photoshop a CSS y XHTML. Parte 3

septiembre 2009
• by
Paco Castilla
IR AL POST

[private]La tercera parte «Cómo convertir PSD de Photoshop a CSS y XHTML» de la serie de vídeo tutoriales de la diseñadora y desarrolladora web, @raymicha, desde cristalab.com.

Capítulo 3: La estructura en XHTML. Revisaremos primero la parte visual de nuestra plantilla en Photoshop y, en base a esta, armaremos el XHTML.
(más…)

Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1 y 2

septiembre 2009
• by
Paco Castilla
IR AL POST

[private]Desde cristalab.com, @raymicha, nos presenta una interesante serie de vídeo tutoriales llamada «Así las armamos en español» para enseñarte a convertir los archivos de Photoshop (.PSD) a CSS y XHTML. Verdaderamente son geniales y de gran calidad de aprendizaje para un diseñador web. Gracias @raymicha.

Los vídeos después del salto…
(más…)

Insertar cualquier tipografia con @font-face en tu web

agosto 2009
• by
Paco Castilla
IR AL POST

Me ha parecido muy interesante y útil la propiedad @font-face, con la que podremos usar las tipografías que veamos que vendrán más acorde con nuestros diseños y sin preocuparnos de que el usuario no tenga instalada la tipografía utilizada.
Es bastante sencillo de implementar. Primero de todo tenemos que subir la tipografía (ttf o otf) en el servidor a través de nuestro ftp.
(más…)

Gigantesco recopilatorio de recursos CSS

agosto 2009
• by
Paco Castilla
IR AL POST

CSS es una parte clave para los diseñadores gráficos y los desarrolladores web que quieran controlar el diseño gráfico de sus themes o templates. CSS no es un código muy difícil, pero a su vez es un muy potente si se sabe controlarlo.
Si quieres saber como poder controlar y sacar el mayor provecho al código CSS, TripwireMagazine ha compartido un gigantesco recopilatorio de recursos CSS nunca visto.
(más…)

Hack CSS para Internet Explorer 6 y 7

julio 2009
• by
Paco Castilla
IR AL POST

Explorer… que os tengo que decir del dichoso Explorer… pues que para los diseñadores gráficos es un verdadero «enemigo». Digo «enemigo» porque nos hace trabajar y rompernos la cabeza más de la cuenta.
Tenemos unos cuantos hacks en css que nos pueden hacer la vida un poco mas fácil y que nuestros diseños se vean igual en Firefox como en Explorer.
(más…)

Bordes redondeados con CSS3

julio 2009
• by
Paco Castilla
IR AL POST

[private]Con la implementación de las nuevas reglas incluidas en CSS3 y las nuevas versiones de los principales navegadores (Firefox, basado en el motor Gecko) y (Safari y Google Chrome, basado en el motor Webkit) podemos crear bordes redondeados directamente desde CSS3, sin usar Javascript
(más…)

Graficos de barras con CSS

mayo 2009
• by
Paco Castilla
IR AL POST

Necesitais hacer graficos de barras para vuestro blog ? Pues con CSS lo tenemos fácil!
Os mostraré como genera diferentes tipos de graficos de barras.

(más…)