MyCode
画像

mMenu

  • HTML
  • CSS

JavaScriptを使用せずにCSSのみで作られたレスポンシブメニューです。動作軽量化のため画像、グラデーション、シャドウ、アニメーションは一切使っておりません。おまけ:mMenuDEMO

画像

楽天市場検索順位チェッカー

  • PHP

楽天市場内での検索結果における指定ショップの順位を一覧で表示します。楽天商品検索APIを使用しています。APIのリクエスト制限を考慮して検索に制限をかけています(所要時間:約4秒、検索限度の順位:120位)。したがって実用性はあまりあり…

画像

検索フォーム

  • CSS

そのまま。様々な検索フォームです。ボタン画像はICOOON MONOさんのものを利用しています。

画像

ギャラリー

  • HTML
  • CSS
  • JavaScript

クリック(もしくはタップ)した画像をモーダルウィンドウで表示するギャラリー。Magnifig Popupというjqueryプラグインを使用しました。サムネイル画像を正方形にトリミングして並べるというのは中々調べても上手くいかなかったので参考になれ…

画像

HTMLタグエスケープ

  • HTML
  • JavaScript

HTML中で「<」などの文字を使うと、タグとして認識されて文字列として表示することが出来なくなります。それを防ぐためにエスケープ処理を行うためのツールです。※例えば「<」は「&lt;」に置き換えると文字列として表示されます。…

画像

計数器

  • JavaScript

シンプルな計数器です。各桁の間の色を変えたかったのでカウントした数値を1文字ずつに分けて別々に出力しています。ページ遷移後もCookieによって数値は30日間保存されます。

GitHub Qiita