Artículos y tips sobre diseño web

Quitar el campo de Sitio Web o URL de los comentarios de WordPress

2018-08-06T11:29:43+00:0006/08/2018|Diseño web, WordPress|

Aquí os explicamos por qué podemos querer eliminar el campo de "sitio web" o "URL" de los comentarios de WordPress y cómo hacerlo. Ya es de dominio público que mejorará el posicionamiento SEO de tu web conseguir enlaces desde otras webs y si las webs son de la competencia o de la misma temática de la [...]

Google Chrome marcará como inseguras las webs que no utilicen el protocolo https a partir de julio de 2018

2018-07-17T07:22:16+00:0022/06/2018|Blog, Diseño web|

Google ha anunciado que a partir de julio de 2018 marcará como inseguras las páginas web que no tengan instalado un certificado de seguridad SSL y no utilicen el protocolo HTTPS. Esto, irremediablemente, afectará a la experiencia del usuario, a la confianza que tengan en navegar por nuestra web y, en consecuencia, al tráfico hacia nuestra [...]

Realizar una copia completa de WordPress (archivos y base de datos) sin acceso al FTP ni al CPANEL del hosting

2018-06-28T09:16:53+00:0018/05/2018|Diseño web|

Generalmente, cuando hacemos una copia completa de nuestro sitio web en WordPress, bien para hacer simplemente un backup o para migrarlo a otro servidor, tenemos acceso a los archivos por FTP y a la base de datos a través del panel de control del hosting. Esto nos permite hacer una copia manual de la página web. [...]

Utilizar el archivo hosts para ver una web recién migrada antes de que el dominio apunte al nuevo servidor

2018-08-01T09:58:20+00:0007/08/2017|Blog, Diseño web|

Hay veces que necesitamos ver una web en un servidor donde no apuntan las dns del dominio, por ejemplo cuando realizamos una migración. En este caso, modificando el archivo hosts de nuestro ordenador, podremos hacerlo. Cómo modificar el archivo hosts en windows Se necesitarán permisos de administrador. Este archivo se encuentra en: C:/Windows/System32/drivers/etc/hosts Bastará con abrirlo [...]

Versión para imprimir con CSS y Media Query Print

2018-08-01T10:02:30+00:0002/08/2017|Diseño web, HTML5|

En frecuente querer poner un botón de imprimir para que el usuario pueda imprimir la sección actual de la página web que está visualizando. Pero, generalmente, no queremos que se imprima toda la sección de la web. Por ejemplo, el pie y los menús generalmente no son necesarios. Existe la forma de controlar el estilo de [...]

Depurar la versión para imprimir de una web con el inspector de elementos

2018-07-27T13:23:29+00:0002/08/2017|Diseño web|

Los desarrolladores web estamos acostumbrados a utilizar el inspector de elementos del navegador para depurar nuestro código y, así, resolver problemas de diseño, identificando los elementos y modificando dinámicamente sus estilos. Estábamos creando la versión imprimible de una web, cuando nos encontramos con el problema de que queríamos depurar la regla css @media print y no [...]

Botón para imprimir página web con JavaScript

2018-07-27T09:51:11+00:0002/08/2017|Diseño web, HTML5|

Os dejamos las instrucciones de cómo incluir un botón de "IMPRIMIR" en una página web, ya sea desarrollada a medida o un WordPress (utilizando un plugin). Si se trata de una página web desarrollada a medida Aquí os dejamos el código para insertar un enlace o botón  de "IMPRIMIR" en el código fuente de vuestra web: [...]

Sombreado avanzado con CSS3

2018-08-01T09:16:33+00:0010/09/2016|Diseño web, HTML5|

       En la entrada anterior vimos el uso de sombras en elementos HTML. Ahora vamos a ver algunos parámetros más de sombreado.          Hasta ahora habíamos visto que podíamos desplazar horizontalmente la sombra, verticalmente, y desenfocarla. Pero no hay que confundir esos desplazamientos con el tamaño de la sombra. Puede parecer que cuando decimos [...]

Formularios HTML5: Date, cómo usar y detectar calendarios nativos

2018-07-27T13:41:13+00:0020/06/2013|Diseño web, HTML5|

Una de las novedades anunciadas en HTML5 desde el principio son los nuevos tipos de elementos para formulario. Selectores de color, numéricos, fechas, rangos o urls entre otros. El problema llega cuando pasan los años, y hay navegadores que no implementan estos elementos (ni la W3C saca una recomendación definitiva), y tenemos navegadores que los soportan [...]

CSS Flexible Box Layout “Flexibox”: Introducción

2018-07-27T12:17:52+00:0004/06/2013|Diseño web, HTML5|

El Flexible box layout module, más conocido como “flexibox” es una especificación de CSS3 muy útil, que podría cambiar la forma de hacer las interfaces en la web, pero también es uno de las especificaciones que ha tenido más cambios, diferencias entre navegadores y errores de los últimos años. Básicamente nos deja elegir la [...]