マイテラリウム: JavaScript を使った HTML・CSS・DOM 操作を学ぶプロジェクト 🌵🌱

ちょっとしたドラッグ＆ドロップのコードメディテーション。少しの HTML、JS、CSS で、Web インターフェースを構築し、スタイルを設定し、インタラクションを追加することができます。

レッスン

クレジット

Written with ♥️ by Jen Looper

CSS で作ったテラリウムは、Jakub Mandra のガラス瓶 codepen にインスパイアされています。

アートワークは Jen Looper が Procreate を使って手書きで描いたものです。

テラリウムのデプロイ

Azure Static Web Apps を使ってテラリウムをデプロイしたり、ウェブに公開したりすることができます。

このリポジトリをフォークします
このボタンを押します

アプリを作成するウィザードに沿って進みます。アプリのルートを /solution またはコードベースのルートに設定してください。このアプリには API はありませんので、追加については心配しないでください。フォークされたレポに .github フォルダが作成され、Azure Static Web Apps のビルドサービスのビルドを支援し、新しい URL にアプリを公開します。