Fuentes web seguras CSS

Hay una variedad de fuentes disponibles en CSS y uno puede usar cualquier tipo de fuente en sus hojas de estilo. Sin embargo, es posible que no todas las fuentes sean compatibles con el navegador o el sistema operativo del usuario. Para superar este problema, se utiliza un sistema alternativo con fuentes web seguras para … Continue reading «Fuentes web seguras CSS»

¿Cómo codificar/decodificar URL usando AngularJS?

Codificar URL Dada una URL y la tarea es codificar la URL en AngularJS. Enfoque: El enfoque es utilizar el método encodeURIComponent() para codificar la URL. En el primer ejemplo, la URL (‘https://ide.geeksforgeeks.org/tryit.php’) está codificada y en el segundo ejemplo, la URL (‘https://www.geeksforgeeks.org’) está codificada. Ejemplo 1: html <!DOCTYPE HTML> <html>   <head>     <script src= … Continue reading «¿Cómo codificar/decodificar URL usando AngularJS?»

Crea un efecto de texto 3D usando HTML y CSS

El efecto de texto 3D es uno de los efectos de texto más utilizados en el mundo del diseño web. Como diseñador o desarrollador front-end, uno debe saber cómo crear un efecto de texto en 3D. Hoy veremos uno de los métodos más simples y fáciles para crear nuestro texto en 3D. Enfoque: el efecto … Continue reading «Crea un efecto de texto 3D usando HTML y CSS»

¿Cómo colocar el icono de Font Awesome en el campo de entrada?

Colocar el icono de Font Awesome en tu formulario es una idea innovadora que llamará la atención sobre tu sitio web. Es tan simple como poner el icono de Font Awesome en cualquier botón. La etiqueta <i> y la etiqueta <span> se usan ampliamente para agregar íconos en las páginas web. Para agregar cualquier ícono … Continue reading «¿Cómo colocar el icono de Font Awesome en el campo de entrada?»

¿Cómo cambiar la URL de origen de la imagen usando AngularJS?

Aquí la tarea es cambiar la URL de origen de la imagen con la ayuda de AngularJS. Enfoque: El enfoque es cambiar la URL de la imagen cuando el usuario hace clic en el botón. Cuando un usuario hace clic en un botón, se llama a un método junto con la nueva URL, ese método … Continue reading «¿Cómo cambiar la URL de origen de la imagen usando AngularJS?»

Creación de un control deslizante de rango en HTML usando JavaScript

Los controles deslizantes de rango se utilizan en las páginas web para permitir que el usuario especifique un valor numérico que no debe ser menor que un valor dado ni mayor que otro valor dado. Es decir, permite elegir el valor de un rango que se representa como un control deslizante. Un control deslizante de … Continue reading «Creación de un control deslizante de rango en HTML usando JavaScript»

¿Cómo configurar la clase activa en el menú de navegación desde el arranque?

Para establecer dinámicamente la clase activa en el menú de navegación desplazándose o haciendo clic en los enlaces de navegación, la clase activa debe establecerse en cada sección según la posición de la página web. Para agregar métodos y variables, se utiliza JavaScript. Para realizar alguna acción, las funciones se pueden llamar en algunos eventos, … Continue reading «¿Cómo configurar la clase activa en el menú de navegación desde el arranque?»

¿Cómo subrayar un contenido de texto usando HTML?

En este artículo, crearemos un texto subrayado usando la etiqueta <u> en el documento. Significa subrayar y se usa para subrayar el texto encerrado dentro de la etiqueta <u> . Esta etiqueta se usa generalmente para subrayar palabras mal escritas. Esta etiqueta requiere una etiqueta inicial y otra final. Sintaxis:   <u> Contents… </u> Ejemplo 1: este … Continue reading «¿Cómo subrayar un contenido de texto usando HTML?»

¿Cómo dibujar con el mouse en el lienzo HTML 5?

En este artículo, exploraremos algunas formas de dibujar con el puntero del mouse en el lienzo de HTML 5. El lienzo HTML es esencialmente un contenedor para varios elementos gráficos como cuadrados, rectángulos, arcos, imágenes, etc. Nos brinda un control flexible sobre la animación de los elementos gráficos dentro del lienzo. Sin embargo, la funcionalidad … Continue reading «¿Cómo dibujar con el mouse en el lienzo HTML 5?»

¿Cómo usar el índice z en elementos svg?

El índice z solo funciona en el contenido completo. Esto se debe a que el HTML renderizado controla el posicionamiento antes de pasarlo al SVG renderizado para colocar el contenido SVG interno. Entonces, básicamente no hay un índice z para SVG, usa el modelo de pintores . Modelo de pintor: Según este modelo, la pintura … Continue reading «¿Cómo usar el índice z en elementos svg?»