Feb. 6, 2024, 3:32 p.m. | Alvaro Montoro

DEV Community dev.to

Last week, I created an input range that looks like a plane flying to its destination (move the plane right and left):




I tried to add as many details as possible while keeping the code simple and independent of external resources (JavaScript or images):



  • It uses a single HTML element (an input range, although it should be a <progress>)

  • It includes a single JS command to update a CSS variable

  • The plane takes off and lands using trigonometric functions

  • Using …

code css element flying html images independent javascript plane resources showdev simple webdev

Doctoral Researcher (m/f/div) in Automated Processing of Bioimages

@ Leibniz Institute for Natural Product Research and Infection Biology (Leibniz-HKI) | Jena

Research Scholar (Technical Research)

@ Centre for the Governance of AI | Hybrid; Oxford, UK

Lead Software Engineer, Machine Learning

@ Monarch Money | Remote (US)

Investigator, Data Science

@ GSK | Stevenage

Alternance - Assistant.e Chef de Projet Data Business Intelligence (H/F)

@ Pernod Ricard | FR - Paris - The Island

Expert produit Big Data & Data Science - Services Publics - Nantes

@ Sopra Steria | Nantes, France