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

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

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

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

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

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

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

internet blog opinión ...

Web de Marketing, SEO, diseño y social media para emprendedores

¿Conoces este logo? Yo hasta hace una semana tampoco. ¡Pero ha sido todo un descubrimiento! Ponte cómoda que te cuento... ¡es que a estos chicos no les falta de nada para ayudar a pequeñas marcas y emprendedores a triunfar! gestión de tu reputación online, posicionamiento web natural, diseño de tu web, community manager... ¡pero me estoy adelantando! Empecemos por el principio. El miércoles pasado ...

diseño web hazmeweb responsive design ...

Diseño web adaptativo, responsive web design

Diseño web adaptativo, responsive web desing

No es nada nuevo que cada día el acceso a internet es mayor desde los dispositivos móviles,cada vez somos más los que navegamos desde una tablet o móvil mientras descansas en el sofa y ve la tv, en un estado anímico muy favorable para comprar online… Los analisisis de ecomerce indican que el volumen de compra desde estos dispositivos (smartphone y tablet fundamentalmente) cada vez es may ...