さまざまなHTMLやCSSのサンプル集． 今のjavascriptはjQueryを要しないことが多いので，極力jQueryなしで書いている．
javascriptを利用せず，CSSだけでできる表現で作成
CSSによるいろいろな表現
入力フォームのプレースホルダーが，フォーカスされると逃げだす． これまでFirefox非対応だったが，Firefox対応版も追加（ちょっと力業）
CSSだけで赤い矢印をclip-pathで表現
全画面ポップアップとその中の要素がスクロールバーなしでスクロール
CSSだけで複数のグラデーションの重ね合わせ
スクロールスナップCSS
すりガラス効果
flexboxの超基本的サンプル
gridの超基本的サンプル
CSSだけでできるいろいろなスマホメニュー
いろいろな位置調整方法
CSSだけでいろいろなボタン
さまざまなフォームパーツを触って試す
「待ちアニメーション」
CSSだけでスライダー（カルーセル）
CSSだけでアコーディオン
CSSだけでメガメニュー
CSSだけで吹き出し
CSSだけで章立て
いろいろなCSSカーソル
CSSアニメーションのいろいろなタイミング関数（イージング）を確認
Google Fonts をCDN経由で読み込み
素のjavascript(Vanilla JS)を利用してより高度な表現を実現．
2つの画像を重ねて，スライダーで重ねる位置を調整するサンプル
長い文章を短く表示して「もっと見る」ボタンで拡大表示．脱jQueryで実装．javascriptはclassで実装したが，まだ初心者なのでご愛嬌．
全画面モーダルを開いて背面要素のスクロールを止めるサンプル． 全画面モーダルを position: fixed で表示しても，背面はスクロールしてしまうので，それを止める．
タブ切り替え要素．脱jQueryで実装．
「もっと見る」
等加速度運動を計算
BMI計算ツール
画像をアップロードしてすぐプレビュー
javascriptでGPSと加速度計測
canvasにお絵描きして画像ファイルとしてダウンロード
ブラウザデフォルトの発声APIのテスト
公開されているフリーのjavascriptライブラリを利用して，さらに高度な表現を実現．
markdown-wasmライブラリを利用してリアルタイムにmarkdownを変換
Google Chart を使ってグラフを表示
Chart.js を使ってグラフを表示
autokanaライブラリを利用した自動ふりがな入力
slickライブラリによるカルーセル（スライダー）
swiperライブラリによるカルーセル（スライダー）
WebGLの練習用