Pablo M. Francisco Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

5 Framework de Material Design para diseño y desarrollo web.



No soy mucho de usar Frameworks, pero seguramente ya tengo la elección de uno de estos para mi proximo proyecto web.

Google combinó principios de buen design con las innovaciones tecnológicas y ciencia para crear el concepto de Material Design.
Dicho de forma simples, Material Design es un concepto visual que trae los principios y reglas del diseño clasico y las probabilidades y normas de ciencia o tecnología.
Desde que Material Design se hizo popular, también se hicieron las herramientas y recursos relacionados.
Buscando en la Web, encontré varios recursos y herramientas para este tipo de desarrollo web, y aqui les comparto los 5 que me parecieron más interesantes y completos.Materialize

Materialize es un framework para para front-end framework con su foco en Interfaz de Usuario.



Material UI

Material UI es un framework y un set de componentes de React que pone enfasis en interfaz de usuario.



MUI

MUI es un framework sensillo y rápido de Material Design que se puede cargar asynchronously para acelerar el desarrollo y es totalmente cross-platform.



daemonite

daemonite es un simple framework en HTML5.



Framaterial

Framaterial es un simple framework que puede ser usado inmediatamente sin la ayuda de ninguna libreria externa o plugins.



Espero que esta información les sea de ayuda para aprender un poco más de lo ultimo en tecnología de desarrollo web.

Si sabes de algun otro framework o herramientas para desarrollo con Material Design, deja en los comentários, asi todos no informamos.

Para saber más sobre desarrollo web: Pablo M. Francisco

Fuente: este post proviene de Pablo M. Francisco, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

¿Seguro que estamos seguros?

Todos los pagos y compras online, todos los "Me gusta", comentarios, mensajes, twits, chats, todas las gestiones que hacemos por internet dejan un rastro que contiene nuestros datos personal ...

Mobile marketing trends 2015

This my first post in english. Please try to understand any mystakes :). Today 80% of consumers are concerned about mobile marketing. Thousands of mobile phone users world wide were surveied on their ...

Recomendamos

Relacionado

móviles android aplicaciones ...

Whatsapp se adapta a Material Design cambiando su diseño

Whatsapp ha hecho un cambio radical de imagen en su aplicación para Android para adaptarlo a Material Design, la interfaz oficial de Lollipop. El resultado está sorprendiendo a los usuarios. Whatsapp en su nueva versión, la 2.12.34, modifica su diseño para adaptarse a la interfaz de Android Lollipop. A partir de ahora la aplicación de mensajería instantánea incorpora Material Design y los usuarios ...

Navegadores

5 de los mejores complementos de Firefox Quantum para desarrolladores web

Un número creciente de desarrolladores web han cambiado a Firefox en los últimos meses impulsados por el lanzamiento de Firefox Quantum después de que mejoró el rendimiento para estar a la par con Google Chrome. Aunque Firefox ofrece por defecto herramientas decentes para los desarrolladores con características innovadoras como su inspector de CSS Grid, todavía es posible añadir más característica ...

general diseño web bootstrap

Bootstrap la herramienta que facilita el desarrollo de una página web

La evolución de Internet ha sido acompañado en su crecimiento por el enriquecimiento de su lenguaje para convertir una página web en un lugar donde el usuario pueda interactuar realizando gestiones, buscando información y dejando opiniones en la misma de forma amigable y sencilla. El desarrollo de páginas web, gira fundamentalmente en el lenguaje HTML (Hiper Text Markup Language), el cual en los ú ...

Blog Diseño web diseño web responsive

Diseño web responsive, ventajas, herramientas y plantillas

No puedes esperar más, el mercado se mueve cada vez mas rápido hacia los dispositivos móviles, por lo que disponer de un sitio web responsive es totalmente imprescindible. ¿En qué consiste el diseño web responsive? Es una técnica de diseño usada para la correcta visualización de imágenes, textos, videos… dispositivos móviles, Smartphone, tablets… consiguiendo adaptar los contenidos a l ...

Actualidad Qualcomm Smartphone ...

¿Qué será de la tecnología de aquí 10 años? Diseño web y wearables

Gonzalo Sanchez del Pozo A todos nos gustaría tener una bola de cristal en la cual, cual aprendiz de brujo, poder ver el futuro que nos espera, sobre todo al que esto escribe le gustaría saber cuál será el desarrollo de las tecnologías de aquí a 10 años. Este ejercicio de prospectiva lo ha realizado la consultora ITC Group, y estos son los resultados que arroja con respecto al diseño web y los cad ...

General aplicaciones apps ...

Desarrollo de Aplicaciones Web para la página de su empresa

El Desarrollo de Aplicaciones Web se ha incrementado en los últimos años ya que no solo se utilizan aplicaciones para los teléfonos inteligentes sino que también se requieren App para la administración de sitios web como por ejemplo las paginas donde se compran y venden objetos, las paginas empresariales y las páginas que manejan catálogos de mercancía y ventas on line; que ayudan a incrementar la ...

WordPress

13 Herramientas para Analizar tu Diseño Web en WordPress

Bienvenid@ a un nuevo post de Coach2Coach. 13 Herramientas para analizar tu diseño web en WordPress En estos días he estado buscando herramientas útiles para analizar tu diseño web en WordPress en términos de velocidad, marcadores sociales, programación, SEO, etc. Como he encontrado unas cuantas, he pensado en compartirlas contigo. Este post es algo más corto de lo que acostumbro, pretendo escribi ...

DISEÑO WEB Marketing Online mejores aplicaciones web

5 herramientas para crear mapas de calor web y analizar las visitas

Analizar las visitas a una página web puede ser una buena forma de mejorar nuestro negocio online. Por ejemplo, si deseamos conocer la razón por la que el diseño no funciona podemos hacer pruebas de usabilidad. Si bien es cierto que las pruebas A/B son excelentes para el contenido, cuando se trata de analizar el comportamiento de los usuarios en una página web lo mejor es realizar un mapa de calor ...

diseño web clientes ventas

El Diseño de Interfaz de Usuario y la Web.

Si está buscando un excelente diseño de interfaz de usuario para ayudar a tu sitio web … ¡Está en el lugar correcto! Hay tanta información que entrar en lo que define un gran diseño de interfaz de usuario. Va tan profundo como estudiar los detalles de la interacción humana y la psicología de una venta. Haré todo lo posible para explicar el concepto de un gran diseño de interfaz de usuario. ...

Ayuda o Trucos Diseño Web Diseño Web General consejos diseño web

8 Herramientas de Diseño Visual para Mejorar tu Página Web

Bienvenid@ a un nuevo post de Coach2Coach. 8 Herramientas de Diseño Visual para Mejorar tu Página Web Hace ya un tiempo prometí a alguien que escribiría un post como este (ellos saben quiénes son, ¿verdad, Andrés?), en el que enumerar algunas de las herramientas de diseño visual para mejorar una página web. Por fin ha llegado el momento. Cuando diseñamos páginas web, los elementos visuales son muy ...