All posts in “Programacion”

Corregir los estilos de Google maps si se utiliza Bootstrap o Fundation

Hace unos dias me encontraba checando un sitio de un buen amigo utilizando el api de google maps y para generar la maqueta usó Fundation de Zurb, cuando llamó mi atención que al cargar los mapas, la barra de zoom y el icono de street view no se visualizaba de forma correcta.

Esto es provocado porque el css del framework “resetea algunos estilos que usa google maps” propiamente estos:

img { max-width: 100% }

Para corregir esto, basta con agregar a nuestro archivo css las siguientes lineas:

.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }

Con esto el problema se habrá solucionado.

Jwerty. Manipula eventos del teclado con javascript

Jwerty es una libreria de javascript, para poder manipular eventos del teclado, para implementarlo en nuestros diferentes sistemas o sitios web. Como caracteristicas encontramos que es muy liviana(1.5kb minimizado) y soporta diferentes tipos de eventos, como “dejar presionado”, orden o combinaciones de teclas.

Su uso e implementacion es sumamente facil, y puede ser utilizada como una libreria independiente o como extension de frameworks como jQuery, Zepto.js y Ender.

Enlace: Jwerty

Anatomia de una aplicacion html5

Un muy completo y detallado diagrama de los elementos necesarios para construir una aplicacion HTML5.

Enlace en vista completa aqui

Google Fonts se actualiza

Google Fonts, el servicio para extender el uso de la tipografia en sitios web, ha alcanzado la version2. Con varias mejoras entre las que destacan la mejora de rendimiento en dispositivos moviles, y una amplia variedad de tipografias y variantes.

No cabe duda que google se merece un aplauso por este servicio, para que los diseñadores tengan mas opciones a la hora de diseñar sitios web.

Enlace: Google Web Fonts

Live.js. Olvidate del F5

Muchas a veces a la hora de diseñar un sitio web, al estar codificando el HTML y CSS necesitamos verificar lo que estamos haciendo en el navegador, es cuando presionamos la tecla F5 para refrescar los cambios.

Pues con este archivo esa tarea es cosa del pasado. Es bastante ligera y facil de implementar, y nos ahorrará tiempo a la hora de diseñar nuestros sitios.

Sitio: Live.js

PHP Scenario. Libreria para pruebas A/B

PHP Scenario es una librería de PHP diseñada para realizar pruebas de A/B en nuestros proyectos, está enfocado a desarrollos orientados a objetos y solo consume una pequeña porción de código.
Entre sus características tenemos:

  • Pruebas en línea.
  • Soporte de la clase DPO y DBLA de Zend Framwork.
  • Resultados renderizados en XML.

Una interesante opcion, configurable y con varias opciones, muy util para los desarrolladores PHP.

Lidia dice:
sabes que me caes muy chamakito y si alguna vez quieres marcar y puedo contestarte lo haré, asi como yo aveces pueda marcarte y si tu puedes contestar lo haras

Jerarquia del programador

Dandole una leida a Emezeta Blog me encontre con este articulo. La version 2.0 del ya clásico The Programmer Hierarchy de Lukewelling.com, la jerarquia del programador. Esta genial :D

Coffeescript, lenguaje de scripts inspirado en Python y Ruby

CoffeeScript es un lenguaje de basado en scripts, orientado a la sencillez y facilidad de programación, incentivando a los desarrolladores a generar código más fácil y sencillo tanto de entender como de escribir.

Con una sintaxis inspirada en Python y Ruby, facilita las tareas de desarrollo y sobre todo de mantenimiento del código. Coffeescript compila todo el código generando un un archivo con extensión .coffe de javascript facilitando su implementación.

La versión más reciente es la 0.9.1. una excelente opción para aquellos que gustan de probar nuevas alternativas en cuanto a lenguajes de programación se refiere.

CoffeeScript

10 Validaciones basicas con regex

Hace algún tiempo, desarrollando un sistema de captura de información, me tope con ciertas validaciones que requerían de regex, expresiones regulares.

Las expresiones regulares, para quienes no las conozcan,  son algo asi como plantillas o filtros a cadenas de caracteres, que necesitan forzosamente cumplir con el patrón definido, especificadas por el desarrollador, pudiendo ser tan complejas o simples como se desee, realmente una herramienta muy útil, siendo sus aplicaciones más comunes en validaciones o htaccess.

En web.ontuts.com me encuentro con un listado de las 10 validaciones más comunes, a continuación:

Validar una URL:

/^(https?://)?([da-z.-]+).([a-z.]{2,6})([/w ?=.-]*)*/?$/

Validar un e-mail:

^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$

Verificar la seguridad de una contraseña:

(?=^.{8,}$)((?=.*d)|(?=.*W+))(?![.n])(?=.*[A-Z])(?=.*[a-z]).*$

Validar un número de teléfono:

^+?d{1,3}?[- .]?(?(?:d{2,3}))?[- .]?ddd[- .]?dddd$

Validar número de tarjeta de crédito:

^((67d{2})|(4d{3})|(5[1-5]d{2})|(6011))(-?s?d{4}){3}|(3[4,7]) d{2}-?s?d{6}-?s?d{5}$

Obtener el ID de un video de Youtube:

/http://(?:youtu.be/|(?:[a-z]{2,3}.)?youtube.com/watch(?:?|#!)v=)([w-]{11}).*/gi

Validar todas las etiquetas de imagen sin cerrar:

]+)(s*[^/])>

Validar una dirección IP:

/^(([1-9]?[0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]).){3}([1-9]?[0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/

Validar código postal:

^([1-9]{2}|[0-9][1-9]|[1-9][0-9])[0-9]{3}$

Validar un nombre de usuario:

/^[a-zd_]{4,15}$/i

Buen Programador

Cualquier idiota puede escribir código que un ordenador pueda entender. Los buenos programadores escriben código que las personas puedan entender.

– Martin Fowler