ホーム エクスプローラ ヘルプ
サインイン
Smooth-E
/
Web-Dev-For-Beginners
同期ミラー https://github.com/Smooth-E/Web-Dev-For-Beginners
Watch 1
Star 0
Fork 0
ファイル 課題 0
ツリー: 11f097513f
ブランチ タグ
Web-Dev-For-...
/
3-terrarium
/
solution
Sara Gibbons da90229f7c add and update tracking links 2 年 前
..
images 1d81829ac1 folder names 4 年 前
README.md da90229f7c add and update tracking links 2 年 前
index.html 1d81829ac1 folder names 4 年 前
script.js 1d81829ac1 folder names 4 年 前
style.css f878c14e3b editing terrarium css to remove percentages on border-radii 3 年 前

README.md

My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱

A small drag and drop code-meditation. With a little HTML, JS and CSS, you can build a web interface, style it, and add an interaction.

my terrarium

Credits

Written with ♥️ by Jen Looper

The terrarium created via CSS was inspired by Jakub Mandra's glass jar codepen.

The artwork was hand drawn by Jen Looper using Procreate.

Deploy your Terrarium

You can deploy, or publish your terrarium to the web using Azure Static Web Apps.

  1. Fork this repo

  2. Press this button

Deploy to Azure button

  1. Walk through the wizard creating your app. Make sure you set the app root to either be /solution or the root of your codebase. There's no API in this app, so don't worry about adding that. A .github folder will be created in your forked repo that will help Azure Static Web Apps' build service build and publish your app to a new URL.