CSS

CSS: padding vs margin
CSS: padding vs. Margin: resumen de los componentes del modelo de cajas
  • Desarrollo web

La gran cantidad de comandos que contiene un lenguaje de programación como CSS puede suponer un desafío. No te preocupes: en nuestro artículo resumen sobre CSS padding vs. margin aprenderás las diferencias más importantes entre estos dos comandos de diseño. También te presentaremos el famoso modelo de cajas para que puedas distinguir fácilmente estos dos comandos CSS.

CSS: padding vs. Margin: resumen de los componentes del modelo de cajas
Errores al crear una página web
Errores al crear una página web
  • Creación de páginas web

Tener una página web es imprescindible para cualquier empresa o autónomo pues permite presentarse en la red y establecer contacto con clientes en potencia. Para aprovechar esta oportunidad, debes afrontar la tarea con la profesionalidad requerida y evitar errores típicos, como los que describiremos aquí.

Errores al crear una página web
Cómo crear galerías de imágenes en HTML
Conceptos básicos de diseño web: crear una galería de imágenes en HTML
  • Diseño web

Los contenidos multimedia son el motor de Internet. Independientemente de si se trata de imágenes, GIF o videos, sin el estímulo visual, muchas páginas web y tiendas online solo estarían compuestas de meras compilaciones de textos. Un clásico para presentar gráficos e imágenes a los visitantes de las páginas web son las galerías de imágenes. Lightbox permite implementar galerías de manera sencilla...

Conceptos básicos de diseño web: crear una galería de imágenes en HTML
CSS grid layout
CSS grid: diseño con función inteligente
  • Creación de páginas web

Es difícil crear un diseño web atractivo si no sabes en qué plataforma aparecerá. CSS grid resuelve este problema, permitiendo a los diseñadores definir una plataforma y colocar sus elementos siguiendo su formato. Gracias a las funciones de CSS grid, podrás adaptar tu contenido a diferentes pantallas.

CSS grid: diseño con función inteligente
¿Qué es CSS?: un tutorial con lo que necesitas saber
Qué es CSS: tutorial introductorio a las hojas de estilo en cascada
  • Diseño web

Sin CSS, las páginas web solo serían un compendio de elementos de texto con epígrafes y títulos divididos en secciones. Es únicamente gracias a las posibilidades que ofrece el lenguaje de hojas de estilo para formatear HTML que la World Wide Web es lo que es: una colorida mezcla de proyectos web personalizados, desde la pequeña página web creada por aficionados hasta la premiada web de diseño. De...

Qué es CSS: tutorial introductorio a las hojas de estilo en cascada
CSS Flexbox
CSS Flexbox: más opciones de diseño web
  • Creación de páginas web

El uso de Internet en dispositivos móviles plantea un problema a los diseñadores web: ¿cómo hay que diseñar las páginas si se desconoce el tamaño de la pantalla? La solución es CSS Flexbox, que permite crear un diseño flexible que se adapta de forma dinámica e inteligente al espacio disponible. En nuestro tutorial de Flexbox, descubrirás cómo utilizarlo.

CSS Flexbox: más opciones de diseño web
CSS en HTML
CSS en HTML: una guía con ejemplos
  • Diseño web

HTML y CSS forman parte de los elementos centrales de Internet y a menudo se utilizan conjuntamente. Cuando trabajes con un documento HTML y quieras incluir CSS, existen algunos métodos internos y externos para implementar las especificaciones de formato en tu contenido de texto de forma eficaz. Descubre cómo introducir CSS en HTML.

CSS en HTML: una guía con ejemplos
Tailwind CSS: visión general
Tailwind CSS: qué destaca a este framework Utility First
  • Desarrollo web

Si ya tienes experiencia trabajando con CSS y buscas un framework especialmente flexible e individual, Tailwind CSS es una gran elección. La solución para profesionales simplifica el trabajo y ofrece numerosas opciones de diseño. Sigue leyendo para saber más sobre el framework y por qué a los principiantes les puede ir mejor utilizar una alternativa a Tailwind CSS.

Tailwind CSS: qué destaca a este framework Utility First
¿Qué es un static site generator?
Static site generators: creación de proyectos web minimalistas
  • Creación de páginas web

Actualmente, todos aquellos que quieran crear una página web pueden utilizar diversas herramientas. Las más populares son los page builders y los sistemas de gestión de contenidos. Sin embargo, estas aplicaciones suelen ser muy complejas y requieren muchos recursos. Los static site generators – como componente central de los Jamstacks – desempeñan un rol cada vez más importante en el desarrollo de...

Static site generators: creación de proyectos web minimalistas
YAML: el ligero framework CSS para expertos
Introducción a YAML
  • Desarrollo web

Si quieres desarrollar una nueva aplicación web, tienes la posibilidad de escribir su código desde cero o de recurrir a un framework. La mayoría de estas colecciones de código contienen un entorno de aplicación prediseñado que se puede ajustar fácilmente a las ideas propias. El framework CSS YAML ofrece, por ejemplo, una estructura responsiva y optimizada para diferentes navegadores y...

Introducción a YAML