CSS

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

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.

Leer más

Templates gratuitas en (X)HTML/CSS

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.

Leer más

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

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.

Leer más

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

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.

Leer más

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

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

Leer más

Insertar cualquier tipografia con @font-face en tu 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.

Leer más

Gigantesco recopilatorio de recursos CSS

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.

Leer más

Hack CSS para Internet Explorer 6 y 7

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.

Leer más

Bordes redondeados con CSS3

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

Leer más

Graficos de barras con CSS

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.

Leer más