Login

r/html_css

▲ 5 r/html_css+1 crossposts

Repeat ddiv when order printing

Hello everyone

I made a script that takes information from my website and uses the to make labels.

To do this I have been using the (a)media and (a)print tags in css

Is there a way where I can have a dive repeated but only when printed?

To give an example of what I mean, one 8.5x11 paper can have 4 labels. I'd like to show one label on the screen, but have it print four

Is that possible?

reddit.com
u/Ducking_eh — 5 days ago
▲ 5 r/html_css+1 crossposts

I'd love some feedback on this event platform :)

Hallo!

I’ve been building a small social/event platform and I’m trying to figure out whether the core concept actually makes sense or if I’m just disappearing into my own rabbit hole.

Instead of building “another social media app”, I started building something that’s more like a modular space for local communities, collectives, venues, artists, organizers, and events.

Right now I’m focusing on alternative cinema in Ghent (Belgium), mainly because I wanted a small and manageable niche to seed manually.

I intentionally avoided over-designing the platform so far. I’ve mostly been building with very minimal styling and standard HTML behavior because I wanted to focus on structure, usability, flexibility, and interaction patterns before getting trapped in polishing UI.

I’m not really looking for design feedback yet.
I’m much more interested in conceptual feedback.

Thanks in advance! :)

https://fufbuck.xyz

u/fufbuck69 — 6 days ago
▲ 30 r/html_css+8 crossposts

E36 Scroll Cine es una experiencia web cinematográfica fan-made sobre el BMW 318is Coupé Pack M (E36): siete escenas verticales, scroll bloqueado, vídeo, HUD, datos técnicos reales y una portada pensada para entrar en el coche antes de empezar.

He creado E36 Scroll Cine, una experiencia web cinematográfica fan-made sobre el BMW 318is Coupé Pack M (E36).

Web: https://e36.vercel.app/
GitHub: https://github.com/ikerperez12/e36

La idea no era hacer una landing normal, sino algo que se sintiera más como una pieza visual vertical. Empiezas en una pantalla de entrada con vídeo y después avanzas por siete escenas usando scroll, teclado o gestos en móvil.

Cada escena está centrada en una parte del coche:

  • la generación E36
  • Hellrot 314
  • Pack M / M-Technic
  • interior
  • motor M44B19
  • carácter de conducción
  • cierre con el capó abierto

He intentado que el contenido hable del coche de verdad, no de frases genéricas. La ficha y el HUD incluyen datos del 318is: M44B19, 1.895 cc, 16 válvulas DOHC, Bosch Motronic M5.2, admisión DISA, Getrag 250G, reparto 50/50, suspensión Pack M, etc.

En la parte técnica, la web es bastante simple:

  • HTML/CSS/JavaScript sin framework
  • deploy en Vercel
  • navegación por scroll, teclado y swipe
  • posters para evitar pantallas negras en vídeo
  • service worker
  • tests con Playwright + axe
  • auditoría para no subir rutas locales, secretos ni carpetas privadas
  • media fuera del repo público

No es una web oficial de BMW. Es una fanpage y un experimento web alrededor de un coche que me gusta mucho.

Me encantaría recibir feedback:

¿La experiencia se siente bien en móvil? Y si conocéis bien el E36/318is, ¿qué dato añadiríais o corregiríais?

u/Time-Willingness-360 — 13 days ago