Crear APK con Cordova
Ene09

Crear APK con Cordova

Cordova nos permite compilar aplicaciones web hechas con HTML5, CSS y JavaScript con frameworks como Phonegap, Framework7, jQuery Mobile, Ionic, etc y así poder tener el instalador para los diferentes sistemas operativos de móvil actuales(Android, IOS, Windows Phone…). Vamos a ver como crear o generar un apk con Cordova. En mi caso estoy programando una app con Framework7 en Windows y quiero sacar el apk. Veamos los pasos que...

Leer más
Scroll infinito con jQuery IAS
Nov02

Scroll infinito con jQuery IAS

Hoy veremos como hacer una paginación con scroll infinito con jQuery IAS. Lo primero que debemos hacer es tener una paginación clásica con links y la lógica en el backend para que eso funcione. Después usaremos el plugin jQuery IAS para hacer la paginación con scroll infinito. Lo descargamos y lo incluimos en el head de nuestro html. Ejemplo: <script type="text/javascript"> $(document).ready(function() { var ias=jQuery.ias({ container : '#timeline', //...

Leer más
Explode en JavaScript Split()
Oct26

Explode en JavaScript Split()

Como sabeis la función explode de php nos permite dividir un string en varios strings, de esta forma: <?php // Ejemplo www.php.net $pizza = "porción1 porción2 porción3 porción4 porción5 porción6"; $porciones = explode(" ", $pizza); echo $porciones[0]; // porción1 echo $porciones[1]; // porción2 ?> Explode en Javascript no existe, pero tenemos algo similar, la función split(). Veamos el mismo ejemplo que antes: <script type="text/javascript"> var pizza = "porción1 porción2...

Leer más
Sustituir caracteres con jQuery
Oct19

Sustituir caracteres con jQuery

Hoy vamos a ver como sustituir caracteres con jQuery. En este ejemplo vas a ver como sustituimos los guiones por el signo más en una cadena: <!DOCTYPE HTML> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var string = $("#string").text().split("-").join("+"); $("#string_procesado").append(string); }); </script> </head> <body> <strong>Original</strong> <p id="string">Cadena-de-texto-larga-victor-robles-web-punto-es</p> <strong>Procesado</strong> <p id="string_procesado"></p> </body> </html> ¿Quieres aprender más? Master en JavaScript: Aprende JavaScript, jQuery, Angular, NodeJS y más Más información:...

Leer más
Puntos suspensivos con jQuery DotDotDot
Oct05

Puntos suspensivos con jQuery DotDotDot

Hoy vamos a ver algo muy útil, cuando estamos maquetando con CSS a veces puede interesarnos hacer que el texto que sobresale de una caja siga estando presente en la web y ademas se ajuste a los diferentes tamaños que pueda tener dicha caja. Para ello veremos como poner puntos suspensivos con jQuery DotDotDot. Descargamos e incluimos los ficheros JavaScript dentro de la etiqueta head del HTML. <head> <script...

Leer más
Plugin de Feedback con JavaScript y PHP
Ago22

Plugin de Feedback con JavaScript y PHP

A veces cuando se lanza una web es interesante que los visitantes nos den feedback de los errores y mejoras en la usabilidad del sitio, por eso hoy vamos a usar un plugin de feedback con JavaScript y PHP. Nos descargaremos el plugin de feedback, mediante bower o a mano, desde https://github.com/ivoviz/feedback. Lo que hará index.php es lanzar el plugin y enviar la información en el proceso de feedback....

Leer más
Redireccionar si es Internet Explorer
Ago15

Redireccionar si es Internet Explorer

Podemos detectar y redireccionar si es Internet Explorer con un pequeño hack que llamamos IF IE. No es mas que un comentario condicional que nos permite ejecutar un código si utilizamos Internet Explorer. Se pueden usar los operadores «menor que» (lt), «mayor que» (gt), «menor o igual que» (lte), «mayor o igual que» (gte) al igual que en Shell Script. Si el navegador es una versión menor a IE10....

Leer más
Como usar Bower
Ago01

Como usar Bower

Hoy veremos como usar Bower para gestionar las dependencias de JavaScript en un proyecto web. Bower es un Composer pero para JavaScript, nos permite instalar plugins de terceros y mantener las dependencias de estos dentro del proyecto. En primer lugar debemos tener instalados node.js y git. Ahora instalaremos bower utilizando el comando npm install -g bower Podemos ejecutar el comando bower init para generar el fichero bower.json con un...

Leer más
Incrustar un PDF con PDF.js
May16

Incrustar un PDF con PDF.js

Hoy veremos como incrustar un PDF con PDF.js. PDF.js es un proyecto de software libre de la fundación Mozilla que a grandes rasgos nos permite utilizar un visor de ficheros pdf para la web de forma genérica, la ventaja que tiene es que utilizando pdf.js utilizaremos el mismo visor en todos los navegadores por tanto nos aseguramos que se verá correctamente en la mayoría de los navegadores actuales. Para...

Leer más
Simular clicks con jQuery
May12

Simular clicks con jQuery

Hoy veremos como simular clicks con jQuery. Esto nos puede llegar a ser muy útil porque hay momentos en los que necesitamos que automáticamente se dé click en algún elemento de la página. Pongo un ejemplo, a continuación: <!DOCTYPE HTML> <html lang="es"> <head> <meta charset="utf-8"/> <title>Conseguir hash de la url con javascript</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> <script type="text/javascript"> $(document).ready(function(e) { // Cuando le dás click muestra...

Leer más
Conseguir el hash de la URL con Javascript
May09

Conseguir el hash de la URL con Javascript

Hoy veremos como conseguir el hash de la URL con Javascript, esto es algo que en algún momento nos puede ser útil. Pongo un ejemplo a continuación: <!DOCTYPE HTML> <html lang="es"> <head> <meta charset="utf-8"/> <title>Conseguir hash de la url con javascript</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) { if(window.location.hash) { var hash = window.location.hash.substring(1); $("#content").append("<p>Hash: "+hash+"</p>"); } else { $("#content").append("<p> No hay ningun hash en la URL </p>"); } });...

Leer más
Empezar con LESS rápido
Dic20

Empezar con LESS rápido

No nos engañemos LESS no hace magia, si no sabes CSS de poco te servirá LESS, por eso es importante que te manejes bien con CSS antes de empezar con LESS. Aquí veremos los conceptos más básicos para empezar con LESS rápido. Supongo que ya tienes instalado LESS y si no puedes ver como se hace aquí. Variables LESS incorpora la posibilidad de utilizar variables en nuestros CSS cosa...

Leer más