CSS

¿Qué es CSS?
¿Qué es CSS? Definición y aplicación
  • Diseño web

¿Qué es CSS? Cascading Style Sheets o CSS, para abreviar, es un lenguaje de hojas de estilo. Junto con el HTML, CSS ofrece la posibilidad de editar una página web de forma visual. CSS se desarrolló para separar las especificaciones de presentación, como las fuentes y la forma y el color de los elementos, del resto del contenido de la página web. Aquí te enseñamos a utilizar CSS.

¿Qué es CSS? Definición y aplicación
CSS Media Queries
CSS Media Queries
  • Diseño web

¿En qué consisten las CSS Media Queries? Explicamos cómo se relacionan las Media Queries y el diseño responsivo y abordamos varios temas relacionados: desde breakpoints y las unidades relativas de CSS hasta los procesadores de CSS y los modernos CSS Utility Frameworks. Finalmente podrás disponer de una visión completa.

CSS Media Queries
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
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
¿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
Errores al crear una página web
Los 7 errores más comunes en la creación de una página web
  • Creación de páginas web

Tener una página web propia es imprescindible para cualquier empresa o autónomo pues les permite presentarse en la red y establecer contacto con clientes potenciales. Para aprovechar esta oportunidad, debes afrontar la tarea con la profesionalidad necesaria y tratar de evitar errores típicos, como los que se describen en el siguiente artículo.

Los 7 errores más comunes en la creación de una página web
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
SASS
SASS: ¿CSS en el siguiente nivel?
  • Desarrollo web

Si te propones diseñar tu propia página web, probablemente trabajarás con CSS. Pero ¿has pensado alguna vez en SASS? Este práctico preprocesador añade muchas funciones al conocido lenguaje de hojas de estilo, lo que facilita trabajar en el diseño de la página. Variables, loops, distinciones de cajas y mezclas de gran utilidad harán tu vida más fácil como diseñador web. Te explicamos todo lo que...

SASS: ¿CSS en el siguiente nivel?
Consejos y trucos CSS que debes conocer
Consejos y trucos CSS que debes conocer
  • Diseño web

Actualmente, el lenguaje de las hojas de estilo CSS es una de las herramientas de diseño web más importantes. Este permite separar el contenido del diseño de una web y se encuentra en constante desarrollo gracias a los esfuerzos del Word Wide Web Consortium (W3C). Los snippets CSS facilitan de manera significativa el diseño de páginas web, asumiendo, incluso, funciones de programas como Photoshop...

Consejos y trucos CSS que debes conocer
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