Pasar al contenido principal

javascript

¿Cómo crear un acordeon con jQuery?

Un acordeón es un elemento sencillo pero muy útil en el diseño web pues nos permite ahorrar espacio vertical en la página, además de aportar usabilidad y estética. Y en este post vamos a ver como escribir nuestro propio acordeon en apenas 7 líneas de jQuery. Comencemos.

La estructura HTML es muy sencilla, solamente un contenedor con la clase "acordeon" y varios elementos iguales dentro. Cada elemento del acordeon será un "h2" (el titulo en el que se hará clic) y un párrafo oculto por css (este se mostrará al hacer clic en el título).

¿Cómo colorear código en tu página web con Prism.js?

Si quieres mostrar código en tu página web (por ejemplo, para documentación o tutoriales) basta con encerrar el código entre las etiquetas <pre><code> Su código </code></pre>. La etiqueta <code></code> es semántica e indica que estamos escribiendo código. Y la etiqueta <pre></pre> sirve para respetar los saltos de línea y los espacios al mostrar el código.

Veamos un ejemplo

JavaScript: Arrays que no son arrays

En JavaScript existe un tipo especial de objeto llamado comunmente array-like (parecido a un array) y es que a la vista parece ser un array, valores separados por comas, encerrados en corchetes, se puede accedr a sus elementos con [i]. Sin embargo, cuando intentamos usar métodos como .map() .reduce() .slice(), etc el intérprete nos arroja un error, demostrandonos que no estamos realmente frente a un array. Y cuando comenzamos con JavaScript no conocer este detalle puede ser realmente frustrante.

Tip: Capturar y copiar texto seleccionado con JavaScript

Capturar el texto que un usuario selecciona tiene muchas utilidades, por ejemplo, mostrar un callout para compartir esa selección en Google (como hace Medium). También puedes usarlo para añadir un comentario específico sobre esa selección. O para responder un comentario citando una parte específica de este. Así que manos a la obra, porque es más fácil de lo que parece.

Javascript: filtrar elementos de un array con .filter()

El método filter() de Array.prototype nos permite filtrar solo los elementos que deseamos (segun ciertos criterios) y devolverlos en un nuevo array. Pongamos un ejemplo muy sencillo, de la siguiente lista de números, queremos obtener solamente los mayores que 10.

let numbers = [1,5,23,4,12,45,78,8,8.9,10,11,3.4,10.1,84,6]

Nuestro primer razonamiento probablemente sea hacer lo siguiente:

Suscribirse a javascript