Entradas

Repasamos los principales conceptos de Flexbox

Como vimos en ¿Qué aporta Flexbox a CSS3?, Flexbox es un mecanismo de CSS3 que multiplica las posibilidades de maquetación web y nos facilita la composición del diseño. Vamos a comenzar una serie de artículos prácticos sobre Flexbox, pero antes vamos a explicar hoy algunos conceptos imprescindibles de esta herramienta, que nos obligará a pensar diferente en algunos momentos, e incluimos un ejemplo práctico que nos ayudará a descubrir todas sus posibilidades.

Leer más

¿En qué consisten los Cloud IDE?

Ya hace un tiempo que repasamos los mejores editores de HTML e IDE (abreviatura de Entorno de Desarrollo Integrado en inglés). Desde entonces,  los IDE online o Cloud IDE se han popularizado extraordinariamente. En este artículo  explicamos las ventas de estas herramientas para desarrolladores web, ejemplificando sus funcionalidades con Codiad, un software Open Source que podemos desplegar en sólo unos clics sobre los Servidores Cloud de Arsys.

Leer más

Cómo gestionar las variables de entorno con NodeJS

Si hace poco estuvimos hablando de la importancia de las variables de entorno en NodeJS, ahora abordaremos el tema desde un punto de vista más práctico, mostrando una forma de estructurar las diferentes valores de las variables de entorno, para que, de una única vez, podamos cambiarlas dependiendo del estado en el que nos encontremos (producción, desarrollo,test, etc.).

Leer más

Ionic 2, un framework diseñado para las aplicaciones híbridas que da el salto a las aplicaciones web

Aunque originalmente Ionic 2 era un framework para el desarrollo de aplicaciones híbridas pensado para móviles y tablets, ahora se utiliza también para realizar practicamente cualquier aplicación web. Desde el punto de vista más práctico, Ionic 2 es una herramienta con la que se obtienen rápidos resultados sin invertir muchos recursos, ya que podemos reutilizar el código para las diferentes versiones que queremos desarrollar. Esta ventaja, como bien sabe cualquier desarrollador, no es banal.

Leer más

Creación de componentes en React con createClass

Seguimos profundizando en el uso de la librería React, donde encontraremos diversas alternativas para crear componentes. Hoy, nos centraremos en la más tradicional: React.createClass().

Leer más

Ejemplo práctico de React desde cero

Ya hemos hablado bastante de React desde el punto de vista teórico, así que ahora vamos a hacer un sencillo ejercicio práctico con esta librería Javascript y partiremos de un archivo en blanco. Para no tener que instalar nada en el proyecto y mantener el código o más simple posible, usaremos el CDN que nos permite instalar distintas piezas imprescindibles para iniciar React.

Leer más

Cómo resolver los errores más habituales de WordPress

Si la semana pasada repasamos las Mejores prácticas para evitar los errores más habituales de WordPress, avanzamos en el tema desde un punto de vista mucho más práctico y recopilamos los principales errores que puede sufrir nuestro proyecto web hecho con este gestor de contenidos y cómo solucionarlos.

Leer más

Cómo gestiona HTML los caracteres especiales

Si hace unos días explicábamos cómo gestiona HTML los colores, seguimos profundizando en los básicos del HTML con una de las consultas más repetidas cuando estamos empezando a realizar páginas web: los caracteres especiales, como las vocales acentuadas o los símbolos matemáticos. Éstos no son más que unos códigos propios del lenguaje HTML y, que entendidos por los navegadores, sirven para interpretar ciertos símbolos.

Leer más

Cómo gestiona HTML los colores

El diseño de una página web no sólo se basa en la composición y las formas; la combinación de colores juega un papel muy importante y ayuda a transmitir sensaciones al usuario, por lo que es importante comprender cómo funciona. Aunque la mayoría de los editores resultan muy intuitivos en la gestión cromática (y son la mejor opción), siempre puede venir bien entender cómo es la relación entre los colores y el HTML.
Leer más

Cómo aplicar sombras y otros efectos a los textos con el atributo text-shadow de CSS

El atributo text-shadow de CSS sirve, en un principio, para crear sombras en el texto. En este artículo, explicamos cómo utilizar esta regla de estilos y, con ejemplos prácticos, mostramos su versatilidad a la hora de crear muchos otros efectos interesantes, como darle un relieve a la tipografía o pixelizarla.

Leer más