ぐるぐる回るホログラム

実用性はない(ロマンはある)

アーカイブ内供養

アニメーション付きタブバー version2.0

過去作のリメイク版

アーカイブ内供養

SVG x JSで作ったWeb時計です

特に機能はありません

アーカイブ内供養

CSS活用フッター部分

アニメーション付きです

アーカイブ内供養

SNS各種リンク向けアイコンエレメント

モノクロモデルsvgを採用

アーカイブ内供養

CSSで光るアイコンエレメント

まあまあ光ります

アーカイブ内供養

アニメーション付きナビゲーションバー

どちらかというとモバイルライク

アーカイブ内供養

サイドバーメニューエレメント

マウスカーソルを動かすとアニメーションが発生します。

アーカイブ内供養

マウスホイールや上下キーで写真が変化します。

特に意味はありません

アーカイブ内供養

ポップカラーのボタン一覧

マウスカーソルを合わせると動きます

アーカイブ内供養

モダンボタン(ホバーアニメーション付き)

マウスカーソルを合わせると動きます

アーカイブ内供養

アニメーション付きダウンロードボタン

実際のダウンロード完了とはリンクしません

アーカイブ内供養

ログインフォーム(登録画面ではない)

送信ボタンが異様に光って見えるのは気のせい。

アーカイブ内供養

ログイン&サインアップページ

切り替えアニメーションあり

アーカイブ内供養

モダンなウェブサイトエレメント一覧

ご自由にお使いください(ライセンスはGithub参照)

アーカイブ内供養

JSベースで動くレスポンシブカード

五枚のカードが表示可能(自動推移)

アーカイブ内供養

ドラッグアンドドロップ検証サイト

実用性皆無

アーカイブ内供養

Reset CSSを使用したブラインドタッチ練習サイト

ランダムで文字が選ばれます

アーカイブ内供養

GSAPを利用した3Dのなにか(自分でもわかってない)

フルスクリーン表示対応(テスト版/PCのみ)

アーカイブ内供養

THREE.jsを利用した美術館の作品的ななにか

フルスクリーン表示対応(テスト版/PCのみ)

アーカイブ内供養

Paper.jsのCanvasを使った波のアニメーション

波の設定を変更可能

アーカイブ内供養

疑似詐欺サイトです(啓発用)

音声が流れます

アーカイブ内供養

Reset CSSを利用したレスポンシブカード

10枚のカード(自動推移なし)

アーカイブ内供養

CSSのみで制作したCSSのバニラパッケージ的ななにか

ネタにまみれた謎作品

アーカイブ内供養

svgとjsを組み合わせて作成したタブバー

アニメーションsvgを使用

アーカイブ内供養

TailwindCSSを使用した管理画面のメニュー

テーマ別で3種類作成

アーカイブ内供養

Bootstrapを使用したナビゲーションバー

タブ変更時にアニメーションあり

アーカイブ内供養

クリック毎にキューブが回転します。

4つまでリンクできます。

アーカイブ内供養

CSSで表現した雪の背景です。(JS不使用)

個人的な出来栄えは10/10

アーカイブ内供養

Three.jsを使用した小惑星モデル(架空)

フルスクリーン表示対応

アーカイブ内供養

SNSのリンクページ(アニメーション付き)

軽量アニメーションです

アーカイブ内供養

CSSのみで波の背景を制作

ご自由にお使いください。

アーカイブ内供養

2022年改訂版Cielのウェブサイト。

モダンでミニマルデザインにしたかった結果がこれ。

今後の更新はWorks以外ほぼなし。