top of page

Planets Data Table - Tabula Datorum Planetarum Systematis Solaris

Planets Data Table - Tabula Datorum Planetarum Systematis Solaris View

A galaxy-themed data table built with HTML, CSS, and JavaScript. This exercise mainly focussed on the table creation, and it is taken from MDN's table assessment "Structuring a planet data table", to which I added a personalysed layout. Features:

  • Keyboard & Touch Support: Works seamlessly with both mouse/touch and keyboard input.

  • Responsive Design: layout adapts for desktops, laptops, mobile and small screens using media queries.

  • Table and heading font sizes adjust based on device orientation (portrait/landscape).

  • Animated UI: Space-themed visuals, glowing effects, and custom fonts for an engaging experience.

  • Background Music: Toggle ambient space music on/off with a floating button.

  • Attribution Footer: Credits for icons, background, and music, with links to sources.


Link Planets Data Table - Tabula Datorum Planetarum Systematis Solaris

bottom of page