mMenu
- HTML
- CSS
JavaScriptを使用せずにCSSのみで作られたレスポンシブメニューです。動作軽量化のため画像、グラデーション、シャドウ、アニメーションは一切使っておりません。おまけ:mMenuDEMO
検索フォーム
- CSS
そのまま。様々な検索フォームです。ボタン画像はICOOON MONOさんのものを利用しています。
ギャラリー
- HTML
- CSS
- JavaScript
クリック(もしくはタップ)した画像をモーダルウィンドウで表示するギャラリー。Magnifig Popupというjqueryプラグインを使用しました。サムネイル画像を正方形にトリミングして並べるというのは中々調べても上手くいかなかったので参考になれ…
HTMLタグエスケープ
- HTML
- JavaScript
HTML中で「<」などの文字を使うと、タグとして認識されて文字列として表示することが出来なくなります。それを防ぐためにエスケープ処理を行うためのツールです。※例えば「<」は「<」に置き換えると文字列として表示されます。…
計数器
- JavaScript
シンプルな計数器です。各桁の間の色を変えたかったのでカウントした数値を1文字ずつに分けて別々に出力しています。ページ遷移後もCookieによって数値は30日間保存されます。