Logo de islavisual
Isotipo de islavisual IslaVisual
imagen de sección

DESARROLLO Y DISEÑO WEB
Listado de Artículos

Responsive Design: Utilidades - Test Responsive

Responsive Test es una herramienta que sirve para probar en varios dispotivos cualquier página. Sólo tenéis que poner la URL deseada y darle al botón de mostrar. Además cuenta con algunas plantillas Responsive para testar y descargar como por ejemplo Flex APP, Responsive HTML5/CSS3, Responsiva entre otras.

Leer más

Recuperar la contraseña de un Usuario en Prestashop

Recuperar la contraseña del usuario Administrador o de cualquier otro de Prestashop es más sencillo de lo que parece aunque, no tanto como en otras aplicaciones de igual o diferente índole, y por eso, lo vamos a comentar en este pequeño artículo con los pasos a seguir: Abrir el archivo CONFIG./seetings.inc.php y buscar una línea similar a la siguiente:

Leer más

Herramienta MD4, MD5, SHA1, SHA2, BASE64 Generator

Esta herramienta puede calcular la codificación en MD4, MD5 SHA1, SHA2 o BASE64 para cualquier cadena de caracteres. Sólo debes introducir la cadena a codificar, elejir el algoritmo de Hash y pulsar en Generar.

Leer más

Activar el Control de Errores en Prestashop

Quién no se ha encontrado alguna vez con una pantalla en blanco en Prestashop. ¿ ninguno verdad ?. Efectivamente es com la pantalla azul de Windows pero sin mensajes, ni color, ni nada. Pues bien, hoy os mostraré cómo con una sencilla instrucción en el archivo adecuado hace que todo sea más llevadero. El cambio es tan sencillo que hacer un artículo para esto me parece casi perder el tiempo pero, para los que no lo sabéis, seguro que más de uno me lo agradecerá.

Leer más

Cambiar de dominio Prestashop

Seguro que, en alguna ocasión, estabáis trabajando con Prestashop en DESARROLLO y cuando lo teníamos ya operativo, como para pasarlo a PREPRODUCCIÓN o PRODUCCIÓN, os preguntabáis como hacer un traspaso de forma rápida. De repente, os metéis en Internet y os dicen que hay que reinstalar y, después, copiar los archivos modificados, actualizar la base de datos, y que si es de una manera para la versión 1.4 o de otra para la 1.5, ...

Leer más

Responsive Design: Menú de Navegación Multinivel

Hoy os voy a exponer un menú desplegable experimental multinivel. La idea principal es ahorrar espacio para menús que tienen una gran cantidad de contenido y subniveles. Cada sub-nivel se muestra en su propio contexto, por lo que el nivel del elemento padre desaparece, aunque pulsando la opción de back ( o atrás) vuelve a aparecer. Esto se hace con animaciones sutiles que se definen en clases de animación separadas y de forma fluida, de manera que se puede utilizar fácilmente en cualquier dispositivo y resolución.

Leer más

Cómo sacar el slider de Prestashop de la columna central

Hoy, en este tutorial vamos a aprender cómo extraer el módulo HomeSlider de PrestaShop de la columna central a la zona de la cabecera. Por defecto, este módulo no puede ser movido o trasplantado fuera de la columna central. Sin embargo, es más simple y fácil de lo que parece a primera vista. Probablemente, cuando se trata de hacer este cambio, a la fuerza bruta, se muestre este error:

Leer más

Drag and Drop desde cualquier dispositivo y navegador

Una de las cosas que siempre me ha gustado es la tecnología Drag and Drop pero por temas de Cross Browser, casi nunca lo he desarrollado en ninguna página. Pues bien, Redisp.net tiene desarrollado un plugin en JavaScript que funciona perfectamente, o casi, en todos los navegadores y dispositivos que he tenido la suerte de probar, desde portatiles, PCs de sobremesa hasta mis 2 móviles.

Leer más

Responsive Design: Imágenes escalables

Cuando desarrollamos un proyecto web en Responsive Web Design, uno de los retos al que nos enfrentamos es el dilema de las imágenes escalables. Existen formas sencillas para escalar una imagen (por ejemplo, determinando el tamaño de la misma relativo a su contenedor). Sin embargo estás soluciones no son a menudo lo más óptimo. A finales del año pasado la W3C publicaba el primer borrador para el uso imágenes en Responsive Design, pero como puede pasar mucho tiempo hasta que veamos resultados debemos mirar otras opciones.

Leer más

Responsive Design: calc y la propiedad box-sizing de CSS3

Las nuevas versiones de los navegadores traen un hermoso regalo referente al CSS3. Hoy os voy a comentar la función calc, la cual, nos permite de forma sencilla gestionar el ancho y alto de los elementos cuando, estos, tienen padding o margin. Según la especificación W3C la función, básicamente, lo que permite es sustituir el valor fijo de cualquier dimensión que se aplica a una propiedad por una expresión de un cálculo matemático sencilla como sumas, restas, multipliaciones y / o divisiones. De esta manera, a través de esta función podemos escribir cosas como:

Leer más
Página  2  3  4  5  6    

Sobre el autor

Imagen de Pablo Enrique Fernández Casado
Pablo Enrique Fernández Casado

CEO de IslaVisual, Manager, Full Stack Analyst Developer y formador por cuenta ajena con más de 25 años de experiencia en el campo de la programación y más de 10 en el campo del diseño, UX, usabilidad web y accesibilidad web. También es escritor y compositor de música, además de presentar múltiples soft kills como la escucha activa, el trabajo en equipo, la creatividad, la resiliencia o la capacidad de aprendizaje, entre otras.

Especializado en proveer soluciones integrales de bajo coste y actividades de consultoría de Usabilidad, Accesibilidad y Experiencia de Usuario (UX), además de ofrecer asesoramiento en SEO, optimización de sistemas y páginas web, entre otras habilidades.