CSS

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
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
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
¿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 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
Trucos CSS: snippets útiles para tu proyecto web
  • 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...

Trucos CSS: snippets útiles para tu proyecto web
Bootstrap 5
Bootstrap 5: novedades en el framework CSS
  • Desarrollo web

¿Qué novedades trae consigo Bootstrap 5? Con esta nueva versión, se espera facilitar aún más la creación de sitios web: sus desarrolladores prometen tiempos de carga más breves, una mejor experiencia de usuario y un código más práctico. Dejará de ser compatible con jQuery e Internet Explorer, aumentando la flexibilidad de su diseño.

Bootstrap 5: novedades en el framework CSS