Mostrar los tags: r

Mostrando del 331 al 340 de 3.145 coincidencias
Se ha buscado por el tag: r
Imágen de perfil

Teclado musical


Python

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 16 de Abril del 2021 por Antonio (77 códigos) (Publicado el 15 de Marzo del 2021)
4.726 visualizaciones desde el 15 de Marzo del 2021
Teclado musical para distintas formas de onda (WAVEFORM) donde la entrada "DURATION" determina la duración (en milisegundos) de cada nota, "GAIN" determina la ganancia en la amplitud de onda (amplitud adicional) y "FADE IN" y "FADE OUT" sirven para suavizar los milisegundos iniciales y finales de cada nota respectivamente.

PARA CUALQUIER DUDA U OBSERVACIÓN, USEN LA SECCIÓN DE COMENTARIOS.

kbr
Imágen de perfil

Mover una cortina por encima de una imagen


JavaScript

Publicado el 16 de Abril del 2021 por Info (100 códigos)
1.494 visualizaciones desde el 16 de Abril del 2021
Este código permite sobreponer parte de una imagen encima de la otra, y con el ratón mover parte de la imagen superior sobre la imagen inferior.

cortina-por-encima-imagen


Para este efecto se utilizan dos imágenes, la que esta encima y la que se encuentra debajo, y pulsando sobre la imagen o arrastrando el ratón, podemos descubrir mas o menos la imagen inferior.
El encargado de crear este efecto es el estilo clip-path https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Para el ejemplo, he utilizado una imagen a color, y la misma imagen en escala de grises para visualizar el efecto.
Imágen de perfil

Determinar si un valor es numérico o un objeto Number()


JavaScript

Publicado el 14 de Abril del 2021 por Katas (200 códigos)
1.013 visualizaciones desde el 14 de Abril del 2021
Tres funciones para determinar diferentes tipo de números.

isNumberValue() Determina si es una variable con un valor numérico

isNumberObject() Determina si es un objeto Number()

isNumber() Determina si es una variable numero o un objeto Number(). Utiliza las dos funciones anteriores.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
isNumberValue(10); // true
isNumberValue(-10.2); // true
isNumberValue("10"); // false
isNumberValue("casa"); // false
isNumberValue(new Number(5)); // false
 
isNumberObject(new Number(5)); // true
isNumberObject(5); // false
isNumberObject("10"); // false
 
isNumber(new Number(5)); // true
isNumber(new Number(5.2)); // true
isNumber(new Number(-1.5)); // true
isNumber(new Number(-0.0)); // true
isNumber(new Number(0.0)); // true
isNumber(new Number(0)); // true
isNumber(new Number(1e5)); // true
isNumber(5); // true
isNumber(5.2); // true
isNumber(-1); // true
isNumber(-0.0); // true
isNumber(0.0); // true
isNumber(0); // true
isNumber(1e5); // true
Imágen de perfil

Rotar diferentes grupos de imágenes a diferente velocidad en milisegundos


JavaScript

Publicado el 13 de Abril del 2021 por Joel (150 códigos)
1.424 visualizaciones desde el 13 de Abril del 2021
Función que permite rotar un grupo de imágenes a una velocidad especificada en milisegundos, y permite indicar si al finalizar la rotación vuelve a empezar desde el principio.

Para cada rotación de imágenes, la función tiene que recibir:
- los milisegundos que se mostrara cada imagen
- array con la ubicación de las imágenes
- id del elemento <img> donde mostrar las imagenes
- un valor boleano que determina si cuando finalicen las imagenes, empieza desde el inicio nuevamente (por defecto es true)

En este gif, se muestran varios grupos de imágenes que se mueven a diferente velocidades.
rotar-imagenes-cada-n-milisegundos
Imágen de perfil

Crear una factura con JavaScript


JavaScript

Publicado el 13 de Abril del 2021 por Info (100 códigos)
19.140 visualizaciones desde el 13 de Abril del 2021
Este código muestra como crear el cuerpo de una factura, permitiendo entrar el nombre de un producto, la cantidad y el importe.
En cada entrada, se calcula el importe del producto, subtotal, el 21% de IVA (Impuesto en España) y el total de la factura.
Cada vez que se introduce un producto, se añade una nueva fila para añadir un nuevo producto de manera automática.

factura-con-javascript
Imágen de perfil

InvertImage


Java

Publicado el 10 de Abril del 2021 por Francisco Javier Rojas Garrido (26 códigos)
1.207 visualizaciones desde el 10 de Abril del 2021
Aplicación que muestra la filosofía de la opción de modo oscuro que estoy añadiendo a mis aplicaciones.
La idea es que cada vez que se cambia de modo (modo normal -> modo oscuro, ó modo oscuro -> modo normal), los colores de la aplicación se inviertan.
Así pues, esa traducción de colores implica invertir cada uno de los componentes RGB:

R = 255 - R
G = 255 - G
B = 255 - B

De esta manera, los colores claros pasan a ser oscuros y viceversa.

Además, si aplicamos la función de traducción de colores dos veces a un color, obtenemos el color original.

La aplicación muestra esta filosofía de inversión de colores sobre una imagen escogida por el usuario.

espero que a alguno de vosotros le guste.



InvertImage.v1.0
Imágen de perfil

Menú Bootstrap


HTML

Actualizado el 9 de Abril del 2021 por Carlos Luis (2 códigos) (Publicado el 20 de Agosto del 2017)
5.106 visualizaciones desde el 20 de Agosto del 2017
Menú Bootstrap configurable referente al color.

Resumen:

Muchas veces necesitamos tener una barra de navegación (navbar), diferente al color por defecto o al color inverso.

En ese caso utilizamos google para buscar soluciones. En mi caso, encontré algunas pero siempre me parecían muy complicadas; así que después de algún tiempo estudiando llegue a esta barra.

Espero sea de su utilidad y les ayude a aclarar un poco el tema.

Y con el permiso de autor de este vídeo, me permito recomendarlo: