La principales noticias de barcelona y madrid

CSS

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

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

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

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

Leer más

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

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

Leer más

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

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

Leer más

Font Squirrel, gran catálogo de tipografias para @font-face

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.

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

[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

Leer más