es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Agregue enlaces de Tweetable en su contenido con InlineTweet.js

Verá esta característica mucho en sitios grandes como TechCrunch y Mashable. Leerás un artículo y notarás que una oración completa se resalta como un enlace .

Sin embargo, al hacer clic en él, se abrirá una ventana de tweets en la que se le pedirá que comparta ese fragmento de texto con sus seguidores de Twitter. Es una gran manera de atraer tráfico a su sitio y fomentar más acciones sociales.

Para replicar este efecto en su sitio, pruebe InlineTweet.js . Puede ahorrarte horas de tiempo de configuración al agregar esta funcionalidad directamente a tu página.

Este plugin gratuito de JavaScript es muy fácil de instalar e incluso tiene un plugin gratuito de WordPress si prefieres esa ruta.

No requiere ninguna dependencia de JavaScript, por lo que puede ejecutar este sans-jQuery.

Todo el contenido funciona directamente a través de los atributos de datos, por lo que los configuraría uno por uno, según su contenido. Naturalmente, el plugin WordPress hace que esto sea mucho más fácil, por lo que si prefiere tener más control, esta es una gran opción.

En la página principal del script, encontrará algunos fragmentos de código que demuestran cómo funciona esto.

Solo necesita incluir el script JS en su página y copiar algunos CSS en su hoja de estilos (solo 3 bloques). A partir de ahí, puede anexar códigos HTML como este:

 Lorem Khaled Ipsum es la clave principal del éxito 

El único elemento requerido aquí es el atributo top data-inline-tweet . Esto es lo único que necesita para que el efecto funcione, todo lo demás es opcional .

Pero esas opciones adicionales marcan la diferencia porque agregan características al tweet generado automáticamente :

  • Data-inline-tweet-via - agrega una @mention en el tweet
  • Data-inline-tweet-tags : agrega etiquetas al tweet (si hay espacio)
  • Data-inline-tweet-url : incluye una URL clicable en tu tweet

La configuración puede ser difícil, por lo que recomiendo usar el plugin de WordPress si puede.

Pero, no es tan malo si solo copie / pegue los contenidos en cualquier texto que desee tweetable. Y para un complemento gratuito, esta cosa es muy liviana.

Eche un vistazo a la página de demostración para ver esto en acción y consulte el repositorio de GitHub si quiere obtener más información.

Petal es un framework de interfaz de usuario de CSS organizado y liviano que se ejecuta en LESS

Petal es un framework de interfaz de usuario de CSS organizado y liviano que se ejecuta en LESS

Desde Bootstrap hasta Foundation, parece que hay un flujo interminable de marcos de CSS para elegir. Pero pocos corren en MENOS e incluso menos están tan bien organizados como Petal .Este pequeño proyecto de código abierto fue creado internamente para el equipo de Shakr, pero decidieron publicarlo todo en GitHub . S

(Consejos de tecnología y diseño)

40 hermosos fondos de escritorio minimalistas

40 hermosos fondos de escritorio minimalistas

Hay millones de personas en todo el mundo que viven de los fenómenos del minimalismo. Desde alimentos y ropa hasta relaciones y otras opciones de vida, los minimalistas practican la ideología "menos es más" en todos los aspectos de su estilo de vida .Si eres fanático del minimalismo, este escaparate de hermosos fondos de escritorio minimalistas es lo que buscas. Ad

(Consejos de tecnología y diseño)