Categorías Uncategorized

Herramientas para visualizar tu web en dispositivos móviles

Adaptar una página web a los distintos navegadores de los dispositivos móviles no es una tarea fácil. El diseñador web suele encontrarse con ciertas dificultades que acudiendo a determinadas herramientas (gratuitas), llegan a amenizar y acelerar el proceso.

Si lo que buscamos es saber cómo se adapta nuestra web a los dispositivos móviles, obtener informes de errores, puntuación de adaptabilidad, usabilidad y eficiencia, herramientas como mobiReady, W3C mobileOK Checker, Gomez, o Modify Headers Add-on para Firefox son recomendables.

Categorías Uncategorized

Adobe, el amanecer de una nueva generación de programas de diseño

Adobe anunció en junio que no habría una nueva Creative Suite y que a partir de ahora toda innovación vendría a través de Creative Cloud, con lo que pasan de la licencia permanente a la suscripción mensual.

Debido a esto, no podemos evitar hacernos una pregunta, ¿qué será de los creadores de Photoshop?

Categorías Uncategorized

Top 20 páginas web diseñadas bajo el concepto Flat Design

Dada la tendencia actual en el diseño web marcada por el concepto Flat Design, a continuación hacemos una recopilación con algunos de los mejores ejemplos de páginas web diseñadas basándose en las pautas que marcan este estilo.

Como podréis apreciar, la simplicidad, funcionalidad y los colores suaves predominan en todas y cada una de ellas.

Categorías Uncategorized

Gráficos de Retina para Diseño Web

La tecnología Retina Display es el término con el que Apple bautizó al sistema de alta resolución desarrollado por Sharp y que desde 2012 empezó a integrar en sus propios productos.

A grandes rasgos podemos decir que esta tecnología consiste aumentar el doble de píxeles físicos en pantalla, por ejemplo; 10 píxeles en un monitor estándar corresponderían a 20 píxeles en un monitor de retina. De esta forma se supera la resolución percibida por el ojo humano, por lo que éste no puede distinguir los píxeles en la pantalla y se crea una sensación de continuidad propia del papel impreso.

Categorías Uncategorized

Long shadow, un nuevo recurso para el Flat Design

No hace mucho hablábamos de un cambio de estilo en el diseño web que dejaba atrás el Skeumorfismo y abría paso al Flat Design, cobrando protagonismo la simplicidad y la eliminación de cualquier tipo de realismo tridimensional (sombras, profundidad, brillos…)

A pesar de que el Flat Design no lleva mucho tiempo en el mundo del diseño ya empezamos a ver una nueva tendencia que pretende ponerse de moda, el Long Sadhow o sombra extendida.

Categorías Uncategorized

Apple presenta el nuevo diseño para iOS7

El pasado 10 de junio Apple presentó las novedades de IOS 7, el nuevo sistema operativo para dispositivos móviles, con un rediseño de interfaz que rompe por completo con su esencia.

La compañía de la manzana ha dado una vuelta de tuerca a su hegemónico diseño skeuomorfista , una estética que les había acompañado durante los últimos 6 años, para dar la bienvenida a un diseño plano y minimalista, bautizado con el nombre de «Flat Design».

Categorías Uncategorized

Novedades para la versión Dreamweaver CC

Como ya comentábamos en anteriores posts, Adobe Creative Suite dejó paso a un nuevo modelo por suscripción: Creative Cloud, que engloba todas las herramientas clásicas de Adobe, como Photoshop, Illustrator, InDesign y por supuesto Dreamwaver.

Este nuevo modelo ha introducido a su vez una serie de mejoras en todos los programas que componían la antigua Creative Suite, además Adobe implementará actualizaciones de forma constante.

En este post vamos a adentrarnos en aquellos aspectos mejorados en el nuevo Dreamweaver CC:

Categorías Uncategorized

CSS3Ps, una nueva forma de convertir archivos PSD a CSS3

Como bien sabemos el famoso programa de edición fotográfica de Adobe no sólo es utilizado para su cometido básico: la edición y retoque fotográfico, sino que se ha convertido en una excelente opción para prototipar páginas web gracias a la multitud de funcionalidades que nos ofrece, creando efectos sorprendentes.

La mayoría de los problemas vienen cuando queremos trasladar esa estética que Photoshop nos proporciona de manera relativamente sencilla a elementos de código propios del diseño y la programación web. Normalmente se trata de una tarea tediosa en la que se deben disponer de amplios conocimientos relacionados con la maquetación y el diseño de entornos web.

Para solventar esta problemática os presentamos CSS3Ps, un plugin gratuito que convierte de manera rápida y sencilla las capas de Photoshop en CSS3, SCSS y Sass (también es compatible SCSS y Sass para Compass).

Categorías Uncategorized

Mejoras en Illustrator CC para el Diseño Web

El 6 de mayo, Adobe anunció que su Creative Suite dejaría de existir y que sería sustituida por la nueva Creative Cloud, un modelo de suscripción para descargar actualizaciones de sus diferentes programas; es decir que ya no se podrá comprar un paquete de aplicaciones como se venía haciendo con las diferentes versiones de CS, desde ahora se pagará por el servicio mensualmente, permitiéndonos descargar las últimas versiones de la aplicación.