Blog de programación
Con la librería de javascript Pikaday, podemos utilizarla para crear nuestros campos de formulario con formato calendario. Puede interesarnos que al pulsar sobre el campo de calendario, ésto sólo te deje escoger a partir de una fecha determinada. veamos como asignar a Pikaday una fecha mínima.
» Leer más
Vaya manía que tienen algunos al pulsar ‘Enter / Intro’ cada vez que añaden contenido a un campo de un formulario. Quizás que desvíen su mirada hacia el tabulador o simplemente, no utilicen el Intro al escribir en formularios…
» Leer más
Veamos un ejemplo de cómo sumar a la fecha actual, días o meses en Javascript. Uno de los temas más engorrosos debido a los diferentes formatos de fechas según el país.
» Leer más
Muchas librerías, por ejemplo las que te muestran Cuentas atrás, lo hacen pasándoles los segundos a calcular. Veamos cómo conseguir los segundos entre dos fechas en JavaScript con el siguiente código de ejemplo:
» Leer más
Para conseguir el valor de href en un enlace con jQuery utilizaremos el siguiente código: 1 2 3 4 5 6 7 $(document).ready(function() { $("a").click(function(event) { var href = $(‘a’).attr(‘href’); alert(href); event.preventDefault(); }); });$(document).ready(function() { $("a").click(function(event) { var href = $(‘a’).attr(‘href’); alert(href); event.preventDefault(); }); }); Como podéis ver, a todos los enlaces del web, miramos el valor de href y lo mostramos en un alert. Pero, podemos contretar un poco mas: 1 2 3 4 5 $(".zonalink").click(function(event) { var href= […]
» Leer más
En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: Tengo un submenú en la parte izquierda con varios enlaces. Al clicar sobre alguno de ellos, queremos que muestre una ventana modal. Tenemos dos opciones, o aplicamos uno a uno la acción a realizar sobre cada enlace o: Asignamos a todos los enlaces que nos interese una clase, en nuestro ejemplo .linkaccion 1 2 3 […]
» Leer másTres alternativas a la librería Javascript jQuery. Parece que no, pero el mundo no se acaba en jQuery: Minified JS Zepto JS (muy compatible con API jQuery) Snack JS Espero que os sea de utilidad.
» Leer másListado de algunos Frameworks HTML5 Open Source por si os planteáis crear aplicaciones para móvil: Bootstrap Kendeo UI TopCoat Intel’s App Framework The M-Project (Bckbone.js) Lungo Fries Junior Enyo JS Moobile JS Wink (Dojo fundation) Foundation Groundwork CSS Cada uno de ellos con sus pros y contras. Investigad y buscar el que mas se adapta a vuestras necesidades. Yo empiezo un nuevo proyecto con Fundation… iré informando.
» Leer másEste fin de semana he añadido un nuevo vehículos de la Segunda Guerra Mundial a mi catálogo 3D online. WW2Viewer es un pequeño proyecto realizado con Three.js, librería Javascript para el tratamiento 3D en los navegadores. Esta nueva actualización, me ha servido para tratar con los modelos 3D de Collada. Hasta ahora solo había tratado la carga de modelos .obj Y he encontrado varias cosas que creo importante cuando tratas con modelos 3D. Lo explico para facilitar el proceso por […]
» Leer másAquí os dejo algunos enlaces a ejemplos de proyectos creados con Three.js. Con esta librería 3D con el que poder trabajar WebGL, o lo que es lo mismo, hacer aplicaciones, juegos o webs 3D para los navegadores. Recuerda que para ver estos proyectos debes tener WebGL activado en tu navegador, de lo contrario no podrás verlo. 3D City Futuro juego 3D. Ahora están poniendo las texturas. Explore the Sky Navega entre las nuves Three.js app template Descarga plantillas (código) sencilla […]
» Leer másSiguiendo con algunos ejemplos de casos prácticos de jQuery, os muestro de una manera sencilla cómo deshabilitar elementos de un formulario web. 1 2 3 4 5 <form action="paginadestino.php" method="post"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" value="Nombre ejemplo" /> <input type="submit" value="enviar" /> </form><form action="paginadestino.php" method="post"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" value="Nombre ejemplo" /> <input type="submit" value="enviar" /> </form> Si nos interesa por algún motivo deshabilitar el campo ‘nombre’, con jQuery simplemente deberemos cambiarle el atributo del elemento de […]
» Leer más
Os dejo un vídeo para los que quieran iniciarse con NodeJS. Me remito a la descripción en WikiPedia que creo que es la mas clara: Node.js es un entorno de programación en la capa del servidor basado en el lenguaje de programación Javascript, con I/O de datos en una arquitectura orientada a eventos y basado en el motor Javascript V8 Para los que se inician creo que les puede servir.
» Leer más