Paco Castilla[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.
Diseño gráfico y editorial. Tutoriales de Indesign y Photoshop. Vectorizar logo e imágenes
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.
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.
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.
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…
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.
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.
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.
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
Older Posts
- 1
- 2
