マガジンのカバー画像

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

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

#JavaScript

#74 下からにょきっとスライドアップするナビゲーション

下からにょきっとスライドアップするナビゲーションを作ってみた。 jQueryのslideUP() slideDo…

em
em
1年前

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

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

em
em
1年前

#72 jQueryを使わないでという案件

掲題の件があった。困った。そんな時はChatGPTにコンバートしてもらおう。 ワイ「次のjQuery…

em
em
1年前
3

#49 Twitterのシェアボタンにいろんな値を入れたい【ぴよぴよコーダーの開発日記】

Twitterのシェアボタンって、ブログとかだと、だいたいページタイトルとってくるじゃないです…

em
em
4年前
2

#35 配列のランダムシャッフルで、画像シャッフルを作ってみた 【ぴよぴよコーダーの…

画像のシャッフルを作ってみた。まずは　デモ 画像シャッフルの依頼があったんで、配列の中に…

em
em
4年前
4

#34 最近のカルーセル 【ぴよぴよコーダーの開発日記】

少し前までは、スライダーやカルーセルといえば、「slick」というjQueryのプラグインを使って…

em
em
4年前

#23 Vanilla JSでカラーシミュレーターを作る【ぴよぴよコーダーの開発日記】

Vanilla JSって、フレームワークを使わない、いわゆる生JavaScriptのこと。説明するようなコードもそんなにないので、まずはデモ。 いらすとやさんから素材をお借りしました。ランドセルのトレースが微妙なのはすみません。 カラーシミュレーターとカラーパレット部分は、ラジオボタンで作ります。 <input type="radio" id="btn-A" style="display:none" checked="checked" onclick="imgChang

em

#17 JavaScriptで背景に炭酸　泡の表現【ぴよぴよコーダーの開発日記】

背景に炭酸の泡を浮かべたい！とググったところ、素晴らしいです。作成された方がいらっしゃい…

em
em
4年前
2