CSS

Imagen: CSS en HTML: guía paso a paso con ejemplosREDPIXEL.PLshu­t­te­r­s­to­ck

CSS en HTML: guía paso a paso con ejemplos

HTML y CSS son dos de los pilares fu­n­da­me­n­ta­les del World Wide Web y suelen uti­li­zar­se juntos para crear páginas web atra­c­ti­vas. Si trabajas con un documento HTML y quieres incluir CSS en HTML, existen distintos métodos internos y externos para aplicar de forma eficaz las reglas…

Leer más
Imagen: Desarrollo web: fundamentos y herramientasREDPIXEL.PLShu­t­te­r­s­to­ck

De­sa­rro­llo web: fu­n­da­me­n­tos y he­rra­mie­n­tas

HTML y CSS, junto con los lenguajes de pro­gra­ma­ción del lado del servidor como PHP, forman la base para crear páginas web dinámicas. Además, los lenguajes de scripting del lado del cliente como Ja­va­S­cri­pt o Ty­pe­S­cri­pt, junto con potentes fra­me­wo­r­ks frontend y backend, permiten…

Leer más
Imagen: Gulp vs. Grunt: dos task runners y sus característicasTanin Tee­ra­ki­t­wa­t­ta­naShu­t­te­r­s­to­ck

Gulp vs. Grunt: dos task runners y sus ca­ra­c­te­rí­s­ti­cas

Escribir código nuevo es uno de los aspectos más actuales en el de­sa­rro­llo web que afecta es­pe­cia­l­me­n­te a los pro­gra­ma­do­res de frontend, dado que la presencia en Internet debe priorizar la ori­gi­na­li­dad y la re­pre­se­n­ta­ción óptima del proyecto. El proceso de de­sa­rro­llo, sin…

Leer más
Imagen: CSS: padding vs. Margin: resumen de los componentes del modelo de cajasRawpixel.comShu­t­te­r­s­to­ck

CSS: padding vs. Margin: resumen de los co­m­po­ne­n­tes del modelo de cajas

La gran cantidad de comandos que contiene un lenguaje de pro­gra­ma­ción como CSS puede suponer un desafío. No te preocupes: en nuestro artículo resumen sobre CSS padding vs. margin apre­n­de­rás las di­fe­re­n­cias más im­po­r­ta­n­tes entre estos dos comandos de diseño. También te…

Leer más
Imagen: CSS grid: diseño con función inteligenteRawpixel.comShu­t­te­r­s­to­ck

CSS grid: diseño con función in­te­li­ge­n­te

Es difícil crear un diseño web atractivo si no sabes en qué pla­ta­fo­r­ma aparecerá. CSS grid resuelve este problema, pe­r­mi­tie­n­do a los di­se­ña­do­res definir una pla­ta­fo­r­ma y colocar sus elementos siguiendo su formato. Gracias a las funciones de CSS grid, podrás adaptar tu contenido a…

Leer más
Imagen: Qué es CSS: tutorial introductorio a las hojas de estilo en cascadaKaspars GrinvaldsShu­t­te­r­s­to­ck

Qué es CSS: tutorial in­tro­du­c­to­rio a las hojas de estilo en cascada

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 úni­ca­me­n­te gracias a las po­si­bi­li­da­des que ofrece el lenguaje de hojas de estilo para formatear HTML que la World Wide Web es lo que es: una colorida mezcla…

Leer más
Imagen: CSS Flexbox: más opciones de diseño webRawpixel.comShu­t­te­r­s­to­ck

CSS Flexbox: más opciones de diseño web

El uso de Internet en di­s­po­si­ti­vos móviles plantea un problema a los di­se­ña­do­res 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 in­te­li­ge­n­te al…

Leer más
Imagen: Tailwind CSS: qué destaca a este framework Utility FirstSinart CreativeShu­t­te­r­s­to­ck

Tailwind CSS: qué destaca a este framework Utility First

Si ya tienes ex­pe­rie­n­cia tra­ba­ja­n­do con CSS y buscas un framework es­pe­cia­l­me­n­te flexible e in­di­vi­dual, Tailwind CSS es una gran elección. La solución para pro­fe­sio­na­les si­m­pli­fi­ca el trabajo y ofrece numerosas opciones de diseño. Sigue leyendo para saber más sobre el framework y…

Leer más
Imagen: Introducción a YAMLSinart CreativeShu­t­te­r­s­to­ck

In­tro­du­c­ción a YAML

Si quieres de­sa­rro­llar una nueva apli­ca­ción web, tienes la po­si­bi­li­dad de escribir su código desde cero o de recurrir a un framework. La mayoría de estas co­le­c­cio­nes de código contienen un entorno de apli­ca­ción pre­di­se­ña­do que se puede ajustar fá­ci­l­me­n­te a las ideas propias. El…

Leer más
Imagen: CSS Media QueriesRawpixel.comShu­t­te­r­s­to­ck

CSS Media Queries

¿En qué consisten las CSS Media Queries? Ex­pli­ca­mos cómo se re­la­cio­nan las Media Queries y el diseño re­s­po­n­si­vo y abordamos varios temas re­la­cio­na­dos: desde brea­k­poi­nts y las unidades relativas de CSS hasta los pro­ce­sa­do­res de CSS y los modernos CSS Utility Fra­me­wo­r­ks. Fi­na­l­me­n­te…

Leer más