PixelST, diseño y desarrollo web en Valencia

Blog

Gridpak, un generador de layouts fácil y rápido

0
CSS, Diseño, General, Utilidades

Gridpak
Gridpak puede ser un generador mas de layouts como muchos que hay en la red. Pero lo mencionamos en el blog por que nos ha resultado extremadamente sencillo de utilizar, además de permitirnos configurar el numero de columnas y el padding entre ellas, nos ofrece la posibilidad, una vez que hemos finalizado el layout, de descargárnoslo en formato zip.

El archivo comprimido contiene los siguiente formatos:

  • Un archivo CSS con las clases y las propiedades para crear el diseño.
  • Un archivo LESS con la misma información, pero incluyendo variables, mixins…
  • Un archivo SCSS
  • Un archivo PNG semitransparente que nos ervira de plantilla en el diseño
  • Un archivo JavaScript, que nos permite alternar una capa dentro y fuera del grid en cualquier navegador con ayuda de la tecla “G”

Os dejamos un video para que podais ver su funcionamiento:

Vía: Celulaweb
URL: www.gridpak.com

Calendario animado en CCS3 y jQuery

0
General, Programación, Recursos, Utilidades

Hoy destacamos un original calendario con un diseño muy limpio realizado en CSS3 y jQuery. Sorprende la claridad y usabilidad del mismo; recurso que debemos considerar altamente recomendable.

Calendario CSS3 y jQuery

Podéis ver el proceso de realización en jepija.com

Ver demo

Etiquetas en formato PSD

0
General, Recursos

Interesante colección de etiquetas en formato psd ideales para nuestros desarrollos y diseños de tiendas online.

La colección esta formada por 20 psds completamente editables según nuestras necesidades.

Etiqueta 01

Etiqueta 02

Etiqueta 03

Etiqueta 04

En la web de ISPSD.com podéis además revisar una recopilación de tablas comparativas con diseños muy atractivos ideales también para desarrollos de tiendas.

Tabla comparativa 02Tabla comparativa 03

Tabla comparativa 01

Filter Forge 3.0 ya disponible

0
General, Photoshop, Utilidades

Filter Forge 3.0

Filter Forge 3.0 es un potente plugin de photoshop que nos permite generar texturas y efectos espectaculares.

Tenemos también la posibilidad de crear nuestros propios filtros o utilizar los 8.515 creados por la Comunidad de usuarios.

Las características más relevantes en esta versión son la incorporación de modos de imagen de 16 y 32 bits, anti-aliasing, imágenes con resoluciones enormes, vista previa y probablemente una de las características mas destacadas, es la mejoría en los tiempos del render.

El producto está disponible en versión demo para que puedas trastear antes de comprarlo. El precio de la versión completa es de 159$.

Filter Forge 3.0

Aumentar el tamaño de las imágenes sin perder resolución con Blow Up 3

0
General, Utilidades

Blow Up 3

Alien SKin, empresa que desarrolla numerosos plugins para Photoshop, ha presentado su nueva versión del software “Blow Up 3”. Este software nos permite nada más y nada menos que aumentar el tamaño de las imágenes sin perder calidad. Esto, parece ser, que lo consigue inventándose los pixeles que le faltan y generando una imagen con la misma calidad que la imagen original.

Blow Up 3 trabaja con aplicaciones tales como:

  • Adobe Photoshop CS4 o superior
  • Adobe Photoshop Elements 8 o superior
  • Adobe Photoshop Lightroom 2 o superior

A nivel software, en Mac nos bastará con un Mac OS X 10.6 o superior, en PC con Windows Vista.  A nivel de hardware es necesario como mínimo un Intel Core 2

Realmente si hace todo lo que dice, vale la pena tenerlo. Eso sí, el precio es de 200$ si es licencia nueva y 100$ si es actualización.

Podéis ver más información en la web oficial de Alien Skin Software

3D Map Generator, espectaculares mapas con Photoshop

0
Diseño, General, Utilidades

3D Map Generator

Ya puedes crear tus propios mapas en 3D con un solo clic. 3D Map Generator es un pack de acciones, estilos y psds que nos permitirá crear mapas muy espectaculares y con multitud de variaciones. seguir leyendo…

Plantillas para la creación de prototipos en dispositivos móviles

0
Diseño móviles, General

El mundo de los móviles ha evolucionado de forma espectacular en estos últimos años; esto ha motivado que los diseñadores deban de dominar las interfaces de este tipo de dispositivos para aprovechar al máximo las posibilidades que estos ofrecen.

En hongkiat han realizado una recopilación de 31 plantillas que incluyen las interfaces gráficas de los softwares más importantes que existen en el mercado, iOS, Android, Windows Phone 7, Blackberry, etc…

Espero que los disfrutéis…

iOS

iPhone 4Interface gráficas del iPhone4
seguir leyendo…

Crear guías, columnas y márgenes en nuestro documento de Photoshop

0
Diseño, General, Utilidades

Os presentamos un nuevo plugin llamado Guide Guide que nos permite trabajar con guías y selecciones forma muy sencilla añadiendo un pequeño programa a nuestro interface de Photoshop.

Panel Guide Guide

¿Qué podemos hacer con Guide Guide?:

  • Encontrar el punto medio de cualquier documento que creemos.
  • Guide Guide - punto medio

  • Crear márgenes y trabajar con columnas y filas de forma sorprendentemente sencilla
  • Guide Guide - columnas y filas

  • Crear líneas guía en base a una selección cualquiera
  • Guide Guide - selección 01
    Guide Guide - Selección 02

El plugin ha sido creado por Cameron McEfee. Únicas objeciones a este magnifico plugin, es que solo funciona para versiones CS4 y CS5.

La forma de instalarlo es muy sencilla, descargar y descomprimir el archivo GuideGuide.zip y ubicar la carpeta en:

Windows:C:/Archivos de Programa/Adobe/Adobe Photoshop CS4 (o CS5)/Plug-ins/Panels

Mac:/Aplicaciones/Adobe Photoshop CS4 (o CS5)/Plug-Ins/Panels/

Para poder acceder a este Script lo haremos a través del menú Ventana / extensiones/GuideGuide

Descargar Guide Guide

Vía: Desfaziendo Entuertos

FlexSlider, un slider que ese adapta a nuestra resolución y dispositivo

0
Diseño móviles, General, Programación, Utilidades

Flexslider

FlexSlider

FlexSlider es un jquery de tan solo 5 kb que se adapta a nuestra resolución y al dispositivo con el que estemos visualizándolo (PC, iPhone, Smartphone …).

Tenemos disponibles numerosas opciónes de personlaización, transiciones, animaciones y efectos. FlexSlider ha sido testeado en Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+ e IE7.

El uso de este jQuery es libre bajo licencia MIT.

Ver script FlexSlider

Descargar FlexSlider

Estupenda colección de iconos monocromáticos

0
General, Iconos, Recursos

Interesante colección de iconos monocromáticos disponibles en formato psd. Los iconos están distribuidos en 2 packs y son de libre uso.

Pack de iconos monocromos 01
Pack Iconos monocromos 01

Pack de iconos monocromos 02
Pack de iconos monocromos 02