El mundo de Internet y sus curiosidades

Los cambios en nuestro día a día

¿Cómo crear un diseño web responsive?

Hubo un tiempo en que pensábamos que la gente sólo visitaba los sitios web usando ordenadores de escritorio con pantalla grande. Ese día ya ha pasado. De hecho, ese día ha desaparecido desde hace bastante tiempo.

En los primeros días de diseño web, la mayoría de los sitios web fueron diseñados para las pantallas que se encontrarían con el ordenador de escritorio. En la Web de hoy en día, sin embargo, la amplia gama de dispositivos y tamaños de pantalla que se utilizan para acceder a esos sitios significa que una solución “one size fits all” ya no es viable.

Los sitios web necesitan acomodar pantallas desde las muy grandes a las muy pequeñas con un diseño y experiencia adecuados para cada una. Hay un número de maneras en que un sitio se puede hacer para incluir “soporte móvil”, pero la mejor práctica de la industria es con un enfoque llamado “diseño web responsive”.

Las 3 calidades de diseño web responsive

Responsive Web Design como lo conocemos fue presentado por primera vez por Ethan Marcotte en un artículo publicado por A List Apart y más tarde en su libro “Responsive Web Design”. Ethan definió este enfoque como teniendo tres cualidades distintas:

Un diseño flexible basado en la red. En lugar de tener tamaños de píxeles fijos en un diseño, las áreas de diseño como columnas de contenido se construyen con porcentajes de manera que al mismo tiempo que su tamaño puede cambiar, sus proporciones entre sí se mantendrán.

Imágenes y soportes flexibles – de forma similar, las imágenes y los medios como el contenido de vídeo se pueden clasificar con porcentajes en lugar de anchos fijos de píxeles. Esto significa que las imágenes pueden escalar con un sitio web para diferentes tamaños de pantalla.

Consultas de medios, las consultas de medios permiten que los cambios de diseño se realicen dinámicamente en los sitios cuando se cumplen ciertas condiciones. Por ejemplo, una vez que la resolución de una pantalla cae por debajo de un cierto punto, el contenido presentado en columnas puede ser cambiado en una sola columna con el contenido presentado uno encima del otro.

Con este enfoque, un diseñador web podría desarrollar un sitio web cuyo diseño cambiaría automáticamente en función del tamaño de la pantalla de un visitante.

Una mejora sobre sitios web “sólo móviles”

Antes de la introducción del diseño web sensible, un sitio web separado, “sólo para móviles” fue la solución que muchas empresas recurrieron en un esfuerzo por proporcionar una mejor experiencia de usuario a los clientes que cada vez más recurren a dispositivos móviles.

Si bien este enfoque era mejor que no hacer nada (y entregar la versión de pantalla grande del sitio a esos dispositivos de pantalla pequeña), todavía había muchos inconvenientes en el uso de sitios web sólo para móviles, incluido el hecho de que ahora tenía dos sitios web distintos para mantener. Con un sitio web de respuesta, sin embargo, sólo habría un sitio web para desarrollar y administrar y que el sitio podría acomodar grandes pantallas, pantallas pequeñas, e intermediarias.

El aumento de los dispositivos de tableta mostró que era necesario considerar pantallas de “tamaño mediano”, además de pantallas pequeñas (teléfonos móviles) y pantallas grandes (escritorios).

Mediante el diseño responsivo, el contenido se adapta a la pantalla mientras que existe una alternativa que sería crear numerosas versiones de sitio, cada una dirigida a un tamaño de pantalla general diferente y cada una necesitando ser mantenida por separado.

La mejor práctica de hoy

Inicialmente, el diseño web sensible fue adoptado por los diseñadores web que querían probar este nuevo enfoque en sus propios sitios. De forma lenta pero segura, sin embargo, se ha convertido en una mejor práctica en toda la industria.

Hoy en día, Google lista el diseño web sensible como su enfoque recomendado para el soporte de diferentes dispositivos y tamaños de pantalla. También utilizan el diseño web sensible y la “amistad móvil” como uno de los factores que pesan en su algoritmo de clasificación, por lo que el soporte de dispositivos múltiples no sólo ayuda a los visitantes de un sitio a ser capaz de utilizar una amplia gama de dispositivos y tamaños de pantalla, sino que también tiene un impacto positivo en su ranking general en los motores de búsqueda.

Desafíos

Mientras que el diseño web sensible puede ser una práctica recomendada actual y una forma poderosa de crear sitios web para una audiencia multi-dispositivo, este enfoque viene con algunos desafíos. El rendimiento del sitio web se vuelve más importante que nunca y los elementos del sitio web común como imágenes y navegación tienen que ser reconsiderados con el fin de trabajar eficazmente en un entorno de respuesta.

Ahorra en tus compras online con Mascupon

Hoy en día en Internet todo es posible. Puedes hacer lo mismo que haces de forma física o más y sin la necesidad de desplazarte, incluidas tus compras. Además, la gran mayoría de tiendas incluyen sus ofertas y cupones también en su tienda online y no sólo en la tienda física. Si te interesa ahorrar, Mascupon es una buena manera de enterarte de todas estas oportunidades.

¿Qué es Mascupon?

Mascupon es una plataforma online donde se recogen los mejores cupones de descuento y ofertas para una gran cantidad de tiendas online internacionales, como Samsung, Amazon, Adidas o Apple, entre otras

Su historia

MasCupon nació en el año 2013 de la mano de un equipo joven y entusiasta. Desde su oficina en Valencia trabajan cada día para ofrecer los mejores descuentos y, lo que empezó como un proyecto a nivel nacional, ya se ha internacionalizado a distintos países.

¿Cómo funciona?

Ahorrar con MasCupon es muy fácil. Sólo tienes que entrar en su web y elegir y código u oferta. Si has encontrado una oferta, no necesitas un código para obtener el descuento, pincha en el cupón y te llevará directamente a donde se encuentre la oferta.

Si lo que has encontrado es un cupón, haz clic sobre él y podrás ver el código. Presiona sobre “Copiar código” y en “ir a la tienda”. Haz la compra y al finalizarla pega el código en el sitio indicado. ¡Así de fácil!

Ahora que ya conoces MasCupon, no dudas en visitar su página antes de hacer cualquier compra, ya que es probable que te puedas ahorrar un dinero. Sea lo cual sea el producto o servicio que estés buscando, desde teconología hasta unas vacaciones, MasCupon es tu sitio.

Algunas recomendaciones:

https://www.mascupon.es/tiendas/codigo-promocional-el-corte-ingles/ https://www.mascupon.es/tiendas/cupon-descuento-edreams/ https://www.mascupon.es/tiendas/codigo-promocional-amazon/ https://www.mascupon.com.ar/tiendas/codigo-promocional-adidas/

 

7 maneras para mejorar la velocidad de tu página móvil

Eres, propietario de una página web posee una misión crítica en medio de esta loca carrera de los consumidores enloquecidos: bajar la velocidad de la página móvil y convertir ese tesoro de los compradores en línea en sus compradores felices.

Google, Radware y expertos en optimización de móviles han identificado tres segundos como el número mágico para un tiempo de carga móvil. Más de tres segundos y desastres huelgas y todo tipo de cosas malas comienzan a suceder: los clientes que huyen a sitios web de la competencia, las conversiones más bajas, y el nombre de marca comienza a deteriorarse. Menos de tres segundos, ya está bueno como el oro y sus clientes también!

Sin perder ni siquiera una milésima de segundo más de su tiempo, permítanme esbozar los 7 pasos clave ideados por el equipo de optimización para acelerar drásticamente la velocidad de la página móvil.

Medir y minimizar el tiempo de respuesta del servidor

Velocidad de la página móvil está determinado por su codificación web, pero también depende de una herramienta de tecnología grande, grasa conocida como su servidor. Obviamente, el más largo de su servidor espera a responder a una solicitud de un navegador, más lento será su tiempo de carga de la página.

Los expertos de Google y GTMetrix recomiendan su servidor comienza a transmitir el primer byte de los recursos dentro de los 200 milisegundos de una solicitud .
También llamado “tiempo de espera” o “tiempo hasta el primer byte”, el tiempo que transcurre antes de una respuesta desde el servidor es el primer elemento en un gráfico de cascada.

Hay tres métodos principales para la elevación de su tiempo de respuesta del servidor:

Mejorar la calidad y el alcance de su servicio de alojamiento web, y en particular, garantizar los adecuados recursos de CPU y memoria.

Evitar o minimizar las redirecciones para acelerar la velocidad de la página móvil

Redirecciones son instrucciones que toman automáticamente a los visitantes del sitio web de una página a otra ubicación. Cada redireccionamiento consume valiosos milisegundos, la creación de una página de carga lenta. Esto es especialmente problemático en los dispositivos móviles, ya que a menudo dependen de las redes menos fiables que los usuarios de escritorio.

301s – el tipo más común de la página vuelve a dirigir – visitantes del sitio web de guía de las páginas web a las páginas anticuadas de nuevo diseño con diferentes direcciones URL. Aunque a menudo es necesario , 301s pueden devorar una parte importante del tiempo de carga móvil. De hecho, es probable redirecciones “la mayor fuente de tiempo perdido en el código y pueden afectar dramáticamente su velocidad de la página,” informa Varvy.

El primer paso es simplemente para inventariar el número de redirecciones en su sitio mediante la implementación de herramientas tales como Patrick Sexton asignador de redirección.

Medir rigurosamente los tiempos de ida y vuelta

Wikipeida define “tiempo de ida y vuelta” (RTT) como el tiempo necesario para que una petición de datos a ser transmitidos desde un ordenador de escritorio o dispositivo móvil a un punto de destino, tales como un ordenador remoto, y la vuelta completa de los datos.

RTT se puede medir haciendo ping una dirección. El intervalo exacto de un RTT depende de numerosos factores como la fuente de conexión, medio de conexión, la distancia física entre la fuente real y el sistema remoto, el número de nodos entre ellos, la cantidad de tráfico, número de otras solicitudes manejadas por el servidor y así sucesivamente.

Cada RTT añade un quantum de tiempo a su tiempo total de carga móvil. Por lo tanto es una buena práctica para disminuir la cantidad de Circuitos secuenciales asegurándose de que los recursos son transmitidos en paralelo y eliminando el exceso de peso. Además de evitar las redirecciones antes mencionadas, GlobalDots sugiere la combinación de secuencias de comandos para evitar repetir mucho tiempo RTT, en particular, mediante la unión en el menor número posible de archivos:

JavaScript externo
CSS externo
Imágenes utilizando sprites CSS

Cargar por encima de la doblez contenido antes de contenido por debajo de la doblez

La idea aquí es simple: su sitio web debe cargar el contenido de un usuario móvil ve primero antes de que el contenido que podrían ver más tarde. En particular, el código de sus páginas web para que su servidor envíe primero los datos necesarios para mostrar el contenido por encima de la tapa.

Incluso si una página está incompleta, el usuario experimentará el contenido tan preparado antes. En sus pruebas de velocidad página móviles, Google, de hecho, llama a páginas que no se cargaron encima de la tapa en primer lugar, que recomienda que “priorizar contenido visible.”

Poner js en la parte inferior y css en la parte superior de los archivos html

JavaScript aporta interactividad a las páginas en línea (tales como botones y sus respuestas o datos que se introducen en las formas, estilo dinámico, y la animación). Sin embargo guiones JS prevenir descargas paralelas. Cuando el código JS está cargando, el navegador no comenzará otras descargas. Para acelerar la carga de la página, mover los scripts JS a la parte inferior de la página si es posible.

Que le permitirá mostrar el contenido HTML antes de que el JavaScript se cargue, lo que le permite mostrar una página spinner-is-carga u otro mensaje al visitante móvil.

CSS o Cascading Style Sheets, detalle cómo los elementos HTML se van a mostrar en su página web. Al colocar las hojas de estilo en el comienzo del documento de programación, sus páginas parecen ser una carga más rápida. Al colocar su CSS en la delantera, el navegador puede mostrar cualquier contenido que tiene la mayor brevedad posible.

Optimizar y archivos js css y minify

Más datos y el exceso de peso de la página significa que sus páginas simplemente tardan más en cargarse, en promedio. Por eso desarrollador web cada vez que se precie sabe que necesitan para optimizar y reducir al mínimo los activos. La parte superior de esa lista está optimizando y reduciendo al mínimo los archivos CSS y JS.

“Minificación” elimina los datos redundantes o simplemente irrelevantes sin afectar a cómo aparece una página. Una variedad de herramientas, como Google señala, puede ayudar a filtrar su código y eliminar tales redundancias.
Los más destacados son:

Por CSS: CSSNano y también CSSO
Para JS: UglifyJS además de compresor YUI

Uso de compresión gzip para reducir el tamaño del archivo

En contraste con minifying, la compresión de datos requiere una etapa de des-compresión antes de que pueda ser representada. Sí, el código se ha reducido de su tamaño original y por lo tanto transmite más rápido al navegador, pero la etapa de descompresión adicional se suma al tiempo de carga móvil.

Al escribir estas líneas, gzip es el método de compresión de elección entre los desarro lladores web. Gzipping reducirá el peso de la página y aumentará la velocidad de la página móvil. Gzipping normalmente barras peso de la página en un 70% y actualmente es apoyado por la gran mayoría de los navegadores.

La reducción de su tiempo de carga móvil por debajo del umbral de tres segundos es de misión crítica. Adoptar estos siete pasos y otras técnicas recomendadas para lograr este objetivo fundamental, mientras que la elevación de las métricas que impulsarán su negocio al éxito.

Si tu móvil va muy lento y no es problema de la página, puedes ampliar tus conexión de datos y mejorar tu cobertura móvil al mejor precio con Yoigo.

¿Por qué crear una página web para tu negocio?

Más que todo, el público espera de una compañía o organización que tenga un sitio web.

Hoy en día, es raro encontrar a alguien que no utiliza Internet para buscar información para su uso personal o profesional. Más del 75% de la población tiene acceso a Internet y el 85% lo utiliza para encontrar servicios y productos.

Incluso si tus clientes son locales o si tus actividades requieren relación personal con tus clientes, las estadísticas no mienten: un sitio web profesional es una necesidad para todas las empresas, cualquier sea su tamaño.

A continuación, algunos ejemplos de éxito de una página web que te permite obtener un excelente retorno sobre la inversión en un sitio web:

Adquirir nuevos clientes

Como la mayoría de las personas realizan sus búsquedas en Internet, tener una presencia en Internet es necesario para permitir que estos clientes potenciales te conozcan. Un sitio web puede ayudar a hacer la diferencia con tus competidores y ganar nuevos clientes. Una dirección web fácil de recordar permite a tus clientes recomendar tu negocio a sus propios conocidos y amigos (este es el aspecto viral de la página web).

Ofrecer un mejor servicio.

En un mercado cada vez más competitivo, la diferencia más entre tú y un competidor podría ubicarse en un mejor servicio al cliente. No sólo deseas responder rápidamente a tus clientes, pero también deseas mantener una relación proactiva con ellos. Un sitio web puede ayudar a lograr ambos objetivos a través de las páginas de información, formularios de contacto, noticias , 24 horas 24, 7 días sobre 7, 365 días al año…

 

Encontrar nuevas formas de vender

Un sitio web te puede ayudar en la creación de un nuevo canal de ventas, que esto es realmente una canal de ventas por sí mismo. Es sencillo y económico para crear un catálogo que presenta los productos y servicios de tu empresa. Estas nuevas formas de vender añaden otra dimensión a tu negocio sin necesidad de cambiar sus formas. Aunque tengas una tienda u oficina, puedes vender tus productos en línea, o presentar tus actividades.

De todos modos, una página web ofrece a los clientes una nueva manera de ponerse en contacto contigo.

Reducir los costes

Los costes de comercialización pueden ser altos: imprimir folletos, documentos, instrucciones, que pueden convertirse rápidamente en obsoletas. Un sitio web puede, por su parte, actualizarse de forma rápida y en cualquier momento. Esto no sólo ahorra en costes de impresión y franqueo, sino que también acelera el tiempo necesario para enviar la información actual.

Si utilizas herramientas tradicionales de marketing (folletos, anuncios, radio …), también agregar la dirección de tu sitio web, permitirá acortar tus mensajes y mandar a los clientes potenciales en tu sitio web para obtener más información.

Las empresas a menudo pierden el tiempo y la energía para proporcionar la misma información de manera repetitiva, por teléfono o en persona. Poner en tu sitio web una página que proporciona respuestas a las preguntas más frecuentes ahorra tiempo y clientes satisfechos del acceso rápido a la información.

Con un sitio web efectivo, puedes obtener más resultados con menos recursos.

Otras cosas a tener en cuenta

En lugar de buscar en la guía telefónica, la gente va en Internet a buscar un servicio o un producto. Si no encuentran tu sitio, van a encontrar el de tus competidores.

Ninguna empresa opera sin un teléfono. Un sitio web – con los servicios que propone – es igualmente tan importante como el teléfono sobre todo para una empresa del siglo 21.

Los precios varían, dependiendo de las características específicas de cada sitio. Pero si tenemos en cuenta los beneficios que – incluso el más simple de los sitios web – te puede dar, la cuestión no es “¿Puedo permitirme el lujo de tener un sitio web?” sino “¿Puedo permitirme no tener uno?”.

Página 1 de 2

Creado con WordPress & Tema de Anders Norén