miércoles, 18 de junio de 2014

Como hacer Google Maps responsivo con Javascript

Utiliza el siguiente código JavaScript antes de cerrar la etiqueta head en su archivo HTML. function initialize() { var mapOptions = { zoom: 9, center: new google.maps.LatLng(28.9285745, 77.09149350000007), mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById('location-canvas'), mapOptions); var marker = new google.maps.Marker({ map: map, draggable:...

Obtener los videos de Youtube con PHP

Nos pasa que tenemos que mostrar los videos de un canal de Youtube y tener un script a la mano es lo mejor que nos puede pasar. Para esto usaremos la funcion curl pero ligeramente modificada para nuestro propósito. function curl_get_contents($url) { // Iniciamos la sesión curl $ch = curl_init(); // seteamos la url curl_setopt($ch, CURLOPT_URL, $url); // Removemos las cabeceras de la salida curl_setopt($ch, CURLOPT_HEADER, 0); // Retornamos la salida en lugar de mostrarla directamente curl_setopt($ch, CURLOPT_RETURNTRANSFER,...

lunes, 16 de junio de 2014

scrollTop no funciona en IOS (Solución)

En el trabajo haciendo responsivo el sitio web de Trilce todo iba bien, hasta que al testearlo en un Ipad Mini me topé con un problema, y es que scrollTop no funciona en dispositivos móviles de Apple Se apreciaba un efecto de parpadeo indeseable y te digo que no es tu culpa. $('html,body').animate( { scrollTop: 100, scrollLeft: 200 }, 800, function(){ $('html,body').clearQueue(); } ); Es un bug y la solución que le...