Map Maker de Google vuelve

map maker innova cusco

Después de la suspensión realizada por un dibujo hecho con Google Map Maker que ofendió a la empresa de Apple. Hoy día se activo y esta lista para poder añadir empresas y lugares en Google Maps.

Firefox comenzará a bloquear todas las versiones de Adobe Flash

Firefox Adobe Flash

Para las empresas que tiene su sitio web desarrollado en Adobe Flash Player deben de realizar cambios del tipo de desarrollo porque Firefox comenzará a bloquear por defecto este complemento en todas las versiones.

Esto por razones de vulnerabilidad de Adobe Flash el cual usamos a diario que ocasiono un ataque a la empresa de espionaje Hacking Team.

No deje que tu sitio web deje de verse por personas que utilizan este gran navegador web, Actualiza hoy mismo. En Innova Cusco ofertamos una actualización de tu sitio web desde S/ 549.00. Incluye desarrollo para móviles y sistema de administración con la cual usted sera capaz de realizar cambios de su contenido añadir mas imágenes y también precios.

TripAdvisor Widget Responsive

tripadvisor review responsive innova cusco

En la actualidad no tener TripAdvisor para nuestro negocio es como no existir también. en esta oportunidad no enseñare como crearla, pero en un posterior articulo estaré añadiendo la forma exitosa de crear una cuenta.

En este articulo enseñare como hacer que el Widget (código de TripAdvisor) que nos proporciona la página podamos añadir a nuestro sitio web i que este campo se adapte según los dispositivos.

para ello debes de añadir tu Código que es algo así.

HTML WIDGET

<div id="TA_selfserveprop221" class="TA_selfserveprop">
<ul id="APlwuacvZq" class="TA_links eE3W4tjztg">
<li id="wUiGnU3vjbt" class="yKL56s3"><a href="http://www.tripadvisor.com/" target="_blank"><img src="http://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor" /></a></li>
</ul>
</div>
<script src="http://www.jscache.com/......"></script>

CSS

Al añadir este código TripAdvisor añade de forma automática algunos IDs y Clases la cual aprovecharemos para convertirlo en adaptable.

/* ID y Clase que añade a este campo TripAdvisor*/
#CDSWIDSSP {width: 100% !important;}
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {width: 100% !important;}

Y con esto esta listo visualiza en campo en donde añadiste y veras que toma el 100% de su área. Si te sirvió no olvides comentar o dar un Like.

Bootstrap 3 compatible con IE8 IE9

Bootstrap 3 compatible con IE8 IE9

Muchos desarrollamos con el Framework Bootstrap que nos da la facilidad de realizar páginas web adaptables a móviles, Pero al probar en diferentes navegadores tenemos el problema de compatibilidad y la que más nos da este problema es Internet Explorer 8 que no soporta este framework y al visualizar en ella nuestra web es un desastre.

Pero te doy la solución a ello, encontré estos dos enlaces que hacen la maravilla. Solo debes de añadirlos en el <head></head> de tu página web y listo así de fácil.

<head>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

Espero haberte ayudado, no olvides comentar y dar like.

Error de WordPress. No disponible por mantenimiento

Error de WordPress. No disponible por mantenimiento

WordPress hoy en día se a convertido en uno de los CMS favorito para los desarrolladores y para las personas que hacemos el posicionamiento SEO por ser mas ligero. Pero en la producción tenemos un problema que nos da preocupación cuando nos sale el mensaje “No disponible por mantenimiento programado. Vuelve a comprobar el sitio en unos minutos” y nuestra página web se queda colgada.

Este error se produce en le proceso de actualización de los plugins o el propio wordpress se queda colgada y al recargar la pagina web nos muestra este mensaje sin ninguna información de solución y no tenemos ni idea de que hacer.

la solución de este error es simple ya que cuando se realiza la actualización se genera de forma automática un archivo llamado .maintenance en el inicio de nuestro pagina, para dar solución a este mensaje lo que debemos realizar es acceder mediante nuestro cliente FTP luego buscar este archivo y proceder a eliminar, esto nos soluciona el problema del mensaje y se habilita nuestra página web.

Compresión Gzip en WordPress sin usar plugins

compresion gzip

Siempre necesitamos que nuestros sitios web en WordPress estén mucho mas rápido y esto hace que necesitemos habilitar la compresión GZip que realiza en enviar nuestros documentos en un formato comprimido para que ocupen menos espacio y se distribuyan de forma más rápida.

Podemos realizar este proceso de dos formas:

Podemos buscar plugins que nos permite realizar este proceso para ello ingrese a su administración de su pagina web y añade /options.php y quedaría algo así

www.dominio.com/wp-admin/options.php

Nos muestra un listado de opciones de nuestro sitio. Buscamos esta palabra “Gzip” y cambiamos el valor 0 a 1 y con esto seria todo, así de fácil.

Pero si queremos no cargar más plugins a nuestro template podemos realizar de la siguiente forma.

necesitamos acceder al archivo .htaccess que se encuentra en la raíz de nuestro sitio web. y añadimos este pedazo de código.

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
# END GZIP

Guardamos los cambios realizados y eso es todo. Para poder saber si es correcto lo que acabamos de realizar, lo podemos comprobar desde GZip Test. Usted ingresa su dominio y le da clic a check.

Si te fue de ayuda, no olvides dejar su comentario.

Incrustar videos a páginas web con video.js HTML5 y Javascript

Incrustar videos a páginas web con video.js HTML5 y Javascript

CARACTERISTICAS

  1. Código abierto
  2. Gratuito
  3. Fácil de integrar y configurar
  4. Tiene multitud de funciones
  5. Diseño atractivo!
  6. Se puede personalizar el diseño completamente con CSS

Personalización

API – El API Video.js le permite controlar el vídeo a través de javascript o activación de detectores de eventos, si el vídeo se reproduce a través de HTML5, Flash, u otra tecnología de la reproducción.

Skins – Puede cambiar el aspecto del reproductor a través de las tecnologías de reproducción con sólo editar un archivo CSS. La documentación pieles le da una introducción a cómo se ponen juntos el código HTML y CSS de la piel por defecto.

Tech – A ‘la tecnología de reproducción’ es el término que utilizamos para representar vídeo HTML5, Flash y otros plugins de video, así como otros jugadores como el reproductor de YouTube. Básicamente cualquier cosa que tenga una API única de audio o vídeo. Tecnologías adicionales de reproducción se pueden añadir con relativa facilidad.

Plugins – Puede empaquetar interesantes personalizaciones Video.js y reutilizarlos en otros lugares. Averigüe cómo construir su propio plugin o utilice uno creado por otra persona.

insertar este fracmento de código en <HEAD> de tu sitio web

<!-- JS and CSS for Video Player -->
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.12/video.js"></script>
<style type="text/css">
	.vjs-default-skin .vjs-big-play-button { font-size: 2em; }
</style>

Inserte este fracmento de código HTML a la posicion en donde quieras mostrar

<video id="MY_VIDEO_1" class="video-js vjs-default-skin" style="margin-bottom: 15px;" controls preload="none" width="500" height="260" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
	<source src="MY_VIDEO.mp4" type='video/mp4'>
	<source src="MY_VIDEO.webm" type='video/webm'>
	<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

Parametros de configuración

width=”500″: Define el ancho del reproductor.
height=”260″: Define la altura del reproductor.
poster=”MY_VIDEO_POSTER.jpg”: Define una imágen de presentación.

Google da más relevancia a páginas responsive

Google da mas relevancia a paginas responsive innova cusco

Google anuncio que desde el 21 de Abril las páginas que no tengan adaptables sus websites no tendrán la relevancia, ya que el gigante del buscador desea que todas las páginas web sean vistas correctamente en todo tipo de dispositivos.
Para los webMasterTools se les notifico mediante su cuenta. esto no quiere decir de que google desaparecerá del buscador a las páginas que no sean adaptable, solo menciona de que las que son adaptables serán puestos adelante.

google movil penalizacion

si deseas probar tu página web te invito de que pruebes mediante esta ULR: Google Web Master

Te recordamos que las páginas adaptables son aquellas que al ser abiertas en un celular o Tabled tienden a cambiar su estructura para poder mostrar mejor en contenido a los usuarios.