jQuery

とりあえず役に立つかどうかはわからないですが、 災害時なんかでGooglemap開くのも削減したい! というときに、自分が今いる位置情報を他人と共有するだけのアプリケーションです。 https://a …

$(this)便利ですよね。 $(this)の子要素や、隣接要素が選択できればもっと便利に活用することが出来ます。例えば、ページ内に複数のリンクURLがあるとして、それをattrで取得し変数へ。その後 …

折角の休みなのに、何月何日何時にここを入れ替えてくれ! という要望ってないですか?そういう時はタイマー設置しときましょう。 楽ちんですね。

スクロールを開始するとにゅるっと出現するフローティングメニューと、そのフローティングメニューを一定スクロールで消すTipsです。ボトム固定やトップ固定などはCSSの記述でなんとかします。 フローティン …

サイト制作などで、画像サイズがまちまちなときありますよね。画像サイズが一定よりも小さい時だけに処理がしたい。そういう時に役立つTipsです。 ひとまず $(‘img’).eac …

ここにアコーディオンでコンテンツの収納・展開を行いたいなぁ。という時にサクッと実装できるTips。格納しているときは +(プラス)を出して、展開しているときは ー(マイナス)ボタンを出すときにも有効な …

レッツグロースハック! 最近ではスマートフォンからの閲覧を軽視することが出来ないですね。どういったサイトであれ60%前後のUUをスマホが持って行っているのではないでしょうか。スマホ向けのCVアップ対策 …

動的に生成されたリストにclassを追加すると便利ですよね。というわけで音速で実装できます。 これだけで完成します。 これを応用すると、tableにthが無いような場合でもthを追加可能。 色々遊べる …

URLパラメーターを取得してJQueryで条件分岐をやってみましょう。GETメソッドでURLパラメータが付く場合に、コンテンツの中身を入れ替えたりできるので、A/Bテストの実行にも有用だと思います。簡 …

HTML/CSSを操作する、今日から使えるJQueryチートシート。よく使うものをまとめてみました。実例付きなのでどういう時に使うかがイメージしやすいと思います。今回ご紹介できなかったメソッドはまたい …

HTMLソースを編集することが出来ない案件で、サイトのレイアウトを変更したい。そんな時どうしますか。「HTMLさわれないなら何も出来ないじゃないか!」というのはある種間違いです。サイト構築の際にも後か …

CSVで作ったデータをGooglemap API v3で地図上に一括プロットするJavascriptサンプルです。見ていただくとわかりますが、HTML内に以下の記述が必要です。外部のCSVがスクリプト …