es-ES RSS islavisual.com http://www.islavisual.com Noticias es_ES Sun, 13 Jun 2021 04:59:04 +0000 hourly 1 Sun, 13 Jun 2021 04:59:04 +0000 http://www.islavisual.com/img/logo.png islaVisual Logo http://www.islavisual.com Componente DatePicker de isiTools Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/componente-datepicker-de-isitools http://www.islavisual.com/articulos/desarrollo_web/componente-datepicker-de-isitools <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/https://media-exp1.licdn.com/dms/image/C4E12AQEHLTv9g9AcQg/article-cover_image-shrink_720_1280/0/1617104263654?e=1624492800&v=beta&t=4MAaZBeLGz1WlkQB20zOfXmjJIWI9qPxF8sNBvQ6pyI" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>IsiTools es un conjunto de herramientas pensadas para ayudar a los desarrolladores durante el proceso de creación del proyecto. Todas las funcionalidades incluidas están diseñadas para obtener un mejor rendimiento y experiencia de usuario, un desarrollo más óptimo y ágil y un uso más sencillo y reutilizable. Además, permite que cada funcionalidad se cargue de forma independiente o modular evitando que el DOM se llene de elementos que no van a ser utilizados, si de carga desde PHP u otro lenguaje de servidor. La forma de seleccionar los elementos es mediante selectores CSS, de igual manera que lo hacen otros conocidos frameworks.<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/componente-datepicker-de-isitools">Leer más</a> Sun, 18 Apr 2021 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Cómo crear imágenes SVG accesibles y personalizables Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/como-crear-imagenes-svg-accesibles-y-personalizables http://www.islavisual.com/articulos/desarrollo_web/como-crear-imagenes-svg-accesibles-y-personalizables <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/https://media-exp1.licdn.com/dms/image/C4E12AQETga_sg3DxWg/article-cover_image-shrink_600_2000/0/1608732404699?e=1624492800&v=beta&t=LKSqx5eKi65iDt6cOvz8MNxWfv4FMMHJu0xaO6fh6TU" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>Aunque muchos saben crear y manipular documentos e imágenes en SVG, no todos conocen la potencia que tiene. Hoy os voy a mostrar cómo es posible crear una imagen SVG accesible y que, además, sea personalizable a partir de parámetros proporcionados por URL. Imaginemos, por ejemplo, que tenemos que crear el típico icono de prohibición rojo con un texto que pone "No acceder". El código podría ser algo como:<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/como-crear-imagenes-svg-accesibles-y-personalizables">Leer más</a> Wed, 23 Dec 2020 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Directrices para la creación de guías de estilos Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/directrices-para-la-creacion-de-guias-de-estilos http://www.islavisual.com/articulos/desarrollo_web/directrices-para-la-creacion-de-guias-de-estilos <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>Dado que, últimamente, algunos de vosotros me habéis preguntado por esto de forma privada, he decidido realizar un escrito detallando qué es y cómo diseñar una guía de estilo de diseño web. Pero, qué es una Guía de Estilos... Una guía de estilos es un documento que representa, de forma visual y emotiva, la imagen corporativa de una organización o empresa. Aunque pueden codificarse en formato de documentos electrónicos como PDF, PhotoShop o, incluso, Microsoft Word, lo más frecuente y recomendable es que estén codificadas en HTML5 y CSS3.<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/directrices-para-la-creacion-de-guias-de-estilos">Leer más</a> Thu, 20 Aug 2020 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Crear tu propio Firebug con Javascript y jQuery Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/crear-tu-propio-firebug-con-javascript-y-jquery http://www.islavisual.com/articulos/desarrollo_web/crear-tu-propio-firebug-con-javascript-y-jquery <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/images/bug-xxl.png" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>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:<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/crear-tu-propio-firebug-con-javascript-y-jquery">Leer más</a> Mon, 12 Jan 2015 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Mejorar la navegacion a través del almacenamiento local (localStorage y sessionStorage) Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/mejorar-la-navegacion-a-traves-del-almacenamiento-local-(localStorage-y-sessionStorage) http://www.islavisual.com/articulos/desarrollo_web/mejorar-la-navegacion-a-traves-del-almacenamiento-local-(localStorage-y-sessionStorage) <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/images/localstorage.jpg" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>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.<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/mejorar-la-navegacion-a-traves-del-almacenamiento-local-(localStorage-y-sessionStorage)">Leer más</a> Sat, 20 Dec 2014 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Actualizar y crear hojas de estilo a través de JSON y jQuery Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/actualizar-y-crear-hojas-de-estilo-a-traves-de-json-y-jquery http://www.islavisual.com/articulos/desarrollo_web/actualizar-y-crear-hojas-de-estilo-a-traves-de-json-y-jquery <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/images/html5-css3-js.png" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>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.<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/actualizar-y-crear-hojas-de-estilo-a-traves-de-json-y-jquery">Leer más</a> Sun, 16 Nov 2014 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Edición en caliente con Eclipse, Apache Tomcat y JSF Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/edicion-en-caliente-eclipse-tomcat http://www.islavisual.com/articulos/desarrollo_web/edicion-en-caliente-eclipse-tomcat <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/images/jsf-apache-tomcat.png" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>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.<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/edicion-en-caliente-eclipse-tomcat">Leer más</a> Sat, 15 Nov 2014 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com) Errores comunes en el .htaccess Desarrollo Web http://www.islavisual.com/articulos/desarrollo_web/errores-comunes-en-el-htaccess http://www.islavisual.com/articulos/desarrollo_web/errores-comunes-en-el-htaccess <img width="" height="" src="http://islavisual.comhttps://islavisual.com/articulos/desarrollo_web/images/apache-htaccess.png" alt="imagen_articulo" style="margin-bottom: 10px" /><br/> <strong>Categoría: </strong>Desarrollo Web<br> <strong>Descripción: </strong>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...<br><br> <a href="http://www.islavisual.com/articulos/desarrollo_web/errores-comunes-en-el-htaccess">Leer más</a> Fri, 14 Nov 2014 00:00:00 +0000 Pablo E. Fernández Casado (islavisual.com)