El blog de diseño web de Sitelabs

23/10/2016

Webs baratas: cómo tener una web de calidad sin dejarte una fortuna

Existen dos tópicos muy extendidos sobre las webs baratas (y sobre la mayoría de productos y servicios). El primero es aquél de que lo barato sale caro, en virtud del cual todo lo que cuesta poco dinero es una birria que acaba no sirviéndote para nada. El segundo es el que asume que para tener un producto o servicio de calidad hay que dejarse una fortuna.

15/06/2016

¿Plantillas WordPress profesionales para tu tienda online o empresa? ¡Di ‘no, gracias’!

Hace unas semanas nuestra web empezó a posicionar en primera posición por “renovar página web”, y nos ha venido una oleada de clientes con dos perfiles diferenciados, que siguen dos patrones distintos.

08/04/2016

Qué es el Web scraping? Introducción y herramientas

El web scraping es una técnica que sirve para extraer información de páginas web de forma automatizada. Si traducimos del inglés su significado vendría a significar algo así como “escarbar una web”.

09/01/2016

Static site generators: el futuro de las webs estáticas (Hugo, Jekyll, Flask y otros)

En Sitelabs tenemos muy presente que los CMS (gestores de contenido) conforman una gran parte de la web (cerca de un 45%), y la cifra es mucho mayor si hablamos de webs para PYMES, donde WordPress es, de lejos, el sistema de gestión de contenidos más popular. Su ecosistema de plugins, ofreciendo casi cualquier funcionalidad bajo el sol (dentro de las propias limitaciones de la plataforma) lo convierten en la mejor opción a la hora de crear una web de una forma fácil y rápida.

13/12/2015

EcmaScript 6: mejoras y cambios del próximo JavaScript

EcmaScript 6, el nuevo estándar sobre el que se basará JavaScript, propone una serie de mejoras a la sintaxis y funcionalidad del lenguaje. Durante el próximo año podremos disfrutar de las siguientes features en los principales navegadores, que ya han comenzado a dar soporte al nuevo estándar, pero mediante herramientas como Babel podemos disfrutar de la sintaxis ES6 hoy mismo. En este artículo haremos un repaso de dichas mejoras y como nos ayudarán a la hora escribir código JavaScript.

24/11/2015

Webpack vs Browserify: escogiendo un compilador frontend

Es indiscutible que utilizar una herramienta para empaquetar nuestro código cliente tiene beneficios tanto para el proceso de desarrollo como para el despliegue del proyecto una vez esté en producción. Estos últimos años han ido surgiendo diferentes herramientas, cada vez con mayores funcionalidades y aumentando la flexibilidad del flujo de trabajo. La primera gran herramienta de este tipo fue Grunt, que nos permitía crear tareas para compilación de recursos cliente, como hojas de estilo SASS. Grunt fue reemplazado por Gulp en términos de adopción masiva a principios de 2014, ya que empezó a disponer de un ecosistema más amplio y grandes frameworks, como Laravel con su componente Elixir, lo adoptaron en su codebase. Más tarde surgieron dos herramientas que gozaron de una adopción aún mayor: primero fue Browserify y más tarde Webpack.

28/10/2015

Apps en tiempo real: desarrollo, ejemplos y plataformas

Estos últimos años diversas grandes empresas han apostado por remodelar sus productos para aprovecharse de los beneficios que comporta implementar en una aplicación la interacción en tiempo real con un servidor. Si bien hace unos años crear una aplicación con funcionalidad en tiempo real suponía un gran esfuerzo, ahora existen herramientas que nos facilitan enormemente el proceso. En este artículo haremos un repaso de las mismas.

08/10/2015

AMP HTML: El futuro formato de la prensa en internet

Gigantes de la tecnología en internet como Google y Twitter en coalición con grandes medios de comunicación como el Washington Post, The New York Times, The Guardian, El País o Time han anunciado hoy un proyecto conocido como Accelerated Mobile Pages (AMP) un proyecto open source que se propone revolucionar el mundo de la publicación de noticias en internet mediante un nuevo subformato del lenguaje HTML, el AMP HTML.

05/10/2015

React Native: nativizando el desarrollo híbrido de apps

Los desarrolladores de Facebook están apostando fuerte estos últimos años por su tecnología buque insignia: ReactJS. El framework JavaScript más de moda ha demostrado ser el rey en rendimiento, superando con creces a competidores como Angular o EmberJS gracias a un cálculo eficiente de los cambios necesarios y aplicación de los mismos mediante Virtual DOM.

23/09/2015

Mini-tutorial Sass: hojas de estilo con superpoderes

Si hay algo que de verdad nos gustaría en Sitelabs, es que los navegadores interpretaran estilos en lenguaje Sass de forma nativa. Hasta que eso ocurra, Sass es y será un preprocesador de CSS que nos permite mantener nuestro código CSS limpio, ordenado y compacto.

08/09/2015

JavaScript everywhere: rompiendo la barrera del navegador

Es indiscutible que JavaScript es el lenguaje más de moda. El lenguaje de programación cliente por excelencia está redefiniéndose constamente, dando lugar a herramientas y frameworks preparados para todo tipo de aplicaciones.

04/09/2015

Comparativa: WooCommerce VS Prestashop VS Magento

Cuando alguien da el paso de poner una tienda online, del tipo que sea, una de las preguntas que se suele hacer primero, tanto si piensa desarrollarla por su cuenta como si tiene pensado encargársela a un desarrollador web, es: ¿qué plataforma usaré? La mayoría han oído hablar del tridente WooCommerce VS Prestashop VS Magento, que son los software de venta online más usados.

03/09/2015

Docker y la tendencia a la containerización

Una de las últimas tecnologías de moda en las startups es Docker, un software que te permite empaquetar tu proyecto con todas sus dependencias en un sencillo binario, de forma totalmente aislada al resto de proyectos que puedan residir en la misma máquina. Su fundamental diferencia con las ya establecidas máquinas virtuales es que los contenedores comparten el mismo sistema operativo anfitrión, conteniendo solo lo estrictamente necesario para ejecutar la app, mientras que las máquinas virtuales también incorporan un sistema operativo. Esto repercute en el rendimiento enormemente: al haber menos capas entre el metal y la aplicación, se ganan milisegundos de latencia preciada. Los tiempos de arranque de un container Docker son además prácticamente instantáneos.

28/08/2015

Integra WooCommerce + MRW o Nacex con Sitelabs (19,90€/mes)

Sitelabs desarrolla una herramienta para integrar el servicio de envíos de Nacex y MRW con el plugin de comercio electrónico Woocommerce.

24/08/2015

Los frameworks JavaScript y su impacto en el rendimiento de la web

Cada vez es más frecuente entre los desarrolladores web utilizar frameworks JavaScript, que agilizan el desarrollo enormemente. Tal como los navegadores han ido evolucionando, se han creado librerías cliente más grandes o pequeñas. Algunas de ellas han crecido hasta convertirse en la base de muchas aplicaciones single page o proyectos gigantes. El desarrollo basado en componentes web se ha puesto más de moda que nunca.

18/08/2015

Usando Git con WordPress

Git se ha convertido en una herramienta prácticamente indispensable para los desarrolladores de hoy en día, tanto si trabajas solo como si formas parte de un gran equipo, el uso de esta herramienta te resolverá muchos de los problemas a los que te enfrentas cuando desarrollas software y necesitas una organización y un historial de tu proyecto.

07/08/2015

Webpack (tutorial): ¿Qué es y para qué sirve?

Webpack es un module bundler (empaquetador de módulos) muy eficiente para aplicaciones grandes que contienen mucho código JavaScript.

30/07/2015

Windows 10 vs Linux (visto por un desarrollador web)

Aún es muy pronto para saber si la nueva versión de Windows tendrá el éxito que espera Microsoft. La nueva versión de Windows es accesible de forma gratuita a todos los usuarios con una instalación de Windows 7 o Windows 8 desde ayer, 29 de julio.

07/07/2015

Actrion: una herramienta SEO para mejorar tu posicionamiento en Google

Durante la primavera de 2015, en los laboratorios de desarrollo web Sitelabs hemos creado una nueva herramienta SEO llamada Actrion y que se basa en la cooperación de los usuarios para mejorar el posicionamiento web de sus páginas en internet.

19/05/2015

Edición de texto com Vim (Tutorial del editor)

Cada vez son más numerosos los trabajos que consisten en editar texto de una manera u otra, sobre todo en el ámbito de la programación y la administración de sistemas, donde las herramientas más utilizadas al cabo del día son el navegador, el editor de texto y la terminal.

22/04/2015

5 claves para un diseño web efectivo y funcional

Nuestra página web o tienda online es un reflejo de nuestra empresa física en internet. Por eso debemos dedicarle el mismo esmero que dedicamos a nuestro negocio. Es difícil que alguien se haga cliente nuestro si nuestras oficinas le causan mala imagen, o nuestra tienda está desorganizada o tiene unos dependientes que no lo ayudan a encontrar lo que necesita. Pues bien, lo mismo pasa si nuestra web o tienda online no da una buena imagen de nosotros y de nuestros productos.

19/04/2015

Mobilegeddon: hacer tu web responsive o morir en Google móvil

Ampliar y reducir con los dedos en la pantalla el contenido de una web que no tiene un diseño adaptado a móviles es un práctica todavía demasiado habitual que dificulta la navegación, empeora la experiencia de usuario en general y, a menudo, provoca el abandono de la página antes de obtener lo que se venía a buscar. Por eso, a partir del martes 21 de abril, el hecho de que una web esté adaptada o no a móviles influirá mucho en el ránking de los resultados de búsqueda desde estos dispositivos en Google.

02/02/2015

¿Qué es una landing page? 10 ejemplos efectivos

Una landing page es una página dentro de un sitio web a la que no se puede acceder mediante los menús de navegación clásicos de cualquier web, sino que aterrizamos en ella (como su nombre indica en inglés) después de hacer click en un link externo. Se caracteriza por tener un único objetivo: lograr que el usuario realice una acción determinada deseada por el anunciante.