HTML: HTML significa lenguaje de marcado de hipertexto. Se utiliza para diseñar páginas web utilizando un lenguaje de marcado. HTML es la combinación de hipertexto y lenguaje de marcado. El hipertexto define el vínculo entre las páginas web. Se utiliza un lenguaje de marcado para definir el documento de texto dentro de la etiqueta que … Continue reading «¿Cómo diseñar una página de inicio como Facebook usando HTML y CSS?»
En este artículo, aprenderemos cómo hacer diseños de dos columnas manteniendo los colores de fondo de las columnas en tamaño completo. Enfoque: podemos hacer un diseño de dos columnas con colores de fondo que ocupen el tamaño completo utilizando la técnica de flexbox en CSS y configurando la altura de las columnas con respecto a … Continue reading «¿Cómo crear un diseño de 2 columnas manteniendo los colores de fondo de la columna en tamaño completo?»
Para configurar una clase activa en su barra de navegación de arranque, puede usar ng-controller (NavigationController) para configurar la clase activa de la barra de navegación de arranque con AngularJS. Para ejecutar un solo controlador fuera de ng-view . Puede configurar class = «activo» cuando se hace clic en la ruta angular. El siguiente ejemplo … Continue reading «¿Cómo establecer la clase activa de la barra de navegación con Bootstrap y AngularJS?»
LESS significa Hojas de Estilo Más Esbeltas. Es una extensión de lenguaje compatible con versiones anteriores para CSS. Las páginas web se pueden diseñar escribiendo el código apropiado en un archivo con extensión .less y luego convirtiéndolo en un archivo CSS. Pasos para instalar LESS: Paso 1: Para instalar LESS, primero asegúrese de que node … Continue reading «¿Cómo importar LESS a través de npm?»
En este artículo, aprenderá cómo voltear una imagen (agregar efecto de espejo), tanto horizontal como verticalmente cuando el mouse se desplace sobre ella. Esto se puede hacer aplicando la transformación a la imagen como se muestra en el siguiente ejemplo: Ejemplo 1: Este ejemplo representa cómo voltear una imagen horizontalmente transformándola a lo largo del … Continue reading «¿Cómo voltear una imagen al pasar el mouse usando CSS?»
En este artículo, diseñaremos algunos tipos diferentes de formas usando CSS. CSS es capaz de hacer todo tipo de formas. Creando un cuadrado: html <!– Write HTML code here –> <!DOCTYPE html> <html> <head> <style> .square { height: 50px; width: 50px; background-color: green; } </style> </head> <body> <div class=»square»></div> </body> </html> Producción: … Continue reading «¿Cómo crear formas usando CSS?»
La propiedad de transición en CSS se usa para crear alguna transición en un elemento. Esta propiedad cambia el valor sin problemas. Este artículo contiene un efecto de desplazamiento sobre un elemento div para cambiar el ancho y el alto de los elementos después de la transición. La lista de propiedades de transición se da … Continue reading «¿Taquigrafía de transición con múltiples propiedades en CSS?»
Ambos son selectores del HTML utilizado en el CSS para seleccionar elementos secundarios específicos. El :first-child: El selector :first-child se usa para seleccionar aquellos elementos que son los elementos del primer hijo. Para :first-child selector, se debe declarar <!DOCTYPE> para IE8 y versiones anteriores. El :first-of-type: El :first-of-type Selector se utiliza para apuntar al primer hijo … Continue reading «Diferencia entre :first-child y :first-of-type selector en CSS»
EasyUI es un marco HTML5 para usar componentes de interfaz de usuario basados en tecnologías jQuery, React, Angular y Vue. Ayuda a crear funciones para aplicaciones móviles y web interactivas, lo que ahorra mucho tiempo a los desarrolladores. En este artículo, aprenderemos a diseñar el diálogo de inicio de sesión y el diálogo de mensajes … Continue reading «¿Cómo diseñar el diálogo de inicio de sesión usando jQuery EasyUI Mobile?»
En este artículo, vamos a discutir dos métodos para obtener una vista previa de una imagen que se toma como entrada a través de un formulario. Vamos a utilizar el constructor de JavaScript FileReader() para leer la imagen proporcionada y luego la mostraremos. Ejemplo: Veamos la estructura HTML con el estilo CSS. html <!DOCTYPE html> … Continue reading «Obtenga una vista previa de una imagen antes de cargarla usando jQuery»