CSS y fuente de google - script bug fix

lunes, 21 de diciembre de 2015

Spotify 2017 ¿ como descargar playlist o pistas y obtenerlo en MP3 ?

Mantendré actualizado este "post" ya que los métodos decaen con el tiempo.

Bueno bueno hoy vamos a explicar como con una cuenta normal en Spotify podemos extraer el tema o playlist (lista de canciones) y exportarlo en un MP3.

Metodo 1 :  VK.com
Con el sitio VK (es una red social como facebook) , requisitos son :

  1. tener una cuenta en Spotify (free)
  2. tener una cuenta en http://vk.com
  3. funciona únicamente en Google Chrome 

Bueno primero creamos una cuenta en Spotify (free). 
Ahora nos creamos una cuenta en  http://vk.com y creamos una cuenta que también es gratuito y nos pide una confirmación a un telefono movil o celular.
VK.com registración paso 1

VK.com registración paso 2
Ahora vamos con Google Chrome y descargamos e instalamos la extensión "Spotify VK Downloader" link https://chrome.google.com/webstore/detail/spotify-vk-downloader/baggnalhgbpeanbhedjlbndhjgmimmhl?utm_source=chrome-app-launcher-info-dialog


Listo ahora ingresamos a nuestra cuenta recientemente creado de VK.COM y de Spotify y vamos seleccionamos una lista o playlist o un álbum o una tema que necesitemos y le damos "play" y vamos al logo verde de nuestra extensión asi :

Solo esperamos un poco y en nuestra extensión nos permite descargar la lista o playlist completa en formato MP3


NOTA : aveces se cuelga y no lo reconoce muy bien y marca "No songs found." ante estos casos solo nos queda insistir y darle F5 (actualizar) volviendo a intentar. Pero funciona nunca me quede sin tema que no pudiera bajar

Algo obvio pero bueno lo comento por si las dudas , las descargas se hacen en la sección de "descargas" de Google Chrome .

miércoles, 18 de noviembre de 2015

Javascript - Caja de texto (input / textbox) con auto completado por JSON y AJAX

Hola a todos hoy voy a enseñar como poner en un "input" o "texbox" (caja de texto) para que cuando escriban salte una lista (tomada por una base de datos y guarde su ID).

Al igual que una tag "<select>" vamos a tener una lista asociado por un ID (oculto) y un TEXTO (visible al usuario). La ventaja de un "<input type='text' >" es que podemos escribir

el ID de cada zona esta oculto para el usuario

Sin utilizar ni recrear la rueda la mejor manera es usar :

  • Jquery 
  • JqueryUI
Rapidamente usamos estas librerias para Javascript desde sus servidores




Ahora creamos un "input" (tiene un id="zona_busqueda") que es donde debemos teclear una zona (que surgen de un listado en forma de Array respetando el campo "ID" y "LABEL" llamado "MiListadoArray").

Autocomplete : es una libreria en Jquery UI  que nos pide dos cosas :

  • source : listado en formato de array ( id / label ) . Este puede ser un JSON tambien
  • minLength : el minimo de letras para que realize la busqueda
  • select : es el evento que sucede cuando seleccionamos


Yo lo subi de manera online https://jsfiddle.net/74oqc0e0
Pero ademas tengo pongo el codigo aca :







Ejemplo de Autocompletado por JQuery UI

Esto va estar oculto al usuario

Ahora sabiendo y viendo el ejemplo podemos usar JSON y AJAX para que los datos salgan de una tabla de una base de datos (mysql , sql server, etc) , el unico parametro que cambia es la opcion que dice "SOURCE" ahi le ponemos la url que DEBE devolver un listado en formato JSON y con las propiedades ( ID / LABEL ) que por defecto esta libreria de JQUERY UI las envia por el metodo GET y el parametro de lo que tecleamos se envia en la variable "term" (por GET como dijimos) .

En resumen solo ponemos la url del archivo en PHP que devuelve un JSON. Este es un ejemplo de como deberia quedar nuestro JSON.

Vamos a llamar a nuestro archivo JSON PHP el nombre "retorna_zonas_por_json.php"
[
    {"id": "1",  "label": "San Luis" }, 
    {"id": "50",  "label": "Santa Cruz"}, 
    {"id": "600", "label": "Santa Fe"}, 
    {"id": "20", "label": "Buenos Aires" }, 
    {"id": "80", "label": "Ciudad Autonoma de Buenos Aires"}
]
Y solo cambiamos la propiedad "SOURCE" con la URL del archivo PHP JSON
    $("#zona_busqueda").autocomplete({

        source: 'retorna_zonas_por_json.php',
        minLength: 2,
        select: function (event, ui) {
            $('#zona_id').val(ui.item.id);
            // evento cuando seleccionamos 
            //UI es el item de nuestro "MiListadoArray"
        }

    });

sábado, 31 de octubre de 2015

¿ windows 7 o 8 o 9 ? ¿ ya sabes cual ?

Hoy vamos a hacer una comparación entre estas diferentes versiones de windows.
Recordemos que : no por que sea la versión mas actual va a ser la que mejor nos funcione.





Te perdonamos Windows 9 , volve !

Por suerte el Windows 9 nunca va a salir a luz directamente saldra el Windows 10 , lo cual solo era una transición , una hoja borrador que se la llevo el viento así dice Tony Prophet ( Vicepresidente de Marketing Educación de Microsoft). Aunque a juzgar por el pasado nos recuerdo al estreno de Windows Vista que al año dejaron de darle soporte oficial y lo piso Windows 7.

Asi que nuestra comparación se basara en Windows 7 VS Windows 8. Analizaremos estos aspectos :


Tiempo de Booteo o inicio 

Windows 8 máquinas sólo tienen 10-15 segundos en arrancar, con un poco de encender aún más rápido dependiendo de la SSD.
Una combinacion con los modos de hibernacion y apagado hacen que windows 8 sea mas rapido al inicio del encendido.
VEREDICTO : ganador windows 8


Rendimientos

Microsoft Windows 8 utiliza como un disfraz bajo el cual para renovar el motor, y los resultados es un sistema mucho más rápido que consume menos recursos que antes. Esto hace que sea una opción mejor que Windows 7 para PC de gama baja.
El rediseño opta por colores simples y menos efectos visuales, que contribuye a la mayor velocidad debido a los recursos ahorrados en comparación con el efecto Aero Glass de Windows 7.
VEREDICTO : ganador windows 8.


Interfaz

La interfaz de usuario de frente que caracteriza a Windows 8 ha sido un gran tema de conversación desde que se reveló, y hay varias razones para ello. Para algunos, el rediseño radical siempre ha sentido más como dos sistemas operativos engranados entre sí, y se ha convertido en el elemento más discutido de la última versión del sistema operativo de Windows.
El hecho que hayan sacado el boton de inicio y que tenga varias pantallas hace que mas se asemeje a un sistema para moviles o smartphone. Para los nuevo usuarios y no tan nuevo puede resultar molesto y desconcertante y confuso esta nueva interfaz.
VEREDICTO : ganador windows 7


Seguridad

Windows 8.1 comparten muchas mas características de seguridad que con Windows 7 , tanto de ellos mediante el cifrado de unidad BitLocker, pero 8.1 va un paso más allá al permitirles por defecto. Siempre se puede descargar Microsoft Security Essentials para Windows 7, y es gratis, pero su hermano menor lo tiene ya incorporado en el sistema.
Y ademas Windows 8 cuenta con el arranque seguro UEFI , tambien polemico y un sistema dependiente que no permite que ingrese otro sistema operativo. Tan seguro como cerrado diría.
VEREDICTO : ganador windows 8


Tiempo de Apagado

Si tienes actualizaciones activadas (activada por defecto) en windows 8 te diria que busques una almohada por que esto puede demorar de 10 a 30 o 60 minutos y recuerda que no puedes apagar el equipo mientras hace una actualización. Solo te queda esperar.
VEREDICTO : ganador windows 7 


Conclusiones 

En realidad depende de que usuario seas . Si eres una empresa y necesitas softwares original debe optar por Windows 8 por que tienen soporte oficial que pueden ayudar bastante.
Pero si eres un usuario particular y necesitas un windows para tu pc hogareña y no te importa el soporte oficial por que nunca lo has llamado a Microsoft y buscas la simplicidad te recomendaria Windows 7.

viernes, 25 de septiembre de 2015

Framework Codeigniter 3 (2015) -¿ como quitar "index.php" de la raiz ?

Para poder quitar la de nuestro proyecto o sitio el famoso "index.php" de nuestra URL para poder hacer una URL amistosa debemos :
NOTA : esto funciona en la nueva version de Codeigniter 3

  1. configurar el archivo "config.php"
  2. crear un .htaccess

Configurar el archivo "config.php"
Debemos ir a editar el archivo "config.php" que se encuentra en raiz_proyecto/application/config/config.php y luego debemos establecer estos valores a las variables :
$config['index_page'] = ''; 
$config['uri_protocol'] = 'REQUEST_URI';
Crear un .htaccess
En la raiz del proyecto se debe crear un .htacces y debe contener esto :
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond $1 !^(index\.php|assets|robots\.txt)
RewriteRule ^(.*)$ index.php/$1 [L]


esta es la raiz del proyecto donde debemos crear el .HTACCESS

martes, 11 de agosto de 2015

PHP tu hosting no muestran los errores de programación . Tengo la solución !!

Un clasico problema es que algunos hosting nunca muestran los errores no se bien que sentido tiene esto. Pero por ejemplo : Dattatec es uno de ellos , no visualiza los errores de programacion.
Entonces ¿ que es lo que sucede cuando hay un error de programacion o imprevisto ? (aca el TRY y CATCH no te salvan ) 
Muy facil sale la pantalla blanca en caso de no poder continuar y que el error no sea tan grave directamente lo saltea.

SOLUCION : Deben colocar esto en la cabecera de nuestro codigo y repetir en todas las paginas

ini_set ('display_errors', 'on');
ini_set ('log_errors', 'on');
ini_set ('display_startup_errors', 'on');
ini_set ('error_reporting', E_ALL);

// actualizado
error_reporting(E_ALL & ~E_NOTICE);

ini_set("display_errors", 1);

jueves, 5 de marzo de 2015

Como mudar de Dominio un sitio con PrestaShop 1.6 - sin problemas de imagenes y redireccionamiento

Este caso podria darse cuando estemos de prueba o simplemente ya tenemos varios productos y tenemos que mudarnos a un nuevo Dominio y NO QUEREMOS CARGAR TODOS LOS PRODUCTOS Y PRECIOS Y MODULOS DE NUEVO.

Son 3 pasos
  1. copiar las carpetas 
  2. copiar la base de datos
  3. corrección de cache , dominio y base de datos y .htaccess 
  • Bueno primero hay que migrar las carpetas , tan sencillo como copiarlas de toda la tienda y subirlas por FTP.
  • Luego ir al PHP MYADMIN y exportar la base en un archivo .SQL y luego importar en este nuevo dominio.
  • Ahora el problema surge que en la base de datos siempre se esta apuntando al viejo dominio , entonces hay que cambiar 2 registros de la base datos del nuevo dominio.
Siempre se debe poner el dominio sin HTTP://

Buscamos las siguiente tablas :

ps_shop_url (tabla)
domain midominionuevo.com
domain_ssl midominionuevo.com
physical_uri /mi_carpeta_contenedora_de_la_tienda_nueva/

physical_uri :  se debe poner la subcarpeta contenedora ( ej: /public_html/mi_tienda ) y siempre van con contrabarra al inicio y al final. En caso de no haberla dejarla vacia


ps_configuration (tabla)
PS_SHOP_DOMAIN                midominionuevo.com
PS_SHOP_DOMAIN_SSL       midominionuevo.com

Una vez terminado debemos cambiar el .htaccess del sitio prestashop nuevo con la carpeta contenedora de Prestashop. Siguiendo nuestro ejemplo quedaria asi :

RewriteRule . - [E=REWRITEBASE:/mi_carpeta_contenedora_de_la_tienda_nueva/]

LISTOOOOOOOO.
Ahora lo unico que queda mal son las imagenes. La razon es por que queda en CACHE las URL de las imagenes entonces debemos BORRAR todo el cache del SMARTY (software usado por Prestashop)

Eliminemos todo de la ruta /public_html/mi_carpeta_contenedora_de_la_tienda_nueva/cache/smarty/cache  (siguiendo nuestro ejemplo) menos el archivo index.php.

Ahora si se puede disfrutar de la migración exitosa

martes, 17 de febrero de 2015

programas para crear logos profesionales 2015

Hoy vamos a ver programas para crear logos.
Puntualmente hay 3 y son bastantes buenos y todos cuentan con "template" o "plantilla" osea logos prediseñados para usar.
NOTA : aclaramos que lo mejor siempre es hacer nuestro propio logo con Adobe Ilustrator (.AI) en el caso de no ser diseñadores graficos estas alternativas son las mejores

Aunque ademas estos les permiten crear un logo desde cero haciendo sombras , curvas , formas.
Lo mejor es que estos programas trabajan a las imagenes en forma vectorial y luego una vez terminado se importa a formato de imagen PNG , JPEG , GIF.

La forma vectorial les permite mantener la calidad del diseño por que este en dimesiones 320 x 240 px (chicas) o 2000 x 1500 px (grandes) ,estan pueden ser utiles cuando quieran imprimir el logo para un folleto o plotters o gigantografias para ponerlos en un local.