juansebas930329

@juansebas930329·2 public vizzes

LESSON 81 JAVASCRIPT

This example demonstrates a responsive navigation menu for a single-page website, built with HTML, CSS, and vanilla JavaScript. It shows a hamburger button that toggles a sliding panel containing anchor links to five numbered sections. The code uses CSS custom properties for theming, the Hamburgers library for the animated icon, and JavaScript event listeners to handle menu interactions and smooth scrolling. The page features a green background and a yellow header, with all styling defined in an external stylesheet.

Aug 20, 2023

Loading thumbnail…

CANVAS PELOTAS

This example displays a single blue ball bouncing across a canvas that fills the browser window, rendered using the Canvas API. The prototype-based `Balls` object uses `ctx.arc` with `fillStyle` to draw the circle, while random color and velocity generator functions are defined but not yet utilized. The JavaScript code sets up the canvas dimensions dynamically through `window.innerWidth` and `window.innerHeight`, and positions a transparent heading over the visualization.

Aug 6, 2023