[B! jquery][javascript] charunのブックマーク

[GDPR] 海外サイトによくあるCookieの同意文を表示させるJavaScript - Qiita

きっかけ最近、GDPR（EU一般データ保護規則）と騒がれ日本語のサイトでも見かけるクッキーの同意文。わざわざそのためにレイアウト作るのが面倒な方に、テンプレート埋めればCookieの同意文が書けるJavaScript。完成形 See the Pen CookieContept by haikyoiko (@haikyoiko) on CodePen. 上記を完成させるのは、スリーステップで必要な記述が完成。ステップ１：以下のURLを開くステップ２：Configureで必要な設定を埋める以下の画面よりボタンの配置、レイアウト、配色、LearnMoreの遷移先などを設定ステップ３：CopyCodeを選択ラスト：自身のサイトに埋め込めば完成！（の前に置く） ※　他にも以下にいろいろサンプルがある注意上記の対応はただのCookieの同意文のみを表示させている。本格的にCoo

charun 2019/04/23

モダール、ポップアップ、同意、クッキー

リンク

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

一休.comでWebフロントエンドを開発している宇都宮です。先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？どうやったのか何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削

charun 2019/01/21

リンク

[JS]スマホやタブレットにも完全対応！垂直・水平方向にパララックススクロールさせる軽量スクリプト -paroller.js

ページいっぱいの背景、コンテナいっぱいの背景、要素の背景などを垂直水平方向にパララックスさせるスクリプトを紹介します。モバイルにも完全対応しており、全体をパララックスさせたり、カード型コンポーネントをずらしながら表示させたりできます。

charun 2017/05/24

リンク

【Jade/Pug】gulpでJade / Pugをコンパイルする – Snaplog

charun 2016/02/10

プルダウンの多階層メニューもできる

リンク

WordPressでJQueryを”$”で動かせるようにする | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)

このサイトのテーマはtwentyfourteenの子テーマなのですっかり普通にJQueryが使えるような気がしてしまっていました。普通に、というのは　$( とかの書き方でなのですが… 自作のPluginにDatepickerを使いたくて試していたら、普通にJQueryを動かすまでちょっと手間がかかったので書いてみます。 WordPressにはJQueryが既に読み込まれているググって調べると・WordPressにはJQueryが既に読み込まれている・だけど、それを使わずにgoogleのJQueryを使った方がいいという記事が多数見つかりました。なぜ？と思ったのでちょっと実験してみました。なにもしなくてもJQueryが動くかどうか使っている子テーマの　header.php　を開いて <?php wp_head(); ?> の後に、 <script type="text/javas

charun 2015/12/30

リンク

ページ内リンクが飛べないのはjquerymobileのせいだった！ページ内ジャンプできる修正方法

jquerymobile(ジェイクエリモバイル)を利用している場合は、ページ内リンク（ページ内ジャンプ、ページ内アンカー）が効かないようです。 jquerymobileでは1つのファイルで複数のページがあるように作ることができ、その機能上で「#（ハッシュ、シャープじゃないよ）」を利用するために、ページ内アンカーするときには「＃」が無効化されてしまうようです。みなさんがいろいろ対応するためのjavaスクリプトを作成してくれているんですが、複数のページ内リンクにも対応しているスクリプトがこちらでした。１、リンクにイベント用のクラス名をつけるリンク用のaタグに、class=”anchor”という名前をつけました。名前付け用のaタグはいつも通りnameやidに名前をつけます。 <a href="#aaa" class="anchor">アンカー１</a>｜ <a href="#bbb"

charun 2015/11/01

　ページ内リンクが飛べない

リンク

ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ

2017年2月17日便利ツール作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML

charun 2015/08/15

codepen

リンク

はてなブックマーク

タグ

関連タグで絞り込む (9)

jqueryとjavascriptに関するcharunのブックマーク (7)

お知らせ

はてなブックマーク透明性レポート（2024年11月～2025年2月）

今週のはてなブックマーク数ランキング（2025年6月第3週）

今週のはてなブックマーク数ランキング（2025年6月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス