Cómo recortar texto de una línea usando puntos suspensivos con CSS

En ocasiones cuando trabajamos en una página web, nos encontramos que en un espacio donde queremos situar un texto no cabe por completo en el lugar que hemos establecido. En el siguiente artículo,  recortaremos esa línea y colocaremos unos puntos suspensivos para indicar que esa frase continúa.  Y lo haremos sólo CSS. Para ello, utilizaremos el atributo text-overflow con el valor clave ellipsis y lo usaremos en conjunto con el atributo overflow y un contenedor que limite su anchura.

Leer más

Cómo Lazy Load acelera la carga de las aplicaciones web

Bajo la denominación Lazy Load, encontramos una práctica muy común en el mundo del desarrollo de aplicaciones y que resulta fundamental en el entorno web. Su traducción literal del inglés sería carga perezosa,  aunque es habitual referirse a ella en castellano como carga diferida. En términos generales, podríamos decir que  Lazy Load carga únicamente los recursos que son necesarios para el funcionamiento de una parte concreta de la aplicación. Y a medida que el usuario o sistema lo necesiten, se cargarán aquellas partes de la aplicación que son requeridos en cada momento.

Leer más

Cómo detectar la resolución de pantalla del usuario con JavaScript

JavaScript es uno de los lenguajes imprescindibles en Desarrollo Web y una excelente opción como primer lenguaje para iniciarse en la programación, así que nunca está de más repasar todo lo que nos permite, como estamos viendo en los numerosos tutoriales y artículos prácticos que publicamos en este blog y que podrás encontrar en la sección de Programación. Hoy repasamos en una de sus posibilidades que nos ayudarán a mejorar  la usabilidad y Experiencia de Usuario de nuestro proyecto web: averiguar la resolución de la pantalla del usuario que accede a nuestra página web. Esto podemos hacerlo con el objeto Screen.
Leer más

Bosque, el nuevo lenguaje Open Source de Microsoft

Todavía en fase de desarrollo, Bosque es un nuevo lenguaje de programación de código abierto de Microsoft.  Está basado en la sintaxis y los tipos de datos TypeScrypt, también desarrollado por Microsoft y del que hablamos en este artículo, aunque influenciado por Node.js/JavaScript y ML. Resulta un código sencillo de escribir y de comprender, que minimiza  los errores y es más cercano y fácil de aprender que otras alternativas.

Leer más

Cómo optimizar una página web con mod_expires y la caché del navegador

Que una página se muestre antes al usuario va a depender de cómo esté optimizado el sitio. A  través de la caché del navegador conseguiremos reutilizar los archivos y haremos que no se necesite volver a descargarlos. Cuando estamos alojados en un servicio de Web Hosting compartido, está caché suele estar activada por defecto, como sucede en Arsys, pero en un Servidor Dedicado, VPS o Cloud, deberemos hacerlo nosotros mismos. Así que en este artículo vamos a activar el módulo de Apache mod_expires y configurar el tiempo válido de los diferentes tipos de archivo.

Leer más

Cómo configurar un entorno de desarrollo virtualizado con Vagrant

Ya hemos abordado el tema de la virtualización de los entornos de desarrollo desde un enfoque teórico, explicando sus ventajas y las situaciones que resuelve. Así que, en esta ocasión, vamos a introducirnos en el terreno de lo práctico, explicando cómo podemos conseguir un entorno de desarrollo virtualizado con Vagrant.
Leer más

¿Qué ventajas presentan los entornos de desarrollo basados en virtualización?

Cuando trabajamos sobre un entorno de desarrollo demasiado básico, es probable que tengamos que enfrentarnos a algunos retos no detectados previamente, ya sea en el momento del lanzamiento a producción o cuando ponemos en marcha las inevitables actualizaciones… Afortunadamente, hoy en día,  la virtualización nos permite desplegar entornos de desarrollo, facilitando gran parte de las tareas de Desarrollo Web y la sostenibilidad de nuestros proyectos web. En este artículo, te explicamos sus ventajas de entornos de desarrollo basados en virtualización desde un punto de vista teórico y, en próximos artículos, abordaremos este tema desde puntos de vista más prácticos.

Leer más

Cómo actualizar WooCommerce sin problemas

Para quien todavía no conozca WooCommerce, baste decir que es un plugin gratuito de código abierto para WordPress que permite vender online en pocos pasos y cuenta con una flexibilidad casi infinita. Sin embargo, uno de los problemas que tienen muchos usuarios es que, en ocasiones, cuando se instala una nueva versión, la tienda deja de funcionar. Cuando esto sucede, hay que encontrar el error y repararlo y muchos son los que se frustran y dejan pendientes futuras actualizaciones. En este artículo, te explicamos cómo evitar estas incompatibilidades entre tu tienda online y las nuevas versiones.

Leer más

Introducción a LitElement

Creada por el equipo desarrollador de Polymer, LitElement es una clase con la que podremos construir componentes de una manera rápida y sencilla. Al estar realizada en JavaScript estándar y contar con las características propias de los navegadores, es muy liviana y tiene un elevado rendimiento. También podremos crear componentes para frameworks como Angular, React o VueJS.

Leer más