CSS3PS es un plugin gratuito para Photoshop que nos permite convertir las formas en código CSS3 de la manera mas fácil, con todas sus propiedades.

El plugin es sumamente útil para los diseñadores web, ya que se ahorra muchisimo tiempo al poder pasar a código elementos de los diseños sin tener que tipear, directamente desde Photoshop.

La instalación es tan simple como su uso, el cual podemos ver en el iguiente video:

El plugin se encuentra disponible para las versiones CS3 a CS6 de Photoshop.

Enlace | Plugin CSS3PS
Vía | Ceslava

En Creatorica.com han presentado un kit de elementos UI muy completo que tiene la particularidad por sobre el resto de estar preparado para Retina Display.

El set ha sido creado con resolución de 326 ppp, pensado para ser utilizado en diseños móviles y tabletas, de libre uso tanto en proyectos personales como comerciales.

El viene en formato PSD y cada elemento del UI es editable, 99% vectores y objetos inteligentes, para que se pueda modificar según la necesidad de cada uno.

Enlace y Descarga | YellowStone

Con el título no quise mas que generar algo de intriga para los que no están mucho en el diseño web… lo reconozco. Las siglas RWD no son mas que otra cosa que Responsive Web Design, algo que con la llegada del HTML5 comenzó a sonar mas fuerte. Y básicamente es porque hoy en día se puede pensar en hacer un único sitio “adaptable” a todos los medios y formatos: PC, tablet, teléfonos, etc.

En verdad hace tiempo que quería escribir sobre este tema, pero no encontraba la cantidad de recursos que imaginaba necesario para hacer del tema un buen artículo.

Comencemos a ver (y a pensar) algo de diseño adaptable con estos recursos y plantillas recomendadas:

Borradores

Todo diseño comienza (o debería comenzar) en una hoja de papel en lo que usualmente se llama por mis pagos borrador. Esto no es mas que la estructura dibujada a mano de como será el sitio.

Comenzar a pensar en un diseño adaptable para todos los medios no es simple. Es por eso que ya hay en la web una buena cantidad de estructuras (wireframes) compartidos para ayudarnos a ver nuestro sitio para varios soportes.

Responsive Wireframes

Ir a Responsive Wireframes >

Style Tiles

Ir a Style Tiles >

(más…)

Se que no están muy acostumbrados a leer en este blog noticias y artículos sobre jQuery y, a decir verdad, reconozco que tampoco es mi fuerte. Pero… en la web podemos encontrar siempre códigos que facilitan el trabajo a la hora de desarrollar las ideas que se nos vienen a la cabeza.

El uso del giro de 360º en la web es sumamente útil, sea para mostrar productos que están a la venta, para esculturas o simplemente para realizar panorámicas de ambientes o paisajes.

Para ésto, basta con leer atentamente las instrucciones de implementación de estos 10 plugins jQuery que recomiendan en DesignBeep y luego de tener las fotografías del elementos podremos seleccionar el que mas nos guste para incorporarlo a nuestra web.

Enlace | 10 Great jQuery Plugins for 360-Degree Image Rotation

WordPress es el administrador de contenidos por excelencia y, gracias a esto, día a día surgen plantillas y plugins para ampliar su funcionamiento y no verlo solo como una plataforma para blogs. Si a todo esto le sumamos la facilidad con que nuestro cliente puede administrar su sitio, entonces el paquete cierra a la perfección.

Ya en otras ocasiones he recomendado plugins y he hablado de los usos alternativos que se puede darle a WordPress, pero hoy el tema es mas puntual… los restaurantes.

Para hacer un sitio a un restaurante hay que pensar en algo dinámico, que permita modificar los valores y los platos fácilmente. También podemos ofrecer implementar un sistema de pedidos online, algo sumamente útil y diferencial para cualquier comercio gastronómico.

En este artículo encontrarán 5 plugins gratuitos recomendados para incorporar a WordPress en proyectos gastronómicos, ideal para probar el funcionamiento hoy y ofrecer las posibilidades de un nuevo proyecto a sus clientes mañana.

Enlace | Free WordPress Plugins for Restaurants

A menudo necesitamos un poco de inspiración hasta para nuestros propios proyectos. Es por eso que si están por rediseñar su portfolio de trabajos en la web, nada mejor que darse una vuelta por este excelente listado con 50 geniales websites creativos que, de una u otra forma, llegan a inpactar en el visitante.

El listado se encuentra dividido por categorías tales como:

• Gran uso del color,
• Fuerte llamado a la acción,
• Dulce minimalismo,
• Diversión con piezas móviles,
• Simplemente ordenado,

Sin duda hay mucho material para disfrutar, encontrando nuevos sitios para disfrutar de la creatividad e inspirarse para nuestros futuros trabajos.

Enlace | 50 Stunning Design Portfolios…

La originalidad en presentar nuestros trabajos es un factor importante para lograr un primer gran impacto visual y creativo. Es por eso que con un poco de HTML, CSS3 y jQuery podremos hacer un gran muestrario de nuestros trabajos sobre una línea de tiempo gracias a Tutorialzine y su “Timeline Portfolio“.

En infinidad de veces he recomendado por diferentes medios, no solo por el blog, este sitio en donde podremos encontrar geniales tutoriales de CSS3, jQuery y mucho mas… que a pesar de estar en inglés, los tutoriales los realiza con claros pasos y deja para la descarga los archivos ya armados por si queremos saltearnos el aprendizaje.

Por lo tanto, si están buscando un buen portfolio con HTML, CSS3 y jQuery o quieres aprender un poco mas sobre estos lenguajes, a darse una vuelta por este artículo super interesante y creativo.

Demo | Timeline Portfolio
Enlace | Timeline Portfolio