「javascript」の記事一覧

WordPress でインライン JavaScript を追加する方法

WordPress のテーマで JavaScript ファイルを読み込むときは wp_enqueue_script メソッドを使いますよね。 ※こちらの説明はこちらでご確認ください。 今回の記事ではファイルじゃなくて インラインで書きたいときはどうすればよいか…のサンプルを書いてみます。 wp_add_inline_s …

壺買う!? Stripeを導入して壺を売ろう!

突然ですが、ツボ売ります! 壺販売します!売り切り! 100万円だけど、買うよね? 購入する! ※テストモードですので、クレジットカード 4242424242424242 で購入出来ます!(商品は届きませんよ) ※あやしさ100%ですが、「購入する!」ボタンを押してみてください。あくまでもテストモードですのでご安心くだ …

ブラウザの戻るやバックスペースで戻った場合のJavaScriptでのイベント

例えば、チェックボックス付けてその状態で押せるようにしたボタンや選べるようになったセレクターなどがあった場合に 次の画面に遷移したあとにブラウザーの「戻る」ボタンやバックスペースなどで戻ってしまうと画面上の状態が整合性取れてなかったりすることがあります。 (マニアックですが) そんなときに「戻る」&バックスペースで戻っ …

!important #05 -コーダー & フロントエンドに贈るハンズオン祭り- に参加しました! Part 2

引き続き、セミナーの様子を・・・ 前回は第一セッションの前川さんについての記事を書いています。こちらも併せてどうぞ。 !important #05 -コーダー & フロントエンドに贈るハンズオン祭り- に参加しました! Part 1 !important #05 -コーダー & フロントエンドに贈るハン …

Google Chromeのアドイン AppSpector がマルウェアになってしまった!

Google Chrome で便利なプラグイン 「AppSpector」(旧Chrome Sniffer) これは今閲覧しているサイトがなにでできているかわかる便利なやつ WordPressサイトならワードプレスのロゴマークが出ていたり JimdoならJimdoのロゴになったり jQuery使っていたらjQueryマー …

flatpickr これは使える!軽量の デートピッカー Javascript

Facebookの機能でリンクを保存できるやつありますよね。 最近結構それを使っておりまして「あとで読む」的に利用させてもらっています。 で、今日、まさに「あとで読む」ために保存したリンクを開いていたのですよ。 その保存したリンクがこちら flatpickr っていうJavaScriptのデートピッカーライブラリです。 …

Java Scriptファイル、CSSファイルのサイズを圧縮する WEBmini

ウェブサイトの高速化で馬鹿にならないのが スクリプトファイルとスタイルシートの読込み時間です。 たとえばこんなHTMLがあるとします。 ※エンコードは書いてません。ローカルテストのみ対応。 <html> <head> <link rel="stylesheet" href="style.c …

昔のサンプル作りなおしました!「FlexSlider2とLazyloadで重い画像もなんとかスライドショー」

タイトルの通りなんですが、FlexSlider2とLazyLoadを組み合わせたサンプル作りましたー!のサンプルを作りなおしました! ↓デモとダウンロードはこちら! jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・ – フリーフードファイター兼SE社 …