es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Diseño de prototipos: 5 aplicaciones que lo hacen mejor que Photoshop

Photoshop es una herramienta popular entre los diseñadores y sus extensiones como CSS3P y FontAwesomePS lo convierten en una buena herramienta para crear prototipos de diseño web. Sin embargo, en realidad no fue creado para este propósito y a medida que las tendencias actuales avanzan con un diseño receptivo, preprocesadores CSS, marcos CSS y gráficos independientes de resolución (SVG), Photoshop se está volviendo menos relevante para el diseño web.

No se preocupe, ya que hay muchas aplicaciones alternativas creadas por desarrolladores independientes para ayudar a llenar los vacíos. En esta publicación, echaremos un vistazo a estas aplicaciones y descubriremos en qué medida sus características son excelentes en comparación con Photoshop para crear prototipos de diseño web .

1. Webflow

Webflow le permite diseñar sitios web arrastrando y soltando. Webflow crea el diseño basado en una cuadrícula de Bootstrap para que el diseño de su sitio web esté listo para responder. Webflow también incluye un conjunto de componentes web estándar, como bloques, listas y formato de texto, que puede agregar al espacio de trabajo de Webflow.

Los estilos se pueden agregar fácilmente desde un panel lateral y además puede ajustar las propiedades de los elementos. Una vez que el diseño esté completo, puede exportar los resultados del diseño al código HTML y CSS. También puedes compartir tu trabajo con un equipo.

2. Avocode

Avocode admite archivos PSD y le permite editar y transformarlo de inmediato en un sitio web viable con HTML y CSS. Avocode extraerá todos los activos de su proyecto, incluidos CSS, Imágenes y SVG (si los hay). Puede extraer CSS fácilmente, en forma de Less, SASS o Stylus para cualquier capa seleccionada, ya que se ha integrado con CSSHat.

Además, Avocode está equipado con control de revisión que le permite volver a sus diseños anteriores, en caso de que algo salga mal.

3. Guacamayo

Macaw te permite diseñar diseños web y elementos web como si estuvieras trabajando en un editor de imágenes como Adobe Photoshop. Puede crear columnas o áreas de bloques, ajustar su posición y establecer la tipografía según sea necesario. Macaw te permite cambiar los estilos de múltiples elementos, todo en un solo lugar. También puede usar la biblioteca para almacenar todos los elementos para su uso posterior.

Para crear un diseño receptivo, Macaw le permite establecer puntos de interrupción y optimizar su sitio para todos los dispositivos. Cuando se completa el proceso de diseño, Macaw puede generar HTML y CSS adecuados para usted.

4. Bosquejo

Sketch es ideal para diseñar interfaces y sitios web. Crea objetos basados ​​en vectores en lugar de en mapa de bits. Por lo tanto, cuando cambia el tamaño del lienzo, su diseño no pierde calidad. Las características como la 'cuadrícula incorporada' te ayudarán a organizar mejor el objeto o la colocación de un diseño web.

Además, Sketch renderiza fuentes similares a las que se muestran en Webkit (piense en Chrome, Opera y Safari). Por lo tanto, no tiene que preocuparse de que los resultados del texto de la imagen no sean tan nítidos y precisos como el texto original que se muestra en el navegador. Sketch también puede exportar el CSS para cada elemento en la capa.

5. Antetype

Antetype es una aplicación basada en vectores que se centra en el diseño visual, ideal para crear elementos de interfaz como degradado, sombra paralela, sombra interna, sombra de texto, estilo de borde y esquinas redondeadas. Antetype también proporciona cientos de widgets que puede usar directamente en su proyecto.

Para crear un diseño receptivo, puede establecer puntos de interrupción que ajustarán el tamaño de la pantalla. También puede exportar cada elemento en forma de Imagen o CSS.

5 
<IMG>  Propiedades de CSS que deberías saber

5 Propiedades de CSS que deberías saber

Existen propiedades de CSS, como imágenes de fondo, imágenes de borde, enmascaramiento y recorte, con las que puede agregar imágenes directamente a las páginas web y controlar su comportamiento. Sin embargo, también se mencionan con menor frecuencia las propiedades de CSS relacionadas con la imagen que funcionan en las imágenes añadidas con el Etiqueta HTML, que es la forma preferida de agregar imágenes a páginas web.La descr

(Consejos de tecnología y diseño)

Almacenamiento en la nube alojado automáticamente: Nextcloud vs. ownCloud vs. Seafile

Almacenamiento en la nube alojado automáticamente: Nextcloud vs. ownCloud vs. Seafile

¿Estás planeando construir tu propio almacenamiento en la nube de tipo Dropbox para tu equipo o negocio? Aunque hay varias soluciones en la nube alojadas en el servidor para crear una nube privada, todas ellas no cumplirán con sus requisitos.Es por eso que en esta publicación me voy a enfrentar a las tres soluciones de almacenamiento en la nube alojadas en la parte superior, es decir, Nextcloud, ownCloud y Seafile, para ayudarlo a elegir lo mejor. Es

(Consejos de tecnología y diseño)