¿Qué es lo mejor que has hecho con html / css?

¡Informes!

Trabajé una vez en una aplicación que tenía que generar un informe claro que básicamente cualquiera podía abrir, incluso sin MS-Word u otro editor de documentos. Entonces elegimos HTML como formato.

También tuve el desafío de que no podía contener enlaces externos a otros archivos u otros sitios web, por lo que todo tenía que estar contenido en un solo archivo, ¡incluidos gráficos e iconos! Eso lo hizo un poco complejo porque no puede incrustar imágenes en HTML.

Bueno, tal vez si pudiera usar Javascript, ¡pero Javascript estaba prohibido! Así que todo tenía que ser HTML puro con CSS en línea. El tamaño final del archivo no importaba porque todo el asunto simplemente sería comprimido y enviado por correo electrónico a quien necesitara el informe. Así que tuve que escribir un código que creara una sola página web sin enlaces externos de varios megabytes de tamaño, que contenga un informe completo que incluya saltos de página en los lugares adecuados. La gente podría abrirlo, verlo en su navegador e incluso imprimirlo.

¡Ahora, la parte genial era incluir imágenes sin incluir enlaces de imágenes! Lo hice usando elementos de tabla con tamaños de celda de un solo píxel. Cada celda tendría un color de fondo específico que confirmaría el píxel de la imagen misma. Esto crearía tablas enormes con muchas filas y columnas, pero cuando se muestra, ¡solo sería la imagen que debía incluirse! Estaba ordenado, se imprimió bien e hizo que los informes fueran bastante interesantes de ver.

El cliente también estaba muy contento con eso. Así fueron los usuarios. El hecho de que cada informe fuera fácilmente de 20 MB o más no molestó a nadie. ¡Cualquiera con un navegador podría verlo!

Aún así, eso fue hace más de 12 años. Hoy en día, RTF o PDF habrían sido una mejor opción …

Antes de que todos tuvieran banda ancha, mi empresa producía muchos sitios web basados ​​en flash de alta gama, pero los tiempos de carga eran problemáticos. De hecho, creamos bastantes trucos frontales realmente complicados para aprovechar los períodos en los que un usuario podría estar interactuando con contenido ya descargado. Fue genial porque pudimos minimizar los retrasos, aunque no todo esto se hizo en html y css.

Supongo que si todo se reduce a eso, diría que lo mejor que hice con HTML y CSS es millones de dólares.

Hacer videos “receptivos” al anidarlos en una caja con una relación intrínseca. En ese momento, fue realmente genial porque nos salvó de usar mucho JavaScript y, al mismo tiempo, brindó a los usuarios una mejor experiencia (no hubo fallas visuales en el cambio de tamaño).

¿Yo? Nada que gritar

Pero este chico por otro lado …

Ryan Allen / tags / gameboy

¡Muy brillante!

Diseño de visualización de múltiples secuencias de video. [1] Con un poco de JavaScript lo hice para que cambie dinámicamente en función de la cantidad de videos a la vista (hasta 4).

Notas al pie

[1] Pieza digital

Perdón por la respuesta no tan buena, pero hasta ahora nada demasiado genial. Útil y eficiente sí, pero no lo llamaría genial. Sin embargo, la mejor experiencia que he tenido con él es el momento en el que aprendí, que puedes hacer un sitio web y parece un buen sitio legítimo. También es divertido hacer un sitio falso y engañar a amigos con ellos. Realmente puedes meterte con ellos.