CSS es una tecnología asombrosa Cuando la usé por primera vez, pensé que era algo que nunca había soñado. Con la introducción de CSS3, tecnologías como esquinas redondeadas, sombras, rotaciones, etc. han llevado a CSS a alturas sin precedentes. Sin embargo, con respecto a CSS, ¿hemos ido demasiado lejos? Este artículo reflexiona sobre algunas aplicaciones experimentales de CSS desde la perspectiva de un diseñador web.
Esos experimentos de vanguardia con CSS
Cada experimento utiliza diferentes métodos. Algunos de ellos, como el dibujo lineal CSS, pueden encontrar aplicaciones prácticas en la realidad. Otros, como el dibujo Twitter Fail Whale implementado por CSS, son puramente experimentales. ilustrar lo que CSS puede hacer, no significa que deba hacerse de esta manera.
seamos prácticos
La imagen de arriba es el logotipo de una red social implementado usando CSS puro. Es asombroso, ¿no?
Recientemente leí el artículo de Faruk Ateş, Pure CSS Icons: Make The Madness Stop, que cuestionaba este enfoque. El autor dijo que algunas personas comenzaron a intentar utilizar CSS como herramienta de diseño y rápidamente provocaron una gran cantidad de imitadores. ¿Es accesible el enfoque? No es fácil de integrar en su diseño y desarrollo, ni tampoco es fácil de ajustar.
Al igual que el logotipo de la red social anterior, que está completamente basado en CSS, no es más que un montón de combinaciones de líneas. Es impresionante y creativo, pero no es práctico porque crear un logotipo de este tipo puede requerir varias horas de esfuerzo. funciona, dibujar la misma imagen en Photoshop no requiere ningún esfuerzo y el efecto es mejor (más detallado).
Ateş cree que la capacidad de mantenimiento de los íconos generados de esta manera también es un problema. Originalmente, ajustar un ícono solo requería ajustar los píxeles, pero ahora es necesario modificar la definición CSS. Al mismo tiempo, Nicolas Gallagher, el diseñador mencionado anteriormente. Logotipo de CSS, también dice que al hacer este tipo de cosas, CSS no es la mejor opción.
¿Reducir las solicitudes HTTP?
Todos los íconos en la imagen de arriba se generan con CSS y el autor los vende, vendiendo 40 íconos por $25. Debo admitir que estos íconos están muy bien diseñados. La intención original del autor al diseñar estos CSS es reducir la cantidad de solicitudes HTTP para esos sitios web, porque estos íconos no requieren solicitudes de archivos de imágenes adicionales. Sin embargo, ¿realmente vale la pena mencionar la solicitud HTTP generada por un pequeño archivo de ícono? Además, utilizando la tecnología CSS Sprite, estos íconos se pueden colocar en la misma imagen y mostrarse mediante el posicionamiento CSS. preguntar es suficiente. Además, realmente dudo cuánto ancho de banda puedan reducir estas versiones CSS de los íconos.
En el espíritu de la semántica.
Debo admitir que a veces uso etiquetas adicionales como DIV o SPAN para lograr ciertas necesidades visuales, lo cual es muy poco semántico. Sin embargo, el dibujo CSS es aún menos semántico. La verdadera misión de CSS es modificar el contenido de la página web, no crear el contenido en sí. Los gráficos de las páginas web pertenecen a la categoría de contenido y no deben crearse con CSS.
Fuente original de este artículo: blog.echoenduring.com ¿Estamos llevando CSS demasiado lejos? (Autor original: Matt Ward)
Fuente del extracto chino: sitio web oficial del sistema de gestión de contenido del sitio web Ruishang Enterprise CMS