Vídeo: Aprende a usar la propiedad text-shadow
Si leísteis la entrada acerca de la propiedad text-shadow y no os quedó bastante claro, Nettus nos deja un podcast para comprenderlo todo mejor. Está en inglés, pero es fácil de entender y es un modo más ameno de aprender CSS: Vía | Screenr
32 tipografías para diseños impactantes
En este recopilatorio se muestran una gran cantidad de fuentes para ser usadas en diseños impactantes. Si tienes un proyecto de este tipo, te serán muy útiles:
11 técnicas clásicas de CSS creadas de forma fácil con CSS3
La tecnología va evolucionando con el tiempo. Tareas complicadas, con herramientas se hacen mucho más sencillo. Algo similar ocurre con CSS. Las nuevas novedades de CSS3 nos permiten ahorrarnos tiempo y esfuerzo cuando programamos sitios web. Tanto es así, que Nettuts ha realizado una comparativa entre técnicas creadas con CSS2 y CSS3, mostrando después el … Lee más!
Sintaxis de @font-face
En esta entrada explicaré los mejores métodos para introducir @font-face en nuestro documento. El código de arriba podría ser la mejor opción para aplicar @font-face, pero en IE no nos sirve y necesitamos tener una fuente .EOT, mientras que los otros navegadores necesitan una fuente .TTF u .OTF.
Mejores iconos sociales hechos a mano
Aunque hace poco hicimos una lista con los mejores iconos sociales, existe una variedad de estos iconos sociales que están dibujados a mano. Woork nos recopila 5 sets y nos los pone a nuestra disposición. Son totalmente gratis. Ver los mejores iconos sociales hechos a mano
Bonitas fuentes dibujadas a mano
Ya os hemos recopilado un recopilatorio de las mejores tipografías dibujadas a mano, pero Smashing Magazine nos trae otro gran listado. Recomiendo usarlos en proyectos sobre diseño o creatividad. No quedarán bien en proyectos profesionales. Ver la recopilación de fuentes dibujadas a mano
Estilizar una lista con 1 píxel
Al igual que podemos estilizar una lista de forma compleja, también se puede hacer de una forma más simple, con sólo una imagen de 1 píxel (Ver imagen). Esta imagen puede dar mucho de sí, ya que con repeat-x podemos crear una línea horizontal y con repeat-y una línea vertical. Con un poco de imaginación … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
