Tecnología

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 ...

Artículos Recientes

Términos de Diseño Web y Desarrollo

Como Diseñadores Web y Desarrolladores hay una cierta cantidad de terminología que utilizamos de forma tan regular que a menudo no se nos ocurre que otras personas con las que estamos trabajando, incluyendo nuestros clientes, tal vez desconocen a qué nos referimos. Sería conveniente trabajar con un "glosario de términos", no muy extenso, tal vez con los que utilizamos a menudo y proporci ...

Diseño Web Diseño de apps Diseño de páginas ...

5 tendencias de diseño web populares en 2017

Las para este 2017 que se cierra han sido muy interesantes. Te contamos sobre algunas de ellas y cómo aprovecharlas para que tu propio sitio web tenga un mayor número de visitas y un contenido mejor dispuesto y distribuido a lo largo de las diferentes secciones de tu pagina. Adiós a los diseños flat Conocido en español como “diseño plano”, el flat design es una tendencia de diseñadores web que apu ...

Diseño Web Desarrollo web Diseño web ...

Tendencias de desarrollo web para 2018

Seguimos analizando las distintas tendencias en el mundo del diseño web que durante 2018 marcarán el camino para una web siempre versátil. Algunos elementos que vienen desarrollándose desde hace algunos años están comenzando a tener su propio terreno en el desarrollo de páginas web, motivo por el cuál las tendencias incluyen elementos como la inteligencia artificial. En este post ahondaremos en al ...

general diseño web hacer una web ...

Tutorial de Diseño Web

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. Tutorial de Diseño Web Diseño web definición: Se define diseño web como la actividad que consiste en la planificación, estructuración, diseño e implementación de un sitio web. No es simplemente una aplicación del diseño convencional sobre Internet, como hacerlo gráfico para exp ...

general

Curso de Desarrollo de Proyectos Periodísticos para la Web

Ayer comenzó el curso de Desarrollo de Proyectos Periodísticos para la Web impartido por la instructora Janine Warner del Centro Knight de La Universidad de Texas. El curso tendrá una duración de cuatro semanas, es masivo y abierto en Línea (MOOC). Para conseguir el diploma de participación habrá que completar el 80% de las pruebas y tareas que deje la instructora. El curso tiene un incen ...

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 ...

Android TUTORIALES android ...

Como mejorar Google Chrome con material design 2.0

Google Chrome ya permite aplicar mejoras en el diseño usando material design 2.0. A partir de la versión 66 podrás cambiar el diseño de la aplicación Buenas androide, hoy te traigo un mini tutorial muy sencillo para darle un cambio de apariencia a tu navegador Google Chrome. El navegador de google es uno de los más rápidos del mercado, y aunque haya otras buenas alternativas, aceptémoslo, Chrome f ...

general

Curso de Desarrollo de Proyectos Periodísticos para la Web.

El Centro Knight para el periodismo en las Américas de la Universidad de Texas ha anunciado su próximo curso masivo abierto. El curso está dirigido a los latinoamericanos interesados en aprender cómo desarrollar nuevos proyectos para la web con contenidos periodísticos en español. El curso será impartido por Janine Warner, periodista especializada en el manejo de tecnologías digitales, entre el 18 ...

css Ejercicio CSS Cajas CSS ...

Desarrollo de Plantilla Web con CSS, Formularios HTML y PHP

Plantilla Web CSS, HTML y PHP. Las lecturas previas para desarrollar esta plantilla son las siguientes: Guía de CSS para Principiantes Ejemplo de Plantilla CSS (Ejemplo1) Ejemplo de Plantilla CSS (Ejemplo2) ¿Cómo Abrir una Página HTML Dentro de un DIV? Después de revisar los ejemplos, Se propone la práctica de CSS, HTML y PHP por medio del desarrollo de una plantilla web que