my-terrarium

KO | EN

gitlite — search

#python #ai #llm #golang #go #android #machine-learning #rust #docker #nodejs #windows #cli #vue #open-source

(★ 37)

A simple drag and drop meditation

my-terrarium Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# My Terrarium 🌵🌱

A simple drag and drop meditation. Take a look at the HTML, JS and CSS to get an idea how to build a basic web interface, style it, and add an interaction.

![my terrarium](https://raw.githubusercontent.com/jlooper/my-terrarium/main/screenshot_gray.png)

## Credits

The terrarium created via CSS was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).

The artwork was hand drawn by [Jen Looper](http://jenlooper.com) using Procreate.

The solution to draggable elements was inspired by w3schools solution on creating a [Draggable HTML Element](https://www.w3schools.com/howto/howto_js_draggable.asp).

Find more information on pointer events on the [W3C docs](https://www.w3.org/TR/pointerevents1/) and on [MDN web docs](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events).

Always check browser capabilities using [CanIUse.com](https://caniuse.com/).

Learn more about building sites for the web and mobile devices at [Microsoft Learn](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=msbuild-github-jelooper).

my-terrarium

my-terrarium Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

my-terrarium

my-terrarium Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README