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.

Sigue leyendo…

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.
Sigue leyendo…

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.
Sigue leyendo…

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.
Sigue leyendo…

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…
Sigue leyendo…

Si hace poco expliqué como Insertar cualquier tipografia con @font-face en tu web, ahora desde cssblog.es leo un artículo de una fantástica aplicación, Font Squirrel,  una aplicación web con un inmenso catálogo de tipografías donde nos las podemos descargar y poderlas usar, totalmente libres de derechos, con la propiedad @font-face de CSS en todos nuestros diseños web.

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.
Sigue leyendo…

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.
Sigue leyendo…

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.
Sigue leyendo…

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
Sigue leyendo…