Las migas de pan en materialise CSS se utilizan cuando tiene varias capas de contenido para mostrar su ubicación actual. Materialise CSS proporciona varias clases de CSS para crear una buena ruta de navegación de una manera fácil. Utiliza dos clases, es decir , nav-wrapper y breadcrumb . nav-wrapper se usa para configurar el componente … Continue reading «Materializar migas de pan CSS»
Hay varios ayudantes para materializar CSS que se utilizan para necesidades de diseño como: Alineación Ocultar/Mostrar contenido Formateo El contenido se puede alinear horizontal o verticalmente usando las siguientes clases: Alineación vertical: se puede hacer fácilmente agregando la clase valign-wrapper al contenedor que contiene los elementos que desea alinear. <div class=»valign-wrapper»> <h5>This is vertically aligned</h5> … Continue reading «Ayudantes de Materialise CSS»
Materialise proporciona una función de casilla de verificación para crear casillas de verificación con estilo para los sitios web. Las casillas de verificación HTML estándar son simples con un borde negro simple en los estados sin marcar y una marca de verificación en los estados marcados, pero con el estilo de borde materializado se puede … Continue reading «Casilla de verificación Materializar CSS»
Materialise badge es un componente que se utiliza para notificar, si hay mensajes nuevos o no leídos o se muestran notificaciones. Agregar una nueva clase a un componente de insignia le da un fondo. Hay diferentes formas de usar el componente de insignia: Insignias en colecciones: <div class=”colección”> <a href=”#!” class=”artículo-de-coleccion”><span class=”insignia”>1</span>Mensaje</a> <a href=”#!” class=”artículo-de-coleccion”><span … Continue reading «Materializar insignias CSS»
Introducción: Materialise es un lenguaje de diseño que combina los principios clásicos del diseño exitoso junto con la innovación y la tecnología. Materialise es creado y diseñado por Google. El objetivo de Google es desarrollar un sistema de diseño que permita una experiencia de usuario unificada en todos sus productos en cualquier plataforma. Características: Es … Continue reading «Introducción e instalación de Materialise CSS»
Materialise proporciona interruptores para permitir que el espectador seleccione una opción entre las dos disponibles. Por lo general, los interruptores son casillas de verificación especiales que se usan para estados binarios, como encendido/apagado, sí/no o acuerdo/desacuerdo. Los interruptores se pueden crear usando la clase «interruptor» dentro del contenedor div con el tipo de entrada = … Continue reading «Conmutadores Materialise CSS»
Materialise CSS proporciona varias clases para que los medios respondan. Imágenes: las imágenes se pueden diseñar de las siguientes maneras: Imágenes receptivas: para que las imágenes respondan al ancho de la página, se agrega la clase responsive-img con la etiqueta de imagen. <img class=»responsive-img» src=»image.jpg»> Imágenes circulares: para que la imagen se vea circular, se … Continue reading «Materializar medios CSS»
Está creado con HTML, CSS y JavaScript, y diseñado por Google. Material Design es un lenguaje de diseño que combina los principios clásicos del diseño exitoso junto con la innovación y la tecnología. Color: aquí hay una paleta de colores basada en los colores base del diseño de materiales. Cada uno de estos colores se define … Continue reading «Materializar colores CSS»
Las colecciones le permiten agrupar objetos de lista. Representa varios tipos de colección, es decir, un grupo de información relacionada. Las siguientes son las diversas clases de colección que se utilizan para crear varios tipos de colección: Básico: en este caso, el contenedor div o ul como colección y el elemento a o li como … Continue reading «Materializar colecciones CSS»
Hay 12 sistemas de cuadrícula de respuesta fluida de columnas estándar que lo ayudan a diseñar su página de una manera ordenada y fácil. Utiliza las clases de estilo de fila y columna para definir filas y columnas respectivamente. Las filas se usan para especificar un contenedor sin relleno que se usará para las columnas … Continue reading «Materializar cuadrículas CSS»