マガジンのカバー画像

ぴよぴよコーダーの開発日記

101
主にフロントエンドな開発日記。CSS、jQuery、WordPress多め。
運営しているクリエイター

#jQuery

#73 jQueryを使わないでアコーディオンUIを作る

ちなみにjQueryで作るとこんな感じ $('.accordion').each(function(){ $(this).on('click', …

em
1年前

#67 訪問する度に1枚目の画像が切り替わるスライダー【ぴよぴよコーダーの開発日記】

使うプラグイン jQuery.js jQuery.cookie.js slick.js やりたいこと Cookieに訪問回数を…

em
1年前
1

#66 スマホでドラッグ&ドロップのUIを作りたい【ぴよぴよコーダーの開発日記】

ドラッグ&ドロップで何か作りたいなぁと思って、ラクにできるものはないか考えたら、昔jQuery…

em
1年前
2

#16 必殺の波紋疾走(オーバードライブ)ふるえるぞ背景!-jQueryで背景に波紋 水の表…

水やしずくに関連するオーダーを受けたので、背景に波紋が広がるようなページを作ります。 便…

em
4年前
2

#12 ポケモンタイプ別検索アプリを作る-多言語化対応フォント編【ぴよぴよコーダーの…

多言語化対応でlang属性を変更するところまで、前回やりましたが、お気づきだろうか、ブラウザ…

em
4年前
2

#11 ポケモンタイプ別検索アプリを作る-多言語化対応アクセシビリティ編【ぴよぴよコ…

前回までの実装で、いったん見た目上は、多言語切り替え表示ができたものの、マシンリーダブル…

em
4年前
1

#2 ポケモンタイプ別検索アプリを作る-サジェスト機能編【ぴよぴよコーダーの開発日記】

さて、ポケモンのタイプ別検索アプリの作成 続きです。のんびり行きます。今回はサジェスト機能の実装です。ほぼコピペです。 とりあえず、index.htmlを作って、 emmetでhtml:5エンターキーした後、こんなコード書く <input type="text" id=""><button>しらべる</button> ★工夫ポイント:子供でも読めるように、調べるを「しらべる」にした さて、次はサジェスト機能の実装!。jQueryしか書けないので、「サジェスト jQu