Entradas

Resaltar texto en página con jquery

Es muy común en algunas páginas web que haya un texto resaltado debido a una búsqueda o palabra clave destacada, esto se puede hacer directamente en la página del lado del usuario/navegador con jquery, evitando resaltar desde el lenguaje de programación usado en el servidor de hosting.

Primero hay que crear un estilo para resaltar el texto
<style type="text/css"> .highlight { background-color: yellow } </style>
Luego debemos enlazar un plugin de jquery, porsupuesto luego invocar a jquery.
<script language="javascript" type="text/javascript" src="/js/jquery.highlight-3.yui.js"></script> Seguido vamos a crear el script que buscará un párrafo <p> con la palabra a destacar, en este caso del ejemplo será laptops.
<script language="javascript" type="text/javascript"> $(document).ready(function() { $('p').highlight('laptops'); …

Agregar ID aleatorios a archivo CSS para actualizarlo y evitar el caché

Imagen
Este sencillo código te permitirá evitar el caché del navegador del usuario o evitar el caché del hosting. Por ejemplo si tienes un archivo CSS en tu página:
<link href="https://www.guiaplaza.com/css/estilos.css" rel="stylesheet">
Lo más probable es que éste se almacene en el caché y cuando quieras hacer una actualización y subas el archivo no verás los cambios. Si la extensión de tu página es .php podrás agregar este sencillo código.
<?php echo '?'.rand(1000, 9999); ?>
Cuando ya no necesites la actualización automática simplemente puedes comentar la línea:
<?php //echo '?'.rand(1000, 9999); ?>
¿Cómo Funciona? <link href="https://www.guiaplaza.com/css/estilos.css<?php echo '?'.rand(1000, 9999); ?>" rel="stylesheet">
Es sencillo, echo es la sentencia que imprime en la página y rand() es un generador aleatorio, en este caso generará un número aleatorio entre 1000 y 9999, puedes ampl…

Poner en negritas parte de un texto en una página

Imagen
Este efecto lo he visto en un sitio llamado DePeru.com en sus noticias hay un texto que no está en negrita con la etiqueta <strong> o <b> sino que se convierte en negrita gracias a Jquery (en el código fuente).

El uso de este efecto se puede trasladar a muchos otros escenarios donde podríamos necesitar cambiar los estilos para nuestras páginas.

Para este caso el webmaster ha detectado que todos sus textos tienen un <p> que empieza con una raya (o guión) ... visto desde el código fuente por supuesto.

<p>- Multiplicar el impacto -</p> Para cualquier otra aplicación podría ser un <h1>, <a>... etc

El truco es simple, debajo de la llamada al archivo Jquery externo y antes de finalizar el body agregar el script:

<script> $( ".contenido p:contains('- ')" ).css( "font-weight","bold" ); </script> </body> </html>
Dónde:.contenido es el class que contiene al texto, luego le dice que busque u…

Protege tus fotos propias con imágenes sobrepuestas

Imagen
En internet hay 03 tipos de usuarios, los novatos, los intermedios y los expertos, para estos últimos que tienen altos conocimientos, será imposible intentar bloquear una imagen, sin embargo para los otros dos primeros y que son la mayoría si es viable.

Un truco poco difundido es usar imágenes transparentes, normalmente gif o png que se colocan encima (sobreponer) de la imagen que se desea proteger.

El usuario al dar clic derecho no podrá grabar la imagen protegida, sólo tendrá acceso a grabar la imagen transparente que se encuentra encima.

Las imágenes transparentes la podemos crear en cualquier tamaño, se pueden estirar sin problema porque no tienen información visual y con cualquier programa gratuito se pueden realizar.

Veamos el ejemplo, protegeremos la imagen que se ve:




Aún poniendo la foto en una plataforma gratuita como blogger es posible proteger las fotos, ahora veamos el código:
<img alt="foto escondida" height="384" src="http://1.bp.blogspot.com…

Lista de Anunciantes para ads.txt

El último acuerdo del IAB ahora incluye agregar una lista de las cuentas de anunciantes que los editores tienen en las redes publicitarias, las famosas networks.

Cabe destacar que a veces los publishers tienen más de una cuenta, por ejemplo una cuenta de adsense para el diseño de pc de escritorio y otra cuenta de Adsense para móviles, en este caso hay que agregar ambas cuentas.
LISTA de ejemplo para ads.txt google.com, pub-xxxxxxxxxxxxxxxx, DIRECT
c.amazon-adsystem.com, xxxx, DIRECT
teads.tv, xxxxx, DIRECT, 15a9c44f6d26cbe1
facebook.com, xxxxxxxxxxxxxxx, DIRECT
appnexus.com, xxxx, DIRECT
indexexchange.com, xxxxxx, DIRECT
liveintent.com, xxx, DIRECT
openx.com, xxxxxxxxx, DIRECT
rubiconproject.com, xxxxx, DIRECT
yieldmo.com, xxxxxxxxxxxxxxxxxxx, DIRECT

--- PRONTO ---
taboola.com,
vidweb.com,
disqus.com

Aún falta completar, pero iremos agregando según vaya llegando más información.

(*) Las equis (x) representan el número de dígitos hasta ahora conocidos.

Demo: ver ads.txt

Especial Cordova - 4 - Creando APK para Publicar en Store

Imagen
Supongo que ya has probado y re-probado tu App en el emulador y quizás en tu propio móvil, bueno el archivo que has estado usando está en modo "debug", así que vamos por pasos:

Ahora debes tener un archivo como este: android-debug.apk
1. Crear el archivo en modo "release" el cual está preparado para ser publicado, pero falta firmar con un certificado que te identifica como su creador y te permite solo a ti hacer una actualización del App.

cordova build --release android

Esto generará un archivo como este otro: android-release-unsigned.apk
2. Firmar APK teniendo archivo keystore Habiendo generado tu archivo keystore haz esto:

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore firma.keystore android-release-unsigned.apk alias

donde:

firma.keystore es el nombre del archivo generado o que ya tienes.

alias fue usado en la creación del archivo keystore

Cuando lo ejecutes te pedirá la clave que igualmente usaste en el keystore.

En este paso tu archivo a…

Especial Cordova - 1 - La Instalación

Imagen
Mucho se habla que Cordova es muy fácil y que cualquiera puede hacer aplicaciones híbridas, bueno vamos a facilitarle la vida a muchos, ojalá hubiese yo encontrado la información que les voy a dar en estos artículos.
PARA MAC Para empezar de cero reinstalé el sistema operativo de mi MAC- Sierra. Ustedes lo pueden hacer instalar desde donde ya están.
1. Asegurarse que ya tienen instalado el JDK de JAVA Abrir Safari y entrar a este link:   https://www.java.com/es/download/installed8.jsp
Lógico, dar clic en el botón rojo de "Verificar versión de Java"

Si no lo tienen instalarlo de: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Clic en botón:  "Accept License Agreement" y elegir descarga de "Mac OS X226.57 MB  jdk-8u131-macosx-x64.dmg" o la última que que haya en este momento.
2. Descargar  e instalar Node.js porque este software trae un administrador de paquetes vía consola llamado NPM y con ese vamos a instalar Cordova…