Agregue texto de desplazamiento de margen a cualquier sitio web fácilmente con Marginotes

La información sobre herramientas en línea es fantástica, pero a veces simplemente no encaja bien con cierto contenido. La mayoría de los sitios web dejan espacio en los márgenes a lo largo del cuerpo de la página y esto es perfecto para agregar contenido al estilo de información sobre herramientas sin la información sobre herramientas .

Introduzca Marginotes, un plugin jQuery de fuente abierta que agrega notas personalizadas a los márgenes de su página web. Puede alternar estas notas según los enlaces o ciertos elementos de la página, como las imágenes.

Este complemento es sorprendentemente fácil de configurar y viene con una hoja de estilo predeterminada para sus notas de margen. Estos aparecen al costado de su contenido y se alinean justo al lado del elemento de párrafo en su página web.

Las notas emergentes se agregan manualmente a los elementos HTML, usando un atributo desc . Nunca he visto esto en HTML5, así que no puedo decir si es totalmente compatible. Pero es captado por JavaScript, que es todo lo que realmente necesitas.

También puede cambiar este atributo cuando ejecuta la función de marginotes(), por lo que podría cambiarlo a algo así como data-desc si está buscando ser más compatible.

Aquí está la línea de jQuery necesaria para que este plugin funcione:

 $ ("selector"). marginotes () 

Debe reemplazar "selector" con los elementos a los que se dirige. Por lo tanto, si están dentro del cuerpo de su página, puede usar ".body span" . También puede orientar enlaces de anclaje o por ciertas clases agregadas a estos elementos.

Dentro de la función de marginotes(), puede agregar dos parámetros opcionales para cambiar el formato de nota de margen:

1. width : establece el ancho de la nota (el valor predeterminado es 100 px)
2. field - establece el atributo de contenido HTML (por defecto es "desc" )

Además, si no te gusta usar jQuery puedes probar el plugin Marginotes de vanilla . Se ejecuta en JS vainilla, por lo que tiene cero dependencias para obtener todas las mismas características.

También puedes ver esta demostración en vivo si quieres verla en acción. Este es definitivamente un plugin único y es una gran manera de agregar contenido adicional a su sitio.

Cómo ejecutar tareas personalizadas en Windows 10 con Cortana

Disfruto dictar comandos a Cortana en mi PC con Windows, sin embargo, hay ciertas tareas que Cortana no puede hacer . Y así, seguí buscando la forma de hacer más con Cortana sin esperar a que Microsoft agregara más comandos.Mi objetivo era ampliar la funcionalidad de Cortana y, afortunadamente, permite ejecutar o ejecutar cualquier script o programa instalado en la computadora, lo que significa que puedo crear un script de shell o de lote o crear mi propio programa para hacer casi cualquier cosa. De

(Consejos de tecnología y diseño)

30 temas retros de WordPress para Hipsters

A la gente le encanta la sensación de nostalgia que aparece cada vez que ves algunas fuentes retro, colores desteñidos y fotografías en blanco y negro. A muchos diseñadores les gusta combinar lo viejo y lo nuevo: son lo suficientemente valientes como para incorporar el estilo de la vieja escuela en sus diseños. Los

(Consejos de tecnología y diseño)