Publicado el Deja un comentario

Formateador de comentarios para código

Este es un formateador sencillo de comentarios para código fuente, desarrollado simplemente para simplificar el la creación de títulos y comentarios, como es la primera versión la verdad es que es extremadamente sencillo, en un futuro cercano lo iré mejorando para que tenga más funcionalidades y opciones de adornos al formato.

See the Pen Generador de comentarios by Cesar Gonzalez (@donpandix) on CodePen.

Publicado el Deja un comentario

Validación de email con Javascript

La validación de email es una de mis funciones más recorridas y usadas frecuentemente en las aplicaciones que desarrollo, por lo que, esta función en particular, se ha vuelto una de mis herramientas básicas y principales de mi arsenal de desarrollador. Hoy la pongo a disposición de la comunidad con la esperanza que sea de gran utilidad en los actuales y futuros desarrollos.

La función que pongo a continuación, por lo general, la tengo dentro de un objeto que envuelve una serie de funciones comunes como son la validación de RUT, TRIM, Rellenos de cadenas con ceros… etc, pero con el fin de simplificar este POST lo dejé en una función sencilla para una implementación y uso de manera simple y muy rápida. La base de la validación es a través de una expresión regular, por lo que es importante mencionar, que la validación busca comprobar al forma del correo ingresado, pero no su existencia de la cuenta, para ello se necesitaría una implementación algo más compleja.

GIST del snippet

 

Saludos!

Publicado el Deja un comentario

Ejemplo plugin google maps

Google Maps, ejemplo en Codepen.io

Esta es una implementación sencilla para ejemplificar el uso de la librería JavaScript de GoogleMaps, el objetivo es la de comprender el uso del plugin y manejar la información regtornada.

Para ejecutar la aplicación, se debe escribir alguna dirección en la barra de texto superior e inmediatamente, después de dejar de tipear por un segundo, gatilla la ejecución de la llamada a GoogleMaps, para obtener la información solicitada.
Una cosa importante, que se debe tener una cuenta, en Google Developers https://console.developers.google.com, para crear un proyecto y habilitar la API de GoogleMaps. Mas detalles pueden ser encontrados en https://developers.google.com/maps/web/

See the Pen Google Maps retorno de búsqueda by Cesar Gonzalez (@donpandix) on CodePen.

 

 

Actualización

Para adjunto los fuentes del desarrollo para un análisis mas claro de la implementación, la URL directa a GIST está en https://gist.github.com/donpandix/ y acá los fuentes:

Publicado el 1 comentario

Trim implementado con JavaScript

Función trim implementada como prototipo con JavaScript

Esta función tiene por finalidad el implementar la función Trim en JavaScript, la cual recorta los bordes blancos de una cadena que pudiesen tener a los costados, también cuando la cadena está formada sólo por espacios la deja vacía.

Hay otras implementaciones que también puede lograr la misma funcionalidad, particularmente con JQuery, lo bueno es que esta implementación no choca con otras librerías.

Publicado el 2 comentarios

Restricción de caracteres para campos input con JQUERY y REGEXP

En el deseo de mejorar las funcionalidades y de paso agilizar el proceso de desarrollo, he creado esta funcionalidad para la restricción de caracteres de ingreso por un usuario a un campo input, esta implementación está realizada con javascript, adicionalmente hago uso de la librería JQUERY y la evaluación de expresiones regulares. Cada expresión debe ser configurada en un atributo llamado «regexp» en el mismo componente input del formulario, por medio del selector de jquery se le asigna esta funcionalidad al campo al término de la carga del DOM.

Acá un ejemplo en acción de su implementación en CODEPEN

Para probar en línea las expresiones regulares, recomiendo usar la página http://regexr.com/

Publicado el Deja un comentario

Formatea número con puntos en JavaScript 1.0

Una función tremendamente útil para el despliegue de información es la del formateo de números, particularmente cuando se trata de valores en moneda o similares, siempre es una lata buscar en internet una función simple que haga la pega, por lo que para todos los que la necesiten les comparto una que desarrollé… aunque es muy simple probablemente la iré potenciando de a poco, por ahora lo que hace es poner los puntos de miles donde corresponde. El valor de entrada debe ser de tipo numérico porque en caso contrario devolverá un bonito 0.

Esta es la declaración de la funciones

Si quieres ver esta implementación en acción, puedes revisar este ejemplo en CODEPEN http://codepen.io/donpandix/pen/RWVdda

Publicado el Deja un comentario

Convertir Texto en codificación HTML

Acá una convertidor de texto a código HTML, es muy útil para cuando debemos levantar mensajes que sean independientes de la codificación de la página

Publicado el Deja un comentario

Aplicación para prueba de páginas responsivas

Hace unas semanas se me encomendó del desarrollar una aplicación la cual tiene la propiedad de resposividad, sin embargo es una verdadera lata reescalar el browser para ver como se comporta con las diferentes dimensiones, adicionalmente tenía otras pestañas abiertas en el mismo browser por lo que fue un constante baile de agrandar y achicar el chrome, por lo que me decidí a desarrollar esta pequeña aplicación que embebe el contenido a un IFrame al que se le puede modificar las dimensiones por medio del combo de dispositivos, el código fuente está en GITHUB y en codepen está la aplicación corriendo.

Link al código en GITHUB versión PHP

Link al código en GITHUB versión NODEJS

Link al ejecutable http://codepen.io

Publicado el 26 comentarios

Validador de RUT Chileno con JavaScript

Validador de RUT chileno, con una función implementada el lenguaje JavaScript

Este es un validador de Rut Chileno con JavaScript, no recuerdo de donde saqué el original, pero lo modifiqué para incorporarlo en una colección de funciones reutilizables bajo el paquete Fn, traté de reducirlo lo más posible, creo que se puede achicar un poco más… pero sólo sería algo cosmético porque como está funciona bastante bien, sin más, les presento la función:

Para hace una prueba en vivo, hice esta implementación para que lo puedas probar en línea, está alojada en CODEPEN, y queda a tu libre disposición, no olvides de agradecer y si quieres también una mención si este trabajo te ha sido de ayuda.

See the Pen Valida Rut Chileno by Cesar Gonzalez (@donpandix) on CodePen.