siteおいしいソースお問い合わせこのサイトについてmiyakeiWebデザイン表示時間のメーター付き、クリックでも自動でも切り替わるスライダークリックでも一定時間ごとに自動でも切り替わるスライダーです。どのくらいで切り替わるかもわかるようにメーターも設置しました。切り替えはやメーターの描画はJavaScript(jQuery)で行っています。...2018.12.09WebデザインWebデザインスクロールの途中からメニューを上に固定して表示スクロールしても画面からメニューが見えなくならないように上に固定する方法です。<heade...2018.12.06WebデザインWebデザイン訪問回数に応じてスタンプを押すアニメーション(jquery-cookie.jsを使用)ページにアクセスしたらその回数に応じてスタンプを押していくアニメーションです。jquery-cookie.jsを使ってクッキーのデータを取得し、ページに訪問した回数に応じてスタンプの表示やアニメーションを行っています。デモページ...2018.12.05WebデザインWebデザイン整列しているリストをクリックで項目ごとに絞り込み表示flexboxで整列して並んでいるリスト全体からクリックした項目で絞り込み表示させる方法です。ボタンをクリックしたらjQueryを利用して表示非表示を処理しています。<...2018.12.04WebデザインWebデザイン整列しているボックスをアニメーションで順番に表示CSSとjQuery(JavaScript)を利用したページ読み込み時に再生されるアニメーションです。CSSでtransitionとtransformを設定しておき、jQueryでtransformの値を変更することでアニメーションを実...2018.12.03WebデザインWebデザインクリックで横からスライドして現れるメニュースマホのサイトなんかにある、ハンバーガーメニューをクリックすると横からスライドして現れるメニューです。半透明になっている黒の背景をクリックするとメニューを閉じることができます。...2018.12.02WebデザインWebデザインサムネクリックで画像を切り替えるレスポンシブのスライダーサムネイルをクリックして画像を切り替えるタイプのレスポンシブに対応したスライダーです。RSSWordPress.org。