制作会社から制作会社じゃない会社に転職が決まりました。制作会社で学んだことを残らず記事にしたいと思います。

パンDKOTORI Blogの公式キャラクター「パンD」です。
jquery

カテゴリ:jquery

「もっと見る」を実装(Facebook風)[jQuery|WordPress]

2014年06月02日WordPress 便利コード javascript 
「もっと見る」を実装(Facebook風)[jQuery|WordPress]記事のアイキャッチ画像

Facebookと同じ動作の「もっと見る」をjqueryで実装します。その「もっと見る」をWordPressの本文に対して実装する手順も紹介します。

「tel」を指定したaタグをPCだけ削除する[jquery]

2014年03月12日javascript 
「tel」を指定したaタグをPCだけ削除する[jquery]記事のアイキャッチ画像

スマホのみに有効な「tel」を指定したaタグを、PCでアクセスされた時のみ削除する方法を紹介します。jqueryです。

スマホ用画像ギャラリー(横スクロール、自動スライド可、フリック操作可)[jquery]

2013年12月07日javascript 
スマホ用画像ギャラリー(横スクロール、自動スライド可、フリック操作可)[jquery]記事のアイキャッチ画像

横スクロール型のスマホ用画像ギャラリーでフリック操作が可能で自動再生にも対応したスクリプトがいくら探しても見当たらなかったのでその辺で拾ったスクリプトをちょっといじって実現しました。それ公開します。jqueryです。iPhone、AndroidどっちもOK!

画像に付けたボーダーをアニメーション化する『InsetBorder』の動作を逆にする[javascript]

2013年12月04日javascript 
画像に付けたボーダーをアニメーション化する『InsetBorder』の動作を逆にする[javascript]記事のアイキャッチ画像

画像に付けたボーダーをマウスオーバーでアニメーションで消してくれる『InsetBorder』というjqueryプラグインですが、動作逆の方がよくない!?ってことで画像にマウスオーバーしたらアニメーションでボーダーが表示されるようにカスタマイズ。

jqueryで作るスライドするプルアップメニュー(プルダウンメニュー)

2011年09月05日javascript 
jqueryで作るスライドするプルアップメニュー(プルダウンメニュー)記事のアイキャッチ画像

ただただスライドするだけのプルアップメニューの作り方。