Banner

DESARROLLO Y DISEÑO WEB

Listado de Artículos

Crear tu propio Firebug con Javascript y jQuery

Una de las cosas que, habitualmente no pensamos es la potencia que nos puede brindar JavaScript y, aunque no siempre, lo fácil que puede llegar a ser hacer una buena herramienta para el web. Días atrás, he tenido que implementar un Depurador Web, vamos, algo así como un Firebug casero y dedicado y, la verdad, es que es más simple de lo que parece, sólo se necesita un poco de tiempo, paciencia y unos pocos métodos de JavaScript y jQuery. Para este cometido, antes de nada, vamos a definir cuales son los elementos que se necesitan para gestionar todo lo que sucede en una página web. Evidentemente, en lo primero que pensamos, es los cambios de valor en los campos de texto pero hay muchas más cosas que, analizando un poco, podemos monitorizar:

Mejorar la navegacion a través del almacenamiento local (localStorage y sessionStorage)

Hoy os voy a hablar de una de las cosas más interesantes que yo veo de HTML5 y que, no es ni más ni menos que, el almacenamiento local en el navegador. Esta característica de HTML5 no tiene nada que ver con el concepto de Cookie aunque, se puede confundir con cierta facilidad. Por ello, lo primero que debemos aclarar es cómo definimos los conceptos de LocalStorage, SessionStorage y en qué se diferencian a las Cookies. Bien, existen 3 tipos de almacenamiento Web hasta el momento que son localStorage, sessionStorage y Cookies. Como algunos ya sabréis, las Cookies se caracterizan porque tienen una limitación de espacio de 4KB, pueden ser activadas o desactivadas por los usuarios, tienen caducidad y aumentan el peso de las peticiones ya que, toda la información contenida en ellas, se envía al servidor para ser analizada y, seguidamente, traer de vuelta al navegador cliente.

Actualizar y crear hojas de estilo a través de JSON y jQuery

Una de las cosas a las que he tenido recurrir ultimamente es a utilizar plantillas personalizadas por usuario para distintos sites. Cómo muchos sabréis una de las maneras más simples es utilizar hojas de estilo dinámicas a través de PHP pero, si no podemos utilizar PHP, si por ejemplo estamos en JAVA, una de las soluciones disponibles es precisamente esta. Para realizar esta solución, lo que vamos a crear son 2 funciones de JavaScript. Una que realizará las modificaciones solicitadas en las hojas de estilo y otra que cargará un JSON y lo utilizará como array de valores para configurar dichas hojas de estilo.

Edición en caliente con Eclipse, Apache Tomcat y JSF

Cuando un proyecto se encuentra en una etapa de desarrollo u optimización, a menudo es necesario realizar muchos cambios pequeños, algunos de los cuales son meramente pruebas para comprobar el buen funcionamiento de los algoritmos. Si estamos en plataformas de tipo PHP, el siguiente problema no lo veréis nunca pero, si estáis trabajando con Eclipse y Apache Tomcat, seguro que en alguna ocasión, os encontraréis u os habreis encontrado con que cada vez que hacéis un cambio en los contenidos estáticos tales como CSS o JS, tenéis que hacre un ReLoad de toda la apliacación. Me imagino lo que estáis pensando, esa forma de trabajar no es factible, ni eficiente, ni lógica. ¿Entonces?, ¿cómo nos enfrentamos al problema de la recarga o reinicio constante?. Pues bien, para abordar esta cuestión, lo primero es estar bien seguro de que la variable PROJECT_STAGE está en modo Development. Para ello, debéis ir al archivo web.xml y buscar esta propiedad.

Errores comunes en el .htaccess

Bueno, después de una larga temporada sin publicar nada, me motiva el hecho de haber publicado la nueva versión de Islavisual y de nuevos conocimientos que, creo, no están publicados en internet, así que, vamos al lío. ¿ quién no se ha encontrado alguna vez con que el .htaccess no aplicaba las reglas, que el log decía que tenía errores extraños que no tienen ni piés ni cabeza o, cosas como client denied by server configuration ? Todos estos errores suelen tener una explicción sencilla que, a menudo, no solemos ver y nos llevan a exprimirnos el cerebro durante horas. Os invito a seguir leyendo...

Detectar el Navegador con Javascript

Como muchos sabréis, desde la versión 1.9 de jQuery ya no se puede utilizar la instrucción $.browser y, como otros muchos también sabrán, JavaScript tiene un objeto que nos suele proporcionar de esta información muy detallada. Ese objeto no es otro que window.navigator y que, por si alguno no lo sabéis, puede escribirse sin el prefijo window.

Zend Framework: Web Service SOAP con atributos en la petición o request

Como prometí en el anterior artículo, hoy mostraremos cómo leer atributos cuando nos los envían a nosotros y tenemos que procesarlos o interpretarlos para dar una respuesta. Bueno lo primero que debemos hacer es crear un proyecto nuevo en NetBeans. Para ello, agregamos un nuevo proyecto pulsando en el botón de New Project, seleccionamos en PHP Application y pulsamos en Next.

Zend Framework: Web Service SOAP con atributos en la respuesta

Bueno como no podía ser de otra manera, hoy voy a hacer otro artículo sobre Zend Framwork en dónde explicaré cómo asignar atributos en las etiquetas de la respuesta de un mensaje SOAP. Para ello nos ayudaremos del IDE NetBeans 7.2.1 que comentamos en el artículo anterior Cómo instalar Zend Framework en Windows y Netbeans 7.2.1 y que paso a repetir para evitar leer información no nocesaria. Bueno lo primero que debemos hacer es crear un proyecto nuevo en NetBeans. Para ello, agregamos un nuevo proyecto pulsando en el botón de New Project, seleccionamos en PHP Application y pulsamos en Next.

Cómo instalar Zend Framework en Windows y Netbeans 7.2.1

Ultimamente me han solicitado trabajar con Zend Framework ya que un cliente tenía problemas para establecer una conexión SOAP. Entonces me instalé el Zend para windows para usarlo conjuntamente con NetBeans 7.2.1. La cosa parecía sencilla, pero dada la carencia de tutoriales y documentación fiable sobre este Framework, he decido hacer unos cuantos artíclos sobre el tema. El de hoy va de la instalación y puesta en marcha.

Responsive Design: Diseño adaptativo de emails

Los dispositivos móviles cada día que pasa tienen más relevancia. Muchas son las recomendaciones que se dicen, algunas más interesantes que otras. Hay quien dice que primero se deben hacer 2 versiones, una para escritorio y otra para móvil, y después adaptarlas a través de Media Queries. Otros, directamente son más partidiarios de metodologías Scrum o XP y predican el diseño simple pero eficaz.

Página  1  2  3