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.

Escaparate de fotografía de agua en blanco y negro

La mayoría de los fotógrafos parecen disfrutar al menos incursionar en la fotografía en blanco y negro, y para muchas fotografías en blanco y negro parece ser un método favorito para las fotos. Tal vez esto es para quitar el color muestra los temas en su forma cruda. En blanco y negro, parece que podemos mirar en la esencia misma de un momento, realmente verlo a través de los ojos del fotógrafo.El agu

(Consejos de tecnología y diseño)

10 increíbles complementos de PostCSS para hacerte un asistente de CSS

PostCSS se ha convertido recientemente en el nuevo tipo genial en los círculos de desarrollo web, y con razón, ya que ofrece una excelente manera de acelerar el flujo de trabajo de desarrollo de frontend y mejorar la calidad de CSS . Es una herramienta increíblemente versátil que hace posible la transformación de estilos CSS con complementos de JavaScript . Su

(Consejos de tecnología y diseño)