1 0 Tag Archives: Web
post icon

Generador online de colores hexadecimales

En muchas sub-especialidades de la informática se usan los colores hexadecimales, ya sea desarrollo y diseño web, diseño gráfico, incluso en programación de escritorio y móvil últimamente entre otros.

Para obtener los valores HEX de cada color, existen infinidad de herramientas. (Continuar Leyendo sobre Generador online de colores hexadecimales)

post icon

Crear Slider Gallery con Round Corners con Nivo Slider

Para crear galerías de imagines que van siendo expuestas tenemos infinidades de opciones disponibles a tan sólo una búsqueda en google. En este post no quiero exponer las distintas opciones que se tenemos, sino más bien mostrar un Fork del famoso Nivo Slider que permite redondear las esquinas del mismo.

La modificación la ha creado Abhinay Rathore, y lo colgó en su blog (gracias que Nivo está licenciado como MIT)

Los pasos para usarlos son: (Continuar Leyendo sobre Crear Slider Gallery con Round Corners con Nivo Slider)

post icon

Como manejar un iFrame con FancyBox y jQuery en modo PopUp

Hoy día se ha vuelto muy popular el uso de jQuery para satisfacer varios fines, siendo uno de ellos la de crear animaciones bonitas en la Web y estoy más que seguro que ya han visto esos famosos “popups” animados que muestran galerías de imágenes e iframes a otros sitios.

Estos efectos son realmente sencillos de implementarlos si utilizamos jQuery y FancyBox, tan sólo deben descargar la librería del enlace que les dejé, luego ir agregando un poco de código a nuestra página. Antes que nada verifiquen tener incluido correctamente un DOCTYPE estándar.

Comenzamos por hacer referencias a los scripts necesarios (Continuar Leyendo sobre Como manejar un iFrame con FancyBox y jQuery en modo PopUp)

post icon

Solucionar transparecia de los PNG en Internet Explorer 5.5 y 6

El título del artículo es más que descriptivo sobre que tratará el mismo, y no escribiré nada novedoso, sino bien sobre un eterno problema que nos trae el cancerígeno Internet Explorer en sus versiones 6 y anteriores, aunque solamente es posible solucionarlo en las versiones 5.5 y 6. El problema consiste en que dicho navegador no carga correctamente las imágenes de formato PNG que sean de 32 bits, no así los PNG de 24 bits (no soporta transparencia) y 8 bits (si soporta transparencia y funciona en IE).

La solución base implica hacer una llamada al filtro DirectX AlphaImageLoader de Microsoft, aunque existen varias maneras de implementarla, buscando un poco en la red sobre esto mínimo encontrarán 3 o más métodos (Continuar Leyendo sobre Solucionar transparecia de los PNG en Internet Explorer 5.5 y 6)

post icon

Como validar con expresiones regulares en JavaScript

Realizar validaciones del lado cliente si bien no es la opción más segura, siempre da una mejor experiencia al usuario. Y existen varios modos de realizar dichas validaciones. Siempre recomiendo utilizar las expresiones regulares antes que algoritmos creados por nosotros mismo (siempre que sea posible hacerlo).

Por suerte para nosotros realizar ésta tarea con JavaScript es muy sencillo, y requiere de pocas líneas de código, para dar un vistazo rápido crearé un ejemplo de validación de email ya que es uno de los casos más usados. (Continuar Leyendo sobre Como validar con expresiones regulares en JavaScript)

post icon

Establecer el MaxLength en un ASPxMemo [DevExpress]

Meses atrás vimos la sencilla tarea de determinar el MaxLength de los Textbox Multiline en ASP.Net, y en ésta ocasión haremos veremos una tarea semejante pero sobre los controles de DevExpress, en su equivalente ASPxMemo.

La validación desde el lado cliente lo realizaremos con JavaScript y del lado servidor con C#.

Para comenzar agregamos el código JS primeramente y sería como sigue: (Continuar Leyendo sobre Establecer el MaxLength en un ASPxMemo [DevExpress])

post icon

Limitar a un sólo Marker en el mapa de google con Subgurim

En éstos días se vendrán varios articulos sobre la API de Google Maps, con un enfoque especial sobre los controles de Subgurim ya que he encontrado código que implemente hace un tiempo ya en un proyecto y quiero compartirlo, si tienen mejoras sobre la implementación son bienvenidas en los comentarios.

En ésta entrega veremos como trabajar con los markers, siendo que lo típico es ir instanciando varios markers dentro de un mapa puede (Continuar Leyendo sobre Limitar a un sólo Marker en el mapa de google con Subgurim)

post icon

Corregir bug de gmaps al estar en contenedores ocultos

Cuando se trabaja con la API de Google Maps, sin importar que lenguaje o componentes estén usando y el mapa se encuentra dentro de un contenedor oculto (atributo hide) al intentar mostrar verán que dicho mapa se comporta de manera extraña, a veces no cargará completamente o carga sólo parte del mapa y el resto se verá en color gris. Pueden ver como un ejemplo del bug en la siguiente imagen.

Esto sucede por un cambio de tamaño mientras se renderiza y fácilmente se corrige (Continuar Leyendo sobre Corregir bug de gmaps al estar en contenedores ocultos)

1 junio 2011
post icon

Como crear fieldset colapsable

Por defecto los fieldset del HTML no son colapsables, pero es una caracteristica muy útil para aprovechar mejor el espacio que tenemos para crear nuestra página.

Además da una mejor estética al sitio que se permita colapsar ciertos bloques, para ello podemos valernos de JavaScript y los FieldSet’s. El ejemplo que veremos será de lo más sencillo, simplemente servirá para comprender el concepto y fácil de replicarlo. (Continuar Leyendo sobre Como crear fieldset colapsable)

post icon

Cargar los ASPxComboBox en el modo edición [DevExpress]

Ayer veíamos como cargar los combos de la barra de filtros en las grilas de DevExpress por código. Al hacer eso lo más seguro que necesitemos cargarlos también cuando están en modo de edición. Tarea que es ligeramente más compleja que la anterior pero nada de otro mundo tampoco.

El el evento HtmlRowCreated es donde se crean los objetos HTML finalmente antes de volver al cliente, y es allí donde podemos aprovechar para poblarlos, siempre que este en modo de edición la grilla (normalmente a pedido del usuario). (Continuar Leyendo sobre Cargar los ASPxComboBox en el modo edición [DevExpress])