Category : Desarrollo web

Image Post

“Por Qué No Has de Crear una Página Web en 1&1″

febrero 16, 2016

Para este post, vamos a rescatar un antiguo post de eSandra (www.esandra.com), una web de “Tecnología y Coaching para Emprendedores” que realmente nos gusta. En este post, Sandra nos resume las ventajas e inconvenientes a la hora de elegir como hacer nuestra página web. Si a través de un servicio “hazlo tu mismo” como el de 1&1 mi web,  un servicio de “todo a 100″ o un diseño realizado por expertos profesionales. Supongo que a estas alturas, ya sabrás qué es lo que te recomendamos nosotros…

Nosotros hemos seleccionado parte del artículo. Si quieres puedes leer el artículo completo aquí en http://www.esandra.com/por-que-no-has-de-crear-una-pagina-web-en-1-1/

Seguir Leyendo →

Image Post

¿Qué es el hosting de una página web ?

enero 10, 2016

Si te estás haciendo esa pregunta seguramente eres nuevo en esto de los hosting y los dominios pero no te preocupes te vamos a explicar de la forma más sencilla posible. Nadie nace sabiendo y nosotros en un inicio tampoco sabíamos de qué iba esto por ello decidimos redactar este artículo para explicar de una manera práctica y sencilla lo básico del web hosting.

Quiero que entiendas algo, una página web sea un blog, un foro, una tienda online, sitio web comercial, un gran portal o cualquier tipo de página web siempre tienen algo en común … son archivos ya sean de texto, imágenes, videos, mp3, archivos del diseño web como css, js, html, php y muchos más pero al fin y al cabo siguen siendo archivos. Estos archivos tienen que estar almacenados en servidores web (ordenadores de gran potencia) y esto es lo que las empresas de hosting, como 3vdobles nos ofrecen, un lugar donde almacenar estos archivos.

Seguir Leyendo →

Image Post

¿Por Qué y Cuando Debes Actualizar Tu WordPress?

septiembre 8, 2015

Es posible que hayas visto un mensaje en la parte superior de tu escritorio de WordPress que dice: “¡WordPres x.x está disponible! Por favor, actualiza ahora.”

Esto se debe a que WordPress está en constante desarrollo, entonces cuando reúnen modificaciones de nuevas funcionalidades (formas más fáciles de hacer las cosas para el usuario) o mejoras en cuanto a la seguridad, WordPress libera una actualización. Y este es el anuncio mencionado en el párrafo anterior.

Seguir Leyendo →

Image Post

5 buenas prácticas dentro del Diseño Multipantalla (o responsivo)

marzo 17, 2014

Considerando que los iíndices de utilización de móvil están aumentando, se hace crucial que tu página web  esté lista para aceptar visitantes que vengan de teléfonos, tabletas y ordenadores. Tu web adaptada a diversos tamaños, eso es todo.

Aquí es donde el diseño multipantalla o responsivo entra en acción , pues al tener optimizada nuestra página podemos incrementar el tráfico y las conversiones. Sin embargo, con el diseño responsivo, como con todos los detalles de tu página o tienda online, debes de estar seguro de seguir algunas prácticas que serán cruciales  si quieres que el diseño funcione bien y provea de mucha flexibilidad como debe ser.

Los usuarios de móvil merecen la misma calidad y experiencia que los que entran por el ordenador

Uno de los principios a tener en cuenta cuando creamos un diseño multipantalla es que el browser y la experiencia misma sea igual o parecida para tabletas, ordenadores y móviles. Esto quiere decir que la apariencia y estructura visual (y contenido) no se pierda. Un usuario visitando tu página desde el ordenador debe de tener la misma experiencia que alguien que la ve desde una tableta.

Screen Shot 2014-05-04 at 12.41.02

La página de Euro Merchand, uno de nuestros clientes vista desde un ordenador y una tableta.  La experiencia es la misma.

Esto implica flexibilizar todo y requiere que tus contenidos, imágenes y márgenes sean totalmente adaptables a varios tamaños. El resultado debe ser el de un sitio que convierta de manera natural.

Diseña tu sitio con la palabra multipantalla en mente

Cuando estés diseñando tu sitio con los layouts y códigos debes de entender que existen tamaños predeterminados para el diseño responsivo y otros que no. Se deben de tomar en cuenta los guidelines HTML5 y doctype. Debes de evitar cosas como divs complejos, elementos de Javascript o Flash que pueden complicar el diseño multipantalla.

Pon atención a la resolución

La resolución puede ser definida en breakingpoints, pero existen tamaños en los que debes centrarte. Estos son:

480px. Este es el tamaño de las pantallas más pequeñas de móviles antiguos.

768px. Es la medida ideal para smartphones y tabletas pequeñas.

Más de 768px. Esto aplica a todo lo que sean tabletas y ordenadores portátiles.

1024px. La resolución de las pantallas de ordenadores de escritorio.

Haz tu imagen flexible y manejable

Con un diseño simple puedes hacer tu imagen flexible en cuanto a pixeles y ángulos. Esto se puede lograr con una herramienta llamada Adaptive Images. Con esta herramienta logramos tener en cuenta siempre el tamaño promedio de las pantallas de móviles, y puede ser una buena apuesta para una página responsiva con tiempos de carga decentes.

Tira el contenido que no sea básico

Para lograr que tu sitio sea totalmente amigable debes de tener en cuenta que existen elementos que no fueron diseñados para pantallas pequeñas y que nunca funcionaran en un sitio responsivo. Elementos flash, cuadros que tardan en cargar, imágenes muy pesadas, etc. Si tienes alguno de estos elementos te sugerimos que te deshagas de ellos para mejorar la experiencia.