abril 2015 – Blog de Programación y Desarrollo

De regreso al maravilloso mundo de Harry Potter

2 minuto(s)

Continuando con el maravilloso mundo de Harry Potter y sobretodo con la página Pottermore que les mencioné hace dos semanas, esta pagina creada por la gran escritora J.K. Rowling ha tenido muchos cambios a partir del 15 de abril, por ejemplo: Los usuarios ya no pueden ingresar comentarios, cambiar sus estados, subir dibujos o ingresar a Pottermore Insider, […]Continue reading: “De regreso al maravilloso mundo de Harry Potter”

Compartir contenido en Whatsapp usando jQuery 2 (Solo Móviles)

2 minuto(s)

Demo Github En esta oportunidad les quiero mostrar como compartir un enlace por Whatsapp mediante uno de los mejores frameworks de javascript (jQuery). NOTA: Para ver la demo, necesitas abrirla desde tu dispositivo móvil que cuente con la aplicación Whatsapp instalada. estilos.css Creamos los estilos CSS para nuestro contenido:


   .whatsapp_btn {
    background-image: url('icon.png');
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block !important;
    position: relative;
    font-family: Arial,sans-serif;
    letter-spacing: .4px;
    cursor: pointer;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    border-radius: 2px;
    background-color: #5cbe4a;
    background-repeat: no-repeat;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;
}

.whatsapp_btn_small {
    font-size: 12px;
    background-size: 16px;
    background-position: 5px 2px;
    padding: 3px 6px 3px 25px;
}

.whatsapp_btn_medium {
    font-size: 16px;
    background-size: 20px;
    background-position: 4px 2px;
    padding: 4px 6px 4px 30px;
}

.whatsapp_btn_large {
    font-size: 16px;
    background-size: 20px;
    background-position: 5px 5px;
    padding: 8px 6px 8px 30px;
    color: #fff;
}
a.whatsapp { color: #fff;}

.whatsapp_btn {

background-image: url('icon.png');

border: 1px solid rgba(0, 0, 0, 0.1);

display: inline-block !important;

position: relative;

font-family: Arial,sans-serif;

letter-spacing: .4px;

cursor: pointer;

font-weight: 400;

text-transform: none;

color: #fff;

border-radius: 2px;

background-color: #5cbe4a;

background-repeat: no-repeat;

line-height: 1.2;

text-decoration: none;

text-align: left;

}

.whatsapp_btn_small {

font-size: 12px;

background-size: 16px;

background-position: 5px 2px;

padding: 3px 6px 3px 25px;

}

.whatsapp_btn_medium {

font-size: 16px;

background-size: 20px;

background-position: 4px 2px;

padding: 4px 6px 4px 30px;

}

.whatsapp_btn_large {

font-size: 16px;

background-size: 20px;

background-position: 5px 5px;

padding: 8px 6px 8px 30px;

color: #fff;

}

a.whatsapp { color: #fff;}

Listo con eso le damos […]Continue reading: “Compartir contenido en Whatsapp usando jQuery 2 (Solo Móviles)”

jQuery Tutoriales
19-04-2015
21-10-2019
Crear un Post - Eventos Devs - Foro

Ingresar al maravilloso mundo de Pottermore Online

3 minuto(s)

Hola Chicos y Chicas: Me ausenté un tiempo pero ya regresé con mas ganas para hablarles sobre un juego del mundo mágico nada mas y nada menos que del mundo de Harry Potter, la pagina es https://www.pottermore.com no apta para muggles …ahí uno se registra luego de ello te dan la lista de útiles y […]Continue reading: “Ingresar al maravilloso mundo de Pottermore Online”

URL Amigables con CodeIgniter

2 minuto(s)

Hoy en día todo desarrollador tiene distintas maneras de programar o diseñar sus propios sitios y paginas; pero todo proyecto que desarrolles debe tener al menos esta característica SEO que son las rutas amigables. Usualmente las url de tus proyectos suelen terminar con este tipo de extensiones (.jsp .php .asp, etc.) esto en realidad puede […]Continue reading: “URL Amigables con CodeIgniter”

Backend Tutoriales
09-04-2015
03-09-2022
Crear un Post - Eventos Devs - Foro

Almacenar información Local con la API Web Storage de HTML5

3 minuto(s)

Si bien es cierto la versión actual de HTML5 que ahora conocemos ha tenido muchos cambios en comparación con la versión antigua ahora podemos guardar información local en el navegador con una nueva API que trae HTML5 denominada Web Storage, a continuación explicare de una manera sencilla como usar esta API.