Usar CSS Grids en el diseño de un sitio Web

960framework.jpg

Los CSS Grid Frameworks con pequeñas partes de código predefinidas que se ocupan para hacer una distribución más uniforme y simétrica de los elementos de una página, usando una grid (rejilla, cuadrícula) como base; por ejemplo, si usamos una rejilla de 960px de ancho, entonces podemos ir ordenando los elementos en medidas que sean submúltiplos de 960 (2px ,4px, 5px, 6px, etc para lograr una distribución más uniforme. Todo esto se logra con el uso de hojas de estilo en cascada (CSS) y HTML.

demogrid.jpg

Las ventajas que nos otorgan este tipo de herramientas nos pueden ahorrar mucho tiempo y hacer más fácil el acomodar elementos dentro de una página, ya que no hay que cambiar el código HTML, basta con hacer las modificaciones en el archivo CSS para cambiar el tamaño de cada elemento.

Enlace | Artículo en NetTuts


148 iconos vectoriales gratis

Bright! es el nombre de una colección de 148 iconos en formato vectorial, gratis, libres de uso para proyectos impresos o digitales y que están disponibles para descarga desde ya. Cada uno de estos ha sido diseñado manualmente y guardado como imagen vectorial para conservar una buena calidad.

bright-icons.jpg

Es una excelente colección, así que no pierdas la oportunidad y descárgalos; el autor liberó su trabajo con una licencia que te permite usar el material sin costo, lo único que pide a cambio son comentarios y un backlink si se puede.

Enlace | Descargar iconos


Hacer un patrón geométrico con Illustrator

Con Adobe Illustrator puedes crear ilustraciones muy buenas, que hasta puedes usar como wallpapers en tu computadora. En el blog de Veerle veo un tutorial de cómo crear un patrón geométrico usando sólo Illustrator y el cual puedes ocupar para lo que se te ocurra, un fondo de pantalla o como un fondo para tu página Web.

howto-geo-pattern07.jpg

El proceso no es muy difícil y en poco tiempo vas a poder tener un patrón personalizado creado completamente desde cero por ti. Puedes intentar a usa otros colores o formas para tener más variedad en tu diseño.

Enlace | Ver el tutorial


Los mejores foros de diseño Web

Los foros son lugares muy útiles para compartir y adquirir conocimiento sobre un tema específico, por ejemplo, el diseño Web. Tipografías, técnicas, software especial y ese tipo de temas se pueden comentar con los demás, además de que podemos obtener un buen grado de feedback de nuestro trabajo. Actualmente hay muchos foros de este tipo, algunos muy buenos son por ejemplo, SitePoint o DesignersTalk. En Smashing Magazine publican una lista con los mejores foros sobre diseño.

dt_forum.jpg

Enlace | Professional Web Design Forums


50 tutoriales imperdibles de jQuery

Agreguen 50 tutoriales más para la colección, esta vez es una recopilación que incluye ejemplos, tutoriales y plugins para aumentar las funciones, como galerías de fotos, menús de navegación y demás elementos para un sitio.

Vía | Noupe


101 fuentes gratis para diseñadores

Esta colección contiene 101 fuentes gratis para descargar, pensando en los diseñadores y la forma tan brillante que tienen de usar las tipografías. Separadas por estilos como Grunge o Handwriting, puedes encontrar en total, 101 fuentes.

Enlace | 101 Awesome Downloadable Fonts for Designers