CSS

Fundamentos del desarrollo web

Desarrollo web: fundamentos y herramientas

El desarrollo web actual tiende a los contenidos interactivos y se distancia de las páginas web estáticas. Aún cuando HTML y CSS siguen siendo los fundamentos sobre los que se suele erigir toda página web, cada vez es más común que los desarrolladores web recurran a lenguajes de programación que se administren desde el servidor a fin de crear páginas web dinámicas. A este respecto, los lenguajes...

Tipografía para el diseño responsivo con CSS

Tipografía para el diseño responsivo con CSS

A menudo, se subestima a la tipografía web como parte fundamental del diseño responsivo de páginas web, a pesar de que la creación de fuentes adaptables no es ninguna ciencia inaccesible. ¿Cómo se aplican en la práctica? Y ¿qué fuentes web son las mejores para un diseño web responsivo? Te mostramos los aspectos técnicos fundamentales para la implementación de tipografía con CSS en una web...

Gulp vs. Grunt: ¿qué diferencia a estos task runners?

Gulp vs. Grunt: dos task runners y sus características

Escribir código nuevo es uno de los aspectos más actuales en el desarrollo web que afecta especialmente a los programadores de frontend, dado que la presencia en Internet debe priorizar la originalidad y la representación óptima del proyecto. El proceso de desarrollo, sin embargo, además de tareas creativas, también contiene procesos repetitivos que se pueden automatizar con task runners como Gulp...

¿Qué es CSS?: un tutorial con lo que necesitas saber

Qué es CSS: tutorial introductorio 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 ú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...

YAML: el ligero framework CSS para expertos

YAML: un entorno de trabajo universal

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...

SASS

SASS: ¿CSS en el siguiente nivel?

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...

HATEOAS: qué es y cuál es su función en las API REST

HATEOAS: ¿cuál es el principio que oculta este acrónimo?

La transferencia de estado representacional o REST desempeña hoy un importante papel en el desarrollo de aplicaciones web. Este concepto, que se diferencia de otras soluciones sobre todo por la búsqueda de una interfaz universal, está integrado en parte por una estructura interna que sigue el principio HATEOAS. ¿Qué oculta este acrónimo y por qué es tan importante este principio en las...

El mejor navegador: características y funciones

A la búsqueda del mejor navegador

¿Google Chrome, Mozilla Firefox, Apple Safari, Opera o el tradicional Internet Explorer? La respuesta a la pregunta de cuál es el mejor navegador ha sido un tema de discusión entre la comunidad de usuarios de Internet desde hace años. Ahora bien, ¿qué es un navegador? O, ¿existe alguno que supere a la competencia en todos los aspectos y pueda ser proclamado como el mejor navegador de forma...

Tutorial Bootstrap: los primeros pasos

Tutorial Bootstrap: primeros pasos con el framework de Twitter

En el mundo online, Bootstrap es una de las favoritas cuando se trata de elegir una solución de diseño responsivo para un proyecto web. Sin embargo, ¿qué es realmente Bootstrap? ¿Cómo funciona este framework de Twitter que fue pensado inicialmente como una herramienta de optimización interna? ¿Es posible que usuarios sin muchos conocimientos en programación le saquen el mayor provecho a este...

Aspectos fundamentales de optimización de páginas web

Entre los diversos aspectos que entran en juego en la creación y mantenimiento de una página web, hay uno al que no se le da la importancia que se merece: la funcionalidad de la propia página. A pesar de implementar un diseño web responsivo, en muchos casos el tiempo de carga es muy elevado, por más que este esté considerado como un criterio decisivo para el comportamiento de los usuarios. En...