Tag CSS
Zona Premium de Macgrafic
Descarga archivos prediseñados de Adobe Indesign, imagenes en alta resolución
y los mejores tutoriales para tu formación como diseñador gráfico.
1 mes de suscripción por 3 € (o 2 meses por 5 €)
Iniciar Sesión en Zona Premium
Registrarse en Zona Premium
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.
Sigue leyendo…
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.
Sigue leyendo…
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.
Sigue leyendo…
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…
Sigue leyendo…
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.
Sigue leyendo…
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.
Sigue leyendo…
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.
Sigue leyendo…
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
Sigue leyendo…
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.
