Blog

Información Tecnica, Sistemas

Qué es un clúster de servidores y qué tipos de clusters hay.

Ayer hablábamos del Cloud Computing. Uno de los conceptos que ha conseguido que tengamos esa tecnología es el de clúster de servidores. La idea es sencilla y similar a la de los RAID, que consiguieron que, conectando varios dispositivos de almacenamiento pudiéramos tener uno más grande, o más fiable. Un cluster de servidores es un conjunto de ordenadores conectados y funcionando en paralelo para realizar la misma tarea. Es decir los servidores individuales, nodos, comparten recursos de hardware y software para trabajar como si fueran un sólo sistema. Al igual que en el caso de los RAID, podemos estar buscando diferentes finalidades. alta disponibilidad, fiabilidad, balanceo de carga, ampliación de recursos…. Tipos de clúster de servidores. Según la tecnología usada: Clúster en la nube. Son rápidos y sencillos de configurar, pero menos adaptables. Clúster de servidores dedicados. Al ser clústers creados “a mano” con más adaptables al cliente, pero también conllevan más configuración. Según el servicio o funcionalidad que ofrecen: Clúster de alto rendimiento (HC o High Performance Computing Cluster). Creados para ofrecer gran potencia de cálculo o grandes cantidades de memoria. Clúster de alta disponibilidad (HA o High Availability). La idea es garantizar la disponibilidad del sistema, teniendo los recursos por duplicados y con software de detección y recuperación de errores. Clúster de alta eficiencia (HT o High Throughput): la finalidad de estos clústers es realizar la mayor cantidad de operaciones en el menor tiempo posible. Componentes de un clúster de servidores. Los clusters de servidores está formados por : Nodos: cada uno de los servidores del cluster. Sistema operativo: debe ser un sistema multiproceso y multiusuario. Conexiones de red: las conexiones entre los nodos, que pueden ser desde cables Ethernet a conexiones de fibra por Internet. Middleware: es el software que está entre el usuario y el clúster y que le hace pensar al usuario que está manejando una sola máquina. Permite detectar y añadir nuevos nodos al clúster y dispone de herramientas de mantenimiento, migración, balanceo… Almacenamiento: el almacenamiento en los clúster puede ser local, pero puede también ser externo. Ventajas de un clúster de servidores. Todas, siempre varios servidores van a ser mejor que uno…pasamos a resumirlas. Alta disponibilidad: Al tener varias máquinas con lo mismo, si se cae una, las otras aseguran que el sistema siga. Escalabilidad: siempre que se necesiten más recursos se pueden añadir más nodos en la red, haciendo que el clúster crezca según nuestras necesidades. Balanceo de carga. Otra de sus grandes ventajas, permite distribuir la carga entre los nodos, permitiendo así un mejor uso de los recursos. Resistencia a ciertos ataques con el DDOS. Al tener varios nodos, si uno es atacado el resto pueden seguir ofreciendo el servicio. Rendimiento: el sistema de clusters ofrece un mayor rendimiento que los servidores individuales. Entre otras cosas porque al repartir las cargas los nodos no se saturan. Conclusión: si la economía del proyecto lo permite, crear un clúster de servidores permite tener un balanceo, una mayor eficiencia y una tolerancia a fallos y ataques, además de una escalabilidad que son muy interesantes para cualquier proyecto TIC.

Información Tecnica, Internet, Sistemas

Diferencia entre Cloud Computing e Internet y servicios que ofrece el Cloud Computing.

Mucha gente, incluso gente dedicada a Internet, confunde Cloud Computing con Internet. Como a Internet se le solía llamar “la nube” y representarlo como una nube en los esquemas informáticos, para muchos el Cloud Computing no es mas que “tener las cosas en Internet”. Y no es exactamente así. El Cloud Computing es algo bastante más extenso e interesante. Muchos no conocen todos los servicios que ofrece y por qué está permitiendo a empresas (desde PYMES a grandes empresas) el uso de recursos informáticos más fiables, colaborativos, siempre disponibles y con ahorro de gastos. Diferencias entre Cloud Computing e Internet. Qué es Internet. Internet es una red informática. Es decir un conjunto de equipos informáticos (ordenadores personales, servidores etc) conectados entre sí con la finalidad de compartir recursos, datos y servicios. Las redes informáticas tienen diferentes dimensiones según su tamaño o la zona geográfica que abarcan (de menor a mayor: PAN, LAN, MAN, WAN). También existen redes cableadas y redes sin cables (WLAN). Internet es la WAN (Wide Area Network) más grande del mundo, y engloba a ordenadores de todo el mundo. En Internet se proveen diferentes servicios como el World Wide Web (el conjunto de páginas web), FTP, E-mail, VOIP, Televisión y radio, chats, bases de datos… Es decir Internet es el medio, formado por los recursos tanto de hardware como de software que permiten crear y mantener las conexiones entre ordenadores. Qué es Cloud Computing. La computación en la nube, o Cloud Computing, es una tecnología dedicada a ofrecer recursos (muchos de los cuales antes eran locales y otros estaban en Internet) como un servicio (y esta es la clave) a través de Internet. Veremos más adelante en el artículo los diferentes tipos de servicios y eso ayudará a entenderlo mejor. Pero el Cloud Computing es una tecnología que usa Internet como medio. Podría usarse en una red local, pero es en Internet donde adquiere todo su potencia y sentido ya que adquiere el ámbito global que necesita. En el CC existe una parte que entrega el servicio, el proveedor de servicio, y una parte que lo contrata, el suscriptor. Normalmente el pago se hace por uso. Ventajas del Cloud Computing. Os dejamos algunas ventajas de Cloud Computing. Escalabilidad. Permite crear proyectos del tamaño que se necesite, y crecer con sólo ampliar recursos. También escalar sólo en momentos puntuales y luego reducir recursos. Todo sin cortes de servicio. Alta Disponibilidad. la tecnología de virtualización permite a los proveedores ofrecer que el servicio no se detenga por fallos de hardware. Y el uso modular permite a la empresa que sus servicios estén siempre disponibles. Independiente de la localización. Se pueden tener recursos y servicios localizados en todo el mundo y que se pueden usar globalmente. Pago por uso: Los XaaS se pagan por uso. Si el servicio se apaga no se factura por él y esto es muy interesante. Ahorra tiempo y recursos. El proveedor es el encargado de la parte física y del hardware. El suscriptor sólo tiene que conectar, configurar y mantener. Esto permite ahorrar mucho tiempo en la construcción de proyectos y un ahorro en el mantenimiento de hardware y de espacio físico. Servicios de valor añadido. Los XaaS suelen ofrecer muchos logs, registros, informes, balanceo de cargas, caché, CDNs etc muy interesantes tanto desde el punto de vista técnico como el negocio. Tipos de Cloud Computing. Hemos dicho que el Cloud Computing ofrece servicios. Vamos a ver los diferentes tipos y ejemplos de cada uno. Con esto se entenderá mejor la potencia del CC. Veréis que todos se llaman siguiendo esta nomenclatura XaaS. Donde X es el servicio y aaS=as a Service. Infrastructure as a Service: IaaS. La Infraestructura como Servicio, IaaS, ofrece al suscriptor los recursos hardware (máquinas virtuales, dispositivos de almacenamiento, dispositivos de red virtualizados etc). De esta manera no tiene que tener un datacenter (o rack, servidor etc) en modo local. Eso si, el cliente tiene que instalarlos y configurarlos.Es la base de la pirámide de los Cloud Computing, pero requiere de personal técnico para su gestión y mantenimiento. Los proveedores de IaaS más famosos son Amazon Web Services (AWS con su EC2), Google Cloud con su Google Compute Engine o Microsoft Azure (VM). Storage as a Service: STaaS Espacio como servicio, en el que el proveedor provee de recursos de almacenamiento. Algunos proveedores son AWS S3, Google Cloud Storage , Azure Blog Storage, Zadara u Oracle Cloud Storage. Plafform as a Service: PaaS. Plataforma como servicio, en el que se le ofrece al suscriptor la posibilidad de desarrollar, ejecutar y mantener aplicaciones sin tener que preocuparse por la infraestructura. Ejemplos de proveedores: Google App Engine, CloudFoundry, Heroku, AWS (Beanstalk). DaaS: Data as a Service o Desktop as a Service. DaaS puede ser Data as a Service o Desktop as a Service. En el primero, Data as a Service, se entiende como un servicio que provee datos. Normalmente un conjunto de APIs. Ejemplos serían Facebook (su API) o Google Maps. Aquí tenéis más gratuitos. DaaS también e entiende como Desktop as a Service, es decir la virtualización de equipos de escritorio en la nube. Permite disponer de tu escritorio en Internet. Algunos proveedores serían: Amazon Workspaces, Citrix Virtual Desktops o Microsoft Virtual Desktop, Function as a Service: FaaS Permite ejecutar funciones en un código desde los proveedores Cloud. Proveedores: AWS (Lamda) o Google Cloud Function Software as a Service: SaaS. Los proveedores proporcionan software que se usa “bajo demanda”. Ejemplos son: Gmail, GSuite, Office 365, SAP, Salesforce, Dropbox…. Aquí tenéis la pirámide de Cloud Computing Services. Esperamos que esto os ayude a comprender lo que es el Cloud Computing y las opciones que proporciona a todos los negocios.

Sistemas, Soporte

Una actualización de Windows 10 de Marzo,KB5000802, causa pantallazos de la muerte al imprimir.

Hemos estado recibiendo muchas incidencias de clientes con problemas al imprimir en impresoras, sobre todo Kyocera, pero también Ricoh y otras. Cuando van a imprimir reciben el pantallazo azul de la muerte (BSOD) con el error “APC_ INDEX _MISMATCH error”.Estos errores se repiten constantemente al ir a imprimir. Podemos ver varios hilos en Internet al respecto. A la fecha de este artículo, Microsoft ha reconocido el fallo, pero dice estar trabajando en él: “We are presently investigating and will provide an update when more information is available.” Los rumores son que Microsoft ha detenido la actualización, pero muchos clientes ya la tienen. Cómo solucionar el problema. La solución más sencilla es desinstalar la actualización que ha dado el problema, es decir la KB5000802. Os dejamos varias maneras: Ve a Configuración->Actualización y seguridad->Ver historial de actualizaciones->Desinstalar actualizacionesSeleccionamos la actualización y pinchamos en Desinstalar. Puedes restaurar a un punto de restauración anterior si dispones de ellos. También se puede desinstalar por consola con wusa /uninstall /kb:5000802 Nota: tenemos noticias que la actualización KB5000808  también está dando problemas similares. las soluciones son las mismas.

Internet, Ofimatica, PDF, Trucos

Cómo convertir Word a PDF online gratis

Microsoft Word es, sin duda, el editor de textos más usado. Pero cuando se quieren enviar documentos en formato no editable, pdf (Portable Document Format) es el formato elegido. Pdf mejora notablemente el aspecto del documento final, tanto en modo lectura como cuando lo imprimimos. Además, es más difícil realizar cambios en este formato. Así que convertir entre el formato de Word (ficheros .doc o .docx) al formato de pdf (ficheros .pdf) es una tarea que realizamos con frecuencia. Existen varias maneras de realizar esto, dependiendo del dispositivo en el que estamos, y el software que estamos usando. Soluciones online para convertir a pdf. Existen diversas maneras de convertir un documento Word a pdf en Internet, sin necesidad de tener programas instalados. Una de estas alternativas es FormatPDF, pero hay muchas otras que puedes utilizar para esta acción. Hace tiempo usábamos “impresoras pdf”. Software que emulaban impresoras y que, al enviar el fichero a ellas nos lo convertía a pdf. Estas siguen existiendo, pero cada día se usan menos. Además no siempre conservan la misma estructura del original.  Word, desde su versión 2007, incluye una opción para convertir a pdf. Sólo hay que escoger “Guardar como” y escoger dicho formato. Como ya hemos hablado de las primeras dos opciones, hoy vamos a presentaros una solución para convertir Word a PDF online. Cómo convertir Word a PDF online gratis. Convertir documentos de Word a pdf online es útil cuando: Estamos usando un ordenador que no tiene un programa de los mencionados anteriormente instalado. Ya sea porque no tenemos, por ejemplo, licencia de Word, o porque estamos usando un ordenador compartido o prestado. Tenemos un dispositivo móvil o una tablet, donde es más difícil tener programas conversores de pdf instalados. El usuario no sabe de la existencia de conversores en su ordenador, o le resultan complicados. El formato online siempre es más sencillo de usar. Para convertir de Word a pdf en Internet tenemos diversas opciones: Herramientas online. Existen páginas web como Formatpdf que son auténticas navajas suizas para convertir entre todos los formatos de documentos. Y obviamente también disponen de conversión pdf a Word y viceversa. Usando el conversor de Word a Pdf de Acrobat: https://www.adobe.com/es/acrobat/online/word-to-pdf.html Usando Google Docs. Si tienes cuenta de Gmail, puedes usar Google Docs para convertir un fichero docx a pdf. Para ello abre el fichero con Google Docs y ve a Archivo > Descargar > Documento PDF Con extensiones del navegador. Puedes usar extensiones como esta en el navegador para que ellas realicen la conversión. Esperamos que estos métodos te sirvan si necesitas convertir entre estos dos formatos de forma online.

Noticias Informáticas, Seguridad, Sistemas

Qué debemos aprender del incendio los datacenter de OVH en Estrasburgo y la pérdida de datos.

Lo primero es contar qué ha pasado. Hoy ha sido un día “movido” en el mundo de la informática. Al ataque a la web del SEPE (con lo saturados que están…a perro flaco todo son pulgas), y una actualización de Microsoft que deja, de nuevo, impresoras inutilizadas, se une este caso del que vamos a hablar hoy. Nota: parece que el SEPE no estaba bien preparado y restauraron la web con un copy paste de Way Back Machine.Y vamos a hablar de él porque todos, en especial los clientes, debemos extraer conclusiones muy importantes sobre el caso y sobre nuestras políticas de copias de seguridad y de disaster recovery. Aunque se que predicamos en el desierto y nadie hará caso…. OVH, uno de los mayores proveedores de hosting de Europa (nosotros tenemos recursos con ellos) tiene “datacenters” (Centros de Proceso de Datos o CPDs) en todo el mundo. Especialmente en Europa.Esta mañana nos hemos levantado con la noticia que ha habido un incendio en uno de sus CPDs de Estrasburgo, que ha resultado en la posible destrucción total de uno de ellos el SBG2, y la destrucción parcial de el SBG1. Aquí tenéis el comunicado oficial. Destrucción que conlleva la pérdida de los datos que ahí había. Repito, los clientes que tuvieran sus servidores en la nube ahí pueden haber perdido todos sus datos. Como dice una de sus cuentas oficiales: “We recommend to activate your Disaster Recovery Plan“. Aunque la mayoría de los clientes no saben qué es eso ni tienen (en nuestra experiencia). Es decir, estamos todos haciendo una migración “a la nube”, y nos encontramos que la nube NO ES INFALIBLE (nada lo es). Se puede incendiar (y puede sufrir ataques de hackers, infección de ransomware etc etc).Y si no tienes un plan de contingencia puedes perderlo todo. Habiendo visitado CPDs grandes en Francia, me resulta MUY extraño que el incendio haya podido tener tanta repercusión. Espero que haya sido sólo impacto eléctrico. Normalmente tienen sistemas antiincendios avanzados, y separaciones obligatorias entre las paredes y los racks. Tendremos que esperar a ver el impacto real de esta noticia. Pero ya podemos sacar conclusiones importantes. Podemos aprender una lección importantísima de esta noticia. Entendemos que OVH tendrá los datos de sus hosting duplicados, y que esos clientes no habrán perdido datos (espero). Pero todos aquellos que hayan contratado servidores tenían la responsabilidad de tener una copia de seguridad. No es responsabilidad de OVH (aunque va a sufrir por esto).Y por lo que estamos leyendo muchos no habían previsto eso, y van a tener pérdidas catastróficas. ¿Conclusión? La que llevamos diciendo desde hace mucho tiempo. CREAR UN SISTEMA DE COPIAS DE SEGURIDAD. Al menos dos copias de seguridad, aunque lo ideal se seguir la Regla del 3,2,1: 3 copias de seguridad, 2 de ellas en medios diferentes y 1 en una ubicación física diferente.

Diseño Web, Programas, Sistemas, Software

Notepad++ Compare plugin: compara ficheros o textos desde Notepad++

Ya hemos dicho en varias ocasiones que Notepad++ es uno de los programas que más usamos. Nos encanta que un programa “tan simple” como este tenga tantos usos. Lo usamos como editor de textos, para programar en varios idiomas, para apuntar notas, copiar y pegar textos….Hoy os vamos a hablar de un plugin que permite comparar textos desde este editor tan versátil. Cuando programas o editas, surge en muchas ocasiones la necesidad de comparar versiones para ver los posibles cambios. Esto se puede hacer de varias maneras: Con software en el ordenador: hace tiempo os hablamos de Meld. Pero también hay otros como WinMerge. Con herramientas online: útiles para sacarte de un apuro. Por ejemplo Diffchecker o Text-compare. O puedes usar programas que ya uses, como es este caso, simplemente añadiendo algún plugin. Notepad++ Compare plugin Notepad++ Compare plugin es una extensión que se instala y se agrega a este editor de textos. Para instalarlo tienes dos maneras. Desde el gestor de plugins en Notepad++. Puedes ir a Plugins-> Administrar Plugins buscas Compare, marcas la casilla y pinchas en Instalar. Descargando el plugin de su página. Descarga el fichero desde Sourceforge (enlace sobre estas líneas). Para saber qué formato descargar tienes que saber si tienes la versión de 32 o 64bits de Notepad++. Pulsa en Alt+F1 dentro del programa, y verás la versión.Descarga el plugin, extrae el contenido en una carpeta temporal y ve a Configuración->Importar->Importar Plugins y elige la carpeta.También puedes copiar la carpeta que has extraido directamente en la carpeta de plugins de Notepad++Si vas a Plugins->Abrir Carpeta de Plugins te dice cual es. Si no ve a :64bit: %programfiles%\Notepad++\plugins32bit: %programfiles(x86)%\Notepad++\plugins Una vez hayas hecho esto, deberías tener Compare en el menú de Plugins. Cómo comparar ficheros o textos. Es sencillo, una vez instalado el plugin verás unos botones de “Set as First to compare” y “Compare”. Puedes usarlos para elegir la primera pestaña a comparar y comparar cuando tengas la siguiente. También tienes las mismas opciones, y muchas más, en el menú Compare de Plugins. TIenes un código de colores para ver las líneas que se han borrado, que se han cambiado, se han añadido o se han movido. Dicho código puedes cambiarlo o comprobarlo desde Plugins->Compare-> Settings.

Diseño Web, Gestores de contenidos, SEO, Trucos

Solución a “Elimina los recursos que bloqueen el renderizado” que muestra Page Speed en WordPress.

Si quieres mejorar tu página web, es una buena idea analizar la misma con Google Page Speed. Cuando lo haces, muestra varios errores, como “Publica imágenes con formatos de próxima generación” que os indicamos cómo solucionar aquí. O el error que os vamos a explicar cómo solucionar hoy: “Elimina los recursos que bloqueen el renderizado“. ¿Cuáles son los recursos que bloquean el renderizado? Esta es la primera pregunta que nos surge. Para poder explicarlo necesitamos entender qué es “renderizar” una página web y cómo se hace. El renderizado se refiere a: la cadena de acciones que realiza un navegador para presentar una página web. Es decir, analizar, procesar y visualizar una web. El navegador web lee el código de una web de arriba a abajo durante el “renderizado“. Si encuentra un recurso CSS o Javascript, tiene que detener la lectura hasta que se cargue el recurso. Pero muchas veces dichos recursos no son necesarios para mostrar la primera presentación que necesita ver la persona que accede a la página. Así que son recursos que están bloqueando que se cargue la página. Y esto hace que tu página se cargue más lenta. Es importante destacar que no todos los recursos bloquean la carga de la web. Sólo los que no son necesarios para esa carga inicial. Lo importante es cargar el HTML y los que se llama el CSS crítico (el obligatorio). Lo más normal es tomar una de dos soluciones para diferir ( cargar más tarde) los recursos). Puedes ver más información aquí. Async. la carga del recurso se realiza mientras se sigue leyendo el HTML. No detiene la lectura del HTML. Pero si que habrá un parón cuando haya que ejecutar el recurso. Defer: El recurso se descarga mientras se lee la web, y no se ejecutará hasta el final de la carga del HTML. Solucionar el error “Elimina los recursos que bloqueen el renderizado” en Wodpress. Existen varias maneras para solucionar este problema. Obviamente se podría cambiar a mano la carga de los recursos para que lo hagan después (esto se hacía antes). Afortunadamente ya existen varios plugins que nos ayudan en este proceso. Y hoy os vamos a dejar un par con los que podéis arreglar este problema de manera muy sencilla (lo hemos probado en varias webs de clientes). El proceso consiste en instalar y configurar dos plugins del mismo desarrollador: Async JavaScript y Autoptimize (del que ya os hemos hablado). Esto es lo que tenéis que hacer. Instalar Async JavaScript y activarlo Instalar Autoptimize y activarlo. Ir a la configuración de Async Javascript y marcar la casilla en la parte superior de la configuración para activar JavaScript Async. Escoger si quieres Apply Async o Apply Defer dependiendo del método que quieras (que hemos explicado encima de estas líneas. Ir a la configuración de Autoptimize. Marcar la casilla para optimizar el código JavaScript. Marcar la casilla para optimizar el código CSS. Con esto navega un poco por tu sitio, y vuelve a hacer la prueba de Page Speed. Si no se ha quitado el aviso prueba a hacerla varias veces, o espera hasta el día siguiente, porque Page Speed cachea sus resultados. En nuestras pruebas, al cabo de hacer varias pruebas y esperar un poco, vimos que el error había desaparecido (y con ello mejorado nuestra puntuación en Page Speed).

Diseño Web, Gestores de contenidos, Seguridad, SEO, Trucos

Crear un fichero robots.txt optimizado para WordPress por SEO y seguridad.

El fichero robots.txt es un fichero, enfocado a los robots rastreadores de los buscadores, que tiene varias utilidades. Por una parte es una manera de indicar a los buscadores dónde tenemos nuestro(s) sitemap (mapa de sitio). Esto se hace con el parámetro sitemap en el fichero: sitemap urldelmapadelsitio. Es verdad que la mayoría de las herramientas de los buscadores tienen un apartado para enviarles esta ruta, pero no solemos hacerlo para todos los buscadores….y nunca está de más hacerlo aquí. Por otro lado, nos permite bloquear ciertos lugares de nuestro sitio web (directorios, ficheros, urls) para que los buscadores no los recorran y no los indexen. Esto es importante por tres motivos: – Seguridad: los buscadores no deberían estar entrando, ni publicando, información de zonas como wp-admin o directorios donde podemos tener copias de seguridad o similar. Esto puede ser una manera de acceder a nuestra página web. – SEO: podemos controlar qué queremos y qué no queremos que aparezca en los buscadores. Esto también se puede hacer, de manera más sencilla pero limitada, desde Yoast. – Optimización de recursos: en ocasiones ciertos robots de los buscadores, que además no nos interesan, pueden estar usando recursos de nuestra web. Por ejemplo buscadores de países que no son nuestro objetivo, o buscadores que se sabe que son “no deseados”. Podemos bloquear muchos de estos desde aquí. Dónde se coloca y cómo se edita el fichero robots.txt. El fichero robots.txt se coloca en la raíz de nuestro sitio. Podemos crear el fichero por FTP y subirlo a la raíz de nuestro sitio. Y editarlo desde FTP.Nota: cuidado con el UTF-8 BOM (la introducción de carácteres invisibles en nuestro fichero de texto que hacen que los robots no puedan leerlo). WordPress no permite editar este fichero a mano, pero si tienes Yoast instalado, puedes hacerlo fácilmente desde SEO-> Herramientas->Editor de archivos Fichero robots.txt recomendado para WordPress. Aquí os dejamos un fichero genérico que recomendamos para WordPress. Recordamos que cada instalación es diferente, y es conveniente verificar si queremos añadir algo más a nuestro fichero.Nota: Algunas líneas se añaden para asegurarnos que se admite esa ruta aunque por defecto lo debería hacer. Si queréis bloquear robots poco útiles os dejamos algunos. Cómo comprobamos el fichero robots.txt Siempre es importante comprobar que el fichero robots.txt es correcto. Para ello Google tiene una herramienta desde la que podemos hacerlo. También nos permite actualizar el contenido si lo hemos cambiado. En la ventana que te aparece tras elegir tu sitio, si no aparece el código actualizado puedes copiar el código nuevo y darle a Enviar . Después vuelve a pinchar en Enviar para que lo actualice. En ese momento te dirá si tienes algún error.

Diseño Web, Información Tecnica, Trucos

CSS: dar un margen a un enlace anchor para que no aparezca en la parte superior de la página.

Un “Anchor” (ancla) en HTML es un enlace que permite enlazar partes de un documento. La idea es sencilla, en el destino del enlace, el href, ponemos #etiqueta. Esa etiqueta tiene que es el id de una zona del documento a la que queremos enlazar. Por ejemplo, si ponemos: Estos enlaces son muy útiles, y permiten crear documentos muy cómodos para el lector. Por ejemplo un índice que me lleve a las secciones que queremos. Sin embargo, al llevarte a la sección a la que hemos enlazado, pone dicha sección al comienzo de la página. ¿Qué ocurre si tenemos elementos que cubran la parte superior, o si necesito un margen? Por ejemplo, ¿qué ocurre si tienes un “fixed header“, una cabecera fija? En ese caso, nuestro ancla quedaría debajo de nuestra cabecera. Y no podremos verlo. Hoy os enseñamos a poner un margen en el enlace, que podremos modificar, y así poder decidir nosotros a la altura que deba aparecer el ancla. Cómo dar un margen en un enlace ancla, para que aparezca a la altura que queramos de la página. El truco es muy curioso e ingenioso. Lo hemos probado en un cliente y funciona muy bien. Lo que vamos a hacer es poner un elemento (en el ejemplo ponemos un a pero podría ser cualquier cosa) oculto antes de donde queremos que apunte. Y a ese elemento oculto darle un margen. De esta manera, en un visionado normal de la página no aparecerá. Pero cuando el anchor link nos lleve a él, se activará el margen. Modifiquemos en ejemplo anterior (la clase y la etiqueta las ponemos nosotros). HTML Aquí el CSS: Y ya está. Como veis, ese elemento está justo antes del párrafo al que queremos llegar. Y oculto. Pero cuando pinchamos en el link, nos lleva a el con el margen que queremos (podemos ponerlo positivo o negativo.Nota: seguramente tendréis que hacer alguna “media query” para ajustarlo en móviles. En teoría hay una variante de este, donde en vez de un elemento ponemos un ::before con un contenido. Y ese lo ponemos oculto. Debería funcionar igual Podéis verlo aquí (no lo hemos probado).

Smartphones, Soporte, Trucos

Google Play Store sin conexión a Internet

Hace unos días tuvimos que arreglar un teléfono que tenía este problema. El teléfono tenía conexión a Internet y navegaba, pero Google Play Store decía que no tenía conexión.Y claro, si conexión no puedes actualizar aplicaciones ni descargar nuevas. Os dejamos algunas soluciones. Solución a Google Play Store sin conexión. Os dejamos algunas soluciones a probar. Reinicia el móvil. Si…se que es la respuesta que damos todos los informáticos a los problemas. Pero es lo más sencillo y lo primero a probar. Y, seamos sinceros, soluciona muchos fallos. Comprueba que tienes la fecha y hora bien. Parece mentira, pero es una de las causas más comunes de este fallo. Que la hora del teléfono no esté bien. Ve a Ajustes->Sistema->Fecha y Hora. Ahí marca la opción de Fecha y hora automática. Fuerza el cierre de la aplicación Google Play Store y borra su caché. Esto fue lo que nos funcionó a nosotros. Ve a Ajustes->Aplicaciones y en el apartado donde muestre todas las aplicaciones. Busca Google Play Store y entra en él. Después ve a Almacenamiento y Memoria y haz clic en la opción de Borrar Caché. Vuelve al menú anterior y haz clic en Forzar detención.

Scroll al inicio