Mostrar los tags: li

Mostrando del 71 al 80 de 554 coincidencias
Se ha buscado por el tag: li
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.656 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

Blog para programadores


Laravel

Publicado el 8 de Abril del 2021 por Oscar (8 códigos)
1.910 visualizaciones desde el 8 de Abril del 2021
Este proyecto hecho en laravel, te servirá para que puedas tener un blog propio donde puedas escribir sobre temas de programación, o si lo prefieres con pequeños cambios podrás hablar sobre otros temas.
Viene con vistas predeterminadas, tal y como se ve en mi blog personal. Estoy invitando a cualquier desarrollador a que aporte a este código fuente posteado en un repositorio de github, por si encuentra alguna vulnerabilidad o quiere realizarle mejoras a los módulos del sistema.
Imágen de perfil

Convertir las urls de un texto en enlace HTML


JavaScript

Publicado el 5 de Abril del 2021 por Katas (200 códigos)
3.812 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto plano, y devuelve el mismo texto pero con las urls en formato HTML (<a href="....">) para que puedan ser pulsadas por el usuario en la web.

1
2
3
4
console.log(urlTextToHTML("la url: https://www.dom.au esta ok")); // "la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok"
console.log(urlTextToHTML("la url: https://www.dom.au/index.html esta ok")); // "la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok"
console.log(urlTextToHTML("las urls: https://dom.au y https://www.dom.au estan ok")); // "las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok"
console.log(urlTextToHTML("texto sin url")); // "texto sin url"

Para quitar el tag html añadido al enlace, puedes utilizar la función urlHTMLToText() https://www.lawebdelprogramador.com/codigo/JavaScript/6994-Quitar-el-codigo-HTML-de-las-urls-de-un-texto.html
Imágen de perfil

Quitar el código HTML de las urls de un texto


JavaScript

Publicado el 5 de Abril del 2021 por Katas (200 códigos)
2.856 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto con enlaces en formato HTML, y devuelve el mismo texto pero quitando el formato HTML (<a href="....">).

1
2
3
4
console.log(urlHTMLToText('la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok')); // "la url: https://www.dom.au esta ok"
console.log(urlHTMLToText('la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok')); // "la url: https://www.dom.au/index.html esta ok"
console.log(urlHTMLToText('las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok')); // 'las urls: https://dom.au y https://www.dom.au estan ok'
console.log(urlHTMLToText('texto sin url')); // "texto sin url"

Esta función hace lo contrario que la función urlTextToHTML() https://www.lawebdelprogramador.com/codigo/JavaScript/6993-Convertir-las-urls-de-un-texto-en-enlace-HTML.html
Imágen de perfil

Determinar si se repite algún valor dentro de una lista


Python

Publicado el 31 de Marzo del 2021 por Katas (150 códigos)
2.010 visualizaciones desde el 31 de Marzo del 2021
Función que devuelve True si alguno de los valores de una lista se repite. False en caso de que todos los valores sean diferentes

1
2
3
4
seRepiten([1,2,3,4]) # False
seRepiten([1,2,3,2,4]) # True
seRepiten(["a","b","c"]) # False
seRepiten(["a","b","c","c"]) # True
Imágen de perfil

Poner en mayúsculas la primera letra de una frase con JavaScript


JavaScript

Publicado el 24 de Marzo del 2021 por Katas (200 códigos)
1.537 visualizaciones desde el 24 de Marzo del 2021
Función para poner la primera letra de una cadena en mayúsculas.

1
2
3
4
capitalize(""); // ""
capitalize("a"); // "A"
capitalize("la casa azul"); // "La casa azul"
capitalize("la     casa    azul"); // "La     casa    azul"


Si deseas poner la primera letra de toas las palabras en mayúsculas: https://www.lawebdelprogramador.com/codigo/JavaScript/6967-Poner-en-mayusculas-la-primera-letra-de-todas-las-palabras-de-una-frase-con-JavaScript.html
Imágen de perfil

Poner en mayúsculas la primera letra de todas las palabras de una frase con JavaScript


JavaScript

Publicado el 24 de Marzo del 2021 por Katas (200 códigos)
1.284 visualizaciones desde el 24 de Marzo del 2021
Dos función para poner la primera letra de cada palabra de una cadena en mayúsculas.

La primer función mantiene los espacios en blando entre las palabras
1
2
3
4
capitalizeEachWord1(""); // ""
capitalizeEachWord1("a"); // "A"
capitalizeEachWord1("la casa azul"); // "La Casa Azul"
capitalizeEachWord1("la     casa    azul"); // "La     Casa    Azul"

La segunda versión, solo mantiene un espacio entre las palabras, eliminando el resto de ellos
1
2
3
4
capitalizeEachWord2(""); // ""
capitalizeEachWord2("a"); // "A"
capitalizeEachWord2("la casa azul"); // "La Casa Azul"
capitalizeEachWord2("la     casa    azul"); // "La Casa Azul"


Si deseas poner en mayúsculas solo la primera letra: https://www.lawebdelprogramador.com/codigo/JavaScript/6968-Poner-en-mayusculas-la-primera-letra-de-una-frase-con-JavaScript.html