Blog

Diseño Web, Gestores de contenidos, Trucos

Cómo saber cuándo una web cambia a modo móvil. Media Queries en el inspector.

Cuando estás diseñando una página web, tienes que tener en cuenta los diferentes tamaños de los dispositivos. Ya no diseñamos una web, sino varias para diferentes tamaños. Lo que se llama hacer la página responsive y se hace mediante los media queries. Una vez hecha la web, podemos querer saber en que tamaños están definidos esos cambios de comportamiento. Cuándo cambia una web de ser modo escritorio a ser modo tableta o modo móvil. E incluso dentro de cada una, si hay diferencias.Esto se puede hacer con un truco en el inspector del navegador que no está activo por defecto. Hoy os enseñamos a activarlo (en Chrome, es similar en otros). Activar los media queries en el inspector de Chrome. Para activar los media queries en el inspector tenemos que: Activar el inspector (botón derecho-> inspeccionar o Ctrl+Shit+I) Ponerlo en modo responsive pinchando en el icono del móvil. Arriba a la derecha hay 3 puntos en vertical en la barra de responsive. Si pinchas en esos puntos se despliega un menú y tiene la opción de show media queries. En el vídeo se ve cómo hacerlo y cómo usarlos.

Niños, Seguridad

Control parental gratuito con OpenDNS.

Hace unos días un amigo me llamó porque sus hijos habían venido corriendo porque “un señor estaba diciendo cosas raras en el ordenador”. A través de un juego (de los que juegan todos los chicos a esas edades), un jugador les había pasado un enlace por chat. Ese enlace llevaba a una web de chats aleatorios, y les debió tocar un desequilibrado. Obviamente el tema era preocupante, y una llamada de alarma para implantar una solución: un control parental. Como consejo general, todos los que tenemos niños deberíamos implementar controles en los dispositivos con conexión a Internet. Ellos no son conscientes de los peligros, ni de los contenidos no adecuados existentes. Con unas simples limitaciones evitamos problemas.Esto (en mi opinión), también debería implementarse para restringir su uso (puede llegar a ser una adicción para ellos).Como padres es nuestra labor establecer límites. Cuando me puse a mirar cómo estaba el tema del control parental, vi que había cambiado respecto a artículos que escribimos hace años. Ahora la mayoría de programas son de pago. Solución: control parental cambiando los DNS a OpenDNS. La solución por la que nos decantamos fue cambiar los DNS (podéis ver aquí qué son los DNS) por los de OpenDNS (ahora propiedad del gigante de las comunicaciones CISCO). ¿Qué es lo que pretendemos con esto? Como los DNS son “las páginas amarillas” a las que van los dispositivos para traducir nombres de dominio a direcciones IP (que son las que usan los ordenadores), se pueden usar muy eficazmente para bloquear ciertas páginas y direcciones de Internet. Nosotros cogemos gestión de esas páginas amarillas y censuramos (de hecho OpenDNS tiene un gran listado de direcciones censuradas) las que no queremos. ¿Cómo se implementa? Siempre que cambiamos los DNS tenemos dos opciones: Cambiarlo en el router (o dispositivo que haga el DHCP, porque también asigna los DNS de los equipos). Si lo hacemos ahí, automáticamente todos los dispositivos de nuestra red tendrán los nuevos DNS. Es más sencillo, más cómodo y más difícil de quitar (porque los niños tendrían que saber modificar la configuración del router).Si no queremos algún ordenador con control parental, sólo tenemos que cambiar los DNS de ese dispositivo.Nosotros, en este caso, optamos por el segundo método porque el router casero de Vodafone no dejaba cambiar los DNS.Cómo hacerlo en el router depende de cada modelo, así que no lo mostramos. Pero es entrar en la configuración avanzada, LAN y DHCP. Ahí veréis los DNS que asigna junto a la red y el rango de IPs. Cambiarlo manualmente en cada equipo. Es más laborioso en teoría. Pero en una casa los niños usarán pocos dispositivos. El gran problema de este método es que, cuando el niño aprende informática, puede deshacer el cambio (entonces tendríamos que crearles cuentas que no sean de administrador y no darles permiso a sus cuentas). OpenDNS: ventajas. Como hemos dicho la solución que escogimos fue OpenDNS. Porque es gratuita, porque lleva tiempo, es muy fiable y porque permite personalizar los DNS (añadir restricciones o eliminarlas). Sus DNS tienen listados de sitios no adecuados (que personalizan y actualizan). OpenDNS tiene dos modalidades gratuitas. En la sencilla OpenDNS Family Shield, no tenemos que crear cuenta. Sólo cambiar los DNS de los equipos a los “protegidos”, y dejar que estos nos protejan. Aquí tenéis un manual. En la segunda opción,OpenDNS Home, la que recomendamos. tienes que crear una cuenta gratuita (registrarte). Pero merece la pena porque con tu cuenta puedes poner el nivel de protección, habilitar o deshabilitar tipos de restricciones, y bloquear (o permitirlos) sitios específicos.Esta es la que mostramos en el vídeo. La configuración es parecida a la anterior, pero los DNS cambian. Aquí podéis ver cómo configurar OpenDNS en varios dispositivos: https://www.opendns.com/setupguide/ Podéis comprobar que estáis protegidos con OpenDNS intentando entrar en los siguientes sitios (que deberían producir un aviso de bloqueo por CISCO. https://welcome.opendns.com/ http://www.internetbadguys.com/ Vïdeo sobre cómo usar OpenDNS como control parental. Aquí os dejamos un vídeo sobre cómo usar OpenDNS como control parental.

Trabajos, Webs

Nueva web Spoonshoes.com. Calzado artesanal español con venta online.

Hoy os dejamos una nueva web de un cliente/amigo: Spoonshoes.com. Una web de calzado artesañal español que hemos renovado, y en la que hemos añadido una funcionalidad que demandaban muchos clientes: la venta online. Los calzados de Spoonshoes llevan mucho tiempo vendiéndose al por mayor, y hemos recibido una gran cantidad de peticiones de clientes preguntando dónde o cómo se podían adquirir estos zapatos. Porque la calidad se ve, y tienen un producto excelente. Así que la familia Cuchara, ha decidido activar la venta online en su nueva página. ¡Esperemos que os guste!

Gestores de contenidos, Trucos

Prestashop: cómo saber quién ha comprado un producto, cuándo y en qué pedido.

Una pregunta que nos hacen muchos clientes que tienen tiendas online: ¿cómo puedo averiguar quién ha comprado un determinado producto, cuándo y en qué pedido? Hoy os lo mostramos en Prestashop 1.7. Cómo saber quién ha comprado un determinado producto. Una manera de hacerlo desde el backend de Prestashop es: Ir al apartado Estadísticas. Escoger las de Detalles del producto. Elegir un rango de fechas adecuado. Buscar en la lista de productos el que queremos. Pinchar en él. Debajo del gráfico aparece un listado de Ventas. Estas son las ventas de este determinado producto, en el rango de fechas elegido, con la fecha de la compra, el número de pedido (podemos entrar en él y ver los detalles) y el ID de cliente que lo ha comprado. Muy útil si tienes una tienda online.

Información Tecnica, Seguridad, Sistemas

Diferencia entre tap y tun en OpenVPN

Cuando queremos crear una conexión de VPN, y elegimos como solución (buena) OpenVPN, tenemos una decisión que tomar: usar tap o tun. El problema es que no se explica bien estas opciones, ni las ventajas de cada una. Hoy os lo explicamos. ¿Qué diferencia hay entre una configuración tap o tun? TAP. Al elegir la configuración TAP, lo que se hace es crear una “interfaz virtual de Ethernet” . Esta es la interfaz que crea el programa de OpenVPN cuando lo instalas en tus interfaces de red y puedes ver porque pone TAP y se activa al conectarse la VPN. Es, por tanto, una VPN de nivel 2 en el modelo OSI, de la capa de enlace de datos. Esta VPN crea un bridge entre dos LANS, y funciona en parte como un switch. Tiene las mismas ventajas, mucha potencia, puedes hacer casi cualquier cosa…pero puede haber muchos problemas de rutas. TUN. Tun es un enlace punto a punto virtual por IP. Es, por lo tanto una VPN de nivel 3 en la capa OSI (nivel de red). El problema es que es un enlace punto a punto…es decir conecta dos máquinas y no dos redes. ¿Cuándo debe usarse Tap y Tun al configurar una VPN de OpenVPN? La decisión final es del técnico, pero os dejamos varios puntos para que podáis realizarla. Tun está pensado para conectarse a otra máquina, sólo a una. No a recursos de red. Si quieres conectarte a un servidor solamente es una buena decisión. Con Tun puedes acceder a otros recursos de red haciendo que parezca que están en el servidor, pero no es su función. Tap permite conectarse a otra red, incluidos todos los recursos de esa red (clientes, impresoras etc). Si necesitas acceder a varios recursos o servicios de la red remota, debes elegir tap. Tap introduce algo más de carga en la red porque incluye las rutas de cada red. En tun, como la conexión es punto a punto, no se necesita toda esa información. Tap depende mucho de las configuraciones y enrutado de red. Pueden surgir problemas de rutas que son difíciles de identificar y de resolver. Por ejemplo un error muy común en España es tener la red del servidor en la misma red (192.168.1.X) que la de los clientes de VPN (192.168.1.X). En tun esto no da tantos problemas. Si no te funciona bien uno, prueba otro. Nosotros configuramos una VPN por TAP y la interfaz tap estaba dando retardos al abrir y cerrar conexiones, y al levantarse. Fue cambiar a tun y ya no tuvimos ese problema y la VPN iba muy rápida (en comparación). Si quieres algo rápido y menos complejo, usa tun. Tap abre una LAN a la otra (dependiendo de tu configuración). Esto puede introducir fallos de seguridad. Esperemos que os sirva para decidir.

Internet, Legalidad, Sistemas

Data Loss Prevention (DLP) en Office 365. Introducción.

Las directivas DLP, o directivas de prevención de pérdida de datos, son una serie de normas y directrices que se pueden implantar en una empresa para proteger la información confidencial. Tenerlas implementadas y automatizadas no sólo da seguridad a la empresa, sino que permite cumplir de una manera más rigurosa con las leyes de protección de datos y de protección de la información. Evita también tener que contar con los empleados solamente y ayuda a concienciarles sobre la importancia de la protección de datos. ¿Cómo las implementamos? A la hora de implementarlas podemos escoger software de pago, hardware (muchos firewall tiene políticas DLP) o comprobar si nuestros sistemas de comunicación lo tienen. Este es el caso de Office 365 que tiene un sistema de control y gestión de las políticas DLP. Esto es lo que queremos mencionar hoy como introducción. ¿Qué debemos proteger? Cuando se implementa un sistema DLP, hay que tener en cuenta varias cuestiones. Cuestiones que hay que discutir con la empresa y en la que hay que implicarles directamente, porque cada caso es diferente. ¿Qué información debe ser protegida? Si vamos a automatizar unas directivas, necesitamos saber exactamente que información hay que tener controlada. ¿Dónde se guarda la información que debe ser protegida? Cada entorno implicará métodos diferentes y decidirá qué sistema vamos a escoger. ¿Qué dispositivos pueden conectarse a nuestra red y con qué permisos? Por ejemplo discos duros o lápices USB. ¿Qué métodos de fuga de datos pueden existir? Por dónde puede filtrarse la información en mi empresa. ¿Qué herramientas nos da Office 365 para implementar las políticas DLP? Lo primero que vamos a hacer es ir a Administración. Después pinchar en “Mostrar Todo“. Ahí tenemos dos enlaces muy interesantes: Security y Compliance. Estos dos enlaces nos dan una visión general de la seguridad en Office 365 y el cumplimientos de protección de datos y normativas reglamentarias. Si queremos irnos más específicamente a la prevención de pérdida de datos tenemos este enlace: https://compliance.microsoft.com/datalossprevention ¿Cómo podemos crear las directivas en Office365? Aquí veremos que podemos crear y administrar nuestras directivas. Afortunadamente, no tenemos que empezar de cero. Office365 tiene ciertas plantillas que podemos usar. Desafortunadamente la mayoría son para USA, UK y Francia. Pero podemos usar muchas de ellas como base. Vamos a ir a “Crear Directiva” y ahí nos deja elegir una plantilla o crear una personalizada. Tenemos que: escoger una plantilla darle un nombre y una descripción elegir las ubicaciones donde se va a activar la directiva. elegir qué información se debe proteger. elegir qué acción se debe realizar cuando se detecte información confidencial. los permisos de acceso y anulación. cuándo va a tener efecto. Y pinchamos en crear. Con eso sólo tenemos que probarlas y seguir creando directivas. Más información aquí. En otra ocasión seguiremos con más artículos de DLP.

Sistemas, Trucos

Cambiar la imagen en el fondo de escritorio, la pantalla de bloqueo y de Inicio en Windows.

Nos habéis preguntado cómo cambiar la imagen del fondo de escritorio, la de la pantalla de bloqueo y la de inicio de sesión en Windows 10. Hoy dejamos la respuesta. Lo primero que tenéis que hacer es ir a Inicio->Configuración->Personalización. Ahí tenéis dos apartados: Fondo: donde se puede elegir la imagen del fondo de escritorio de Windows. Pantalla de bloqueo: donde puedes cambiar la imagen de la pantalla de bloqueo.Aquí además puedes marcar una opción para que la imagen de Inicio (antes de iniciar sesión) tenga esta misma imagen). Os lo mostramos en este vídeo.

Android, Trucos

Cómo modificar los DNS en Android o cambiar sus entradas hosts SIN ser root.

En ocasiones queremos que nuestros móviles Android usen unos DNS especiales. O modificar las entradas del mismo, que se guardan en el fichero hosts (lo hemos mostrado en Mac y Windows). Pero en Android hay un problema, tienes que ser root para poder modificar ese fichero. Cuando gestionas páginas web, es común tener que modificar las entradas del fichero hosts (para apuntar a entornos de Integración). Y a veces queremos hacer pruebas en móviles. Así que llevábamos tiempo buscando una solución para Android. Hoy os dejamos un truco para hacerlo SIN ser root. Cómo modificar los DNS o el fichero hosts en Android sin ser root. Básicamente lo que se va a hacer es instalar esta aplicación (Daedalus) que te permite crear una VPN emulada y configurar los DNS que va a usar esa VPN. Esta para la parte de modificar los DNS. Para poner entradas personalizadas, afortunadamente también permite usar ficheros de texto en Internet. En el vídeo os hemos mostrado cómo hacerlo con un fichero de pastebin. Podéis ver en el vídeo todo el proceso.

Trucos, VOIP

Implementaciones de seguridad básica en una centralita Issabel de VOIP

Tener una centralita de VOIP es algo muy útil, pero también tiene sus riesgos. Cualquier servidor conectado a Internet recibe cientos de ataques por segundo, y los “hackers” conocen bien las maneras de entrar en un servidor de Issabel. Sobre todo si no están implementadas las medidas de seguridad básicas. En este vídeo de hoy os dejamos varias medidas que podemos activar de manera sencilla e inmediata. Son las siguientes. Activar el Firewall que viene por defecto. Después podemos implementar reglas personalizadas como evitar el acceso al SIP desde el exterior o bloquear por países. Activar Fail2ban. Una herramienta muy importante para cualquier servidor. PERO tenéis que poner vuestra ip o vuestra red (mejor) en la lista blanca o os cortará el acceso web. Reglas de bloqueo por extensión. Podéis poner la red desde la que permitís registrarse en cada extensión. Así nadie que entre desde fuera puede acceder a esa extensión. Hay más reglas más avanzadas que trataremos otro día, pero estas deberían implementarse con cada instalación.

Correo, Trucos

Gestionar firmas en Gmail

Hace tiempo hablamos sobre cómo agregar firmas en Gmail. Pero no era una opción que tuvieran muy depurada, y todos hemos tenido problemas en algún momento. Digamos que funcionaba y punto. Parece que recientemente les ha dado por mejorarlo, y ahora tenemos más funcionalidades. Primero la opción de Insertar firma debajo de cada correo. Ahí podremos elegir la firma que insertar de manera manual, o irnos a la opción de Gestionar firmas para seleccionar la inserción automática y crear nuestras firmas. Si vamos a gestionar firmas nos llevará a Configuración >General >Firma desde la que podemos crear diferentes firmas, y los valores predeterminados: qué firma poner en los correos nuevos. Qué firma poner en las respuestas. Dónde poner la firma. Ya era hora…y no es una mejoría estupenda…pero es de agradecer.

Scroll al inicio