Diseño

UIkit: Genial framework liviano y responsive para crear tus sitios web

por

UIkit

UIkit es un nuevo framework modular gratuito para crear interfaces web de forma muy sencilla, y lo mejor es que está centrado en ser liviano y responsive.

Además tiene un customizer online que nos permite personalizar las plantillas y descargar el CSS de forma muy simple, pudiendo elegir paletas de colores, ancho del diseño, tamaño de fuentes, y un par de cosas más.

Podemos partir de 3 temas diferentes y personalizarlos a gusto para poder descargar el CSS e instalarlo en nuestro sitio en segundos. Obviamente, si tenemos los conocimientos necesarios de diseño podemos hacerlos nosotros mismos sin hacer uso de esta herramienta.

Enlace: UIkit

Visto en WebResourcesDepot

Ebook gratis: Guía Completa de CSS3

por

Guía Completa de CSS3
Una de las mejores formas de aprender algo que nos gusta es leyendo, por eso les quiero dejar un interesante recurso que es una guía sobre CSS3, con el cual podrán leer un buen rato e incorporar conocimientios, sobre todo los que recién están empezando.

El ebook está titulado como Guía Completa de CSS3 y en él van a encontrar mucha información para aprender sobre CSS3 de forma muy sencilla gracias a los ejemplos incluidos.

El libro consta de 63 páginas y lo pueden descargar gratis en PDF o bien leerlo online.

Enlace: Guía Completa de CSS3

Visto en Soft & Apps

Descarga las UI en PSD de los sitios más populares de internet

por

rdio-ui

Popular UIs es un sitio muy curioso que salió hoy a la luz y nos permite descargar las UI en PSD de algunos de los sitios más populares de internet.

No creo que pase mucho tiempo hasta que las empresas responsables de estos sitios demanden al creador de los PSD o le pidan que elimine los arcchivos, aunque él dice que los puso a disponibilidad de la gente a modo «educativo».

En el sitio vamos a encontrar las UI de los siguientes sitios:

  • Rdio
  • Heroku
  • GitHub
  • Designer News
  • Apple
  • Facebook

Esos PSD son los que están disponibles hasta el momento, pero en el sitio prometen ir agregando nuevas UI semanalmente. Y si lo deseamos podemos suscribirlos a una lista de correo que nos notificará cuando haya nuevas UI disponibles.

Enlace: Popular UIs

Visto en TNW

PSD gratuito con todos los elementos gráficos de iOS7

por

iOS7-1-small

El mes pasado Apple revelo la nueva versión de su sistema operativo, iOS7, el cual además de traer algunas nuevas funcionalidades el punto más fuerte de esta versión es el completo rediseño de la interfaz de usuario, haciéndola más sencilla, aplicando la versión Apple del estilo de diseño flat.

Si eres de los que les encanta estar a la vanguardia y siempre utilizar las últimas herramientas y las últimas versiones de los sistemas y además eres diseñador este recurso te será perfecto para tu trabajo, se trata de una plantilla completa en Photoshop con todos los elementos de la interfaz gráfica de la nueva versión de iOS, cada uno de los elementos del diseño tiene su propia capa en el archivo, lo que lo hace perfecto para empezar a crear wireframes y mockups con los elementos reales de la nueva versión del sistema operativo.

Descargar: iOS7 GUI PSD

Psddd: Un sitio para descargar todo tipo de PSD gratis

por

Psddd es un sitio que se puede llegar a convertir en el paraíso de los diseñadores, porque nos ofrece una gigantesca colección de archivos PSD editables listos para ser usados en tus futuros proyectos.

Psddd

En Psddd podemos encontrar todo tipo de recursos en PSD, incluyendo kits UI, diseños de aplicaciones, botones, íconos, fondos, patterns, dispositivos, mockups, modals, formularios, box de búsqueda, y una infinidad de elementos que nos pueden salvar y ahorrar tiempo en nuestro trabajo.

Pack de 1.000 fuentes comerciales GRATIS [Freebie]

por
fuentes gratis

fuentes gratis
Las fuentes siempre son bienvenidas por los diseñadores, son un recurso que nunca está demás porque nunca se sabe qué tipo de trabajo nos van a encargar, y para ello hay fuentes que encajan y otras que no. Por eso cuando vi esta promoción no dudé ni un segundo en comentarla acá para que todos la aprovechen.

Resulta que desde Cult of Mac están ofreciendo un pack de 1.000 fuentes gratis. En el pack hay 238 familias de fuentes distintas, y en su totalidad son 1000 fuentes listas para usar en sus proyectos, sean comerciales o no.

Para acceder a esta promoción tienen que entrar en este link y darle al botón que dice «Get it», allí les pedirá que se abran una cuenta para poder seguir con el proceso de «compra». No se asusten de la palabra compra porque es gratis, solo que hay que pasar por el proceso de checkout como se hace normalmente, pero no tienen que pagar nada.

 

CSS3Ps: Plugin para convertir PSD a CSS3 con Photoshop

por

CSS3Ps
CSS3Ps es un nuevo plugin para Photoshop que nos permite convertir PSD a CSS3 de forma muy simple y sin tener conocimientos de maquetación.

En realidad lo ideal es tener un poco de conocimientos, porque el plugin no es perfecto, pero es una herramienta que nos puede ahorrar muchísimo tiempo en la maquetación, el cual podemos usarlo para seguir diseñando más cosas.

Este plugin tiene un sistema de funcionamiento en la nube que se encarga de convertir las capas del diseño en CSS3 para poder convertirlas en lo que va a ser una futura página web.

A continuación les dejo un video para que vean cómo funciona el plugin:

Convertir PSD a CSS3 con CSS2Ps

Enlace: CSS3Ps

Visto en Wwwhat’s new

Lista de las resoluciones de pantalla de los dispositivos más populares

por

Cada dispositivo tiene su resolución de pantalla específica, por ejemplo los iPhone, los iPads, las distintas marcas de notebooks y más. Screensiz.es es un sitio muy útil que nos lista las resoluciones de pantalla de los dispositivos más populares del mercado.

Screensiz.es

Como pueden ver, las listas de resoluciones están divididas por dispositivos, ya sea teléfonos, tablets o monitores de laptops y desktops. Las listas podemos personalizarlas en cuanto a visualización, ocultando o mostrando columnas con los diferentes datos.

Enlace: Screensiz.es

Visto en Gruvix

Excelentes plantillas responsive en HTML5 y CSS3 gratis desde HTML5 Up!

por

HTML5 Up
HTML5 Up! es un sitio que nos ofrece una hermosa colección de plantillas HTML5 para sitios web. Hasta el momento tiene 12 plantillas con un diseño muy profesional que me sorprende que sean completamente gratuitas.

Lo bueno es que todas las plantillas son responsive, y cuando entran en el demo de cada una tienen los links para testearla en las diversas plataformas: Desktop, tablet y móvil.

Enlace: HTML5 Up!

Visto en WebResourcesDepot