Lazysizesで画像遅延読み込みかつRetinaディスプレイ対応にする 画像の遅延読み込みには[Lazy load]を利用していましたが、こちらはsrcset属性に対応していないようでLazysizesに乗り換えることにしました。 こちらはjQueryに依存することなく単体で動作するようです… haradaハック2018.06.21 2,059
ajaxのときもLazy Loadを実行する Lazy Loadは便利な画像遅延読み込みjQueryプラグインです。 以下のように記述することでajaxでページの表示が変わったあとも実行されます。 JavaScript例 $(document).ajaxSucces… haradaハック2018.06.20 2,303
Macのターミナルでgzip圧縮する Macのターミナルを開きます。 以下のように記述してエンターを押すことで指定したファイルのgzip圧縮が同じ場所に作られます。 gzip /Users/***/material.min.js いちいちファイル名を打つのが… haradaハック2018.06.05 8,771
ボタンやページにFacebookピクセルのコードを設定する まずはFacebookビジネスマネージャでピクセルを作成します。 作成したピクセル画面上部の「設定する」を押すと「ピクセルコードをインストール」というポップアップが開きます。 「自分でコードをインストール」 を押します。… haradaハック2018.06.01 4,773
CSSでGoogle Material Designのアイコンを利用する 2018年5月31日現在のGoogle Material Designのアイコンサイトには、&#xから続く文字コードはなくなっています。 そのため、そのままアイコン名を入力すれば表示されるようです。 例: div… haradaハック2018.05.31 3,019
スクロール可能でもスクロールバーを非表示にする chromeやsafariなどのwebkit系ブラウザでは以下のスタイルが一番簡単です。 -webkit-appearance: none;をつけることでiOSのsafariでタッチ中に表示されるスクロールバーも非表示に… haradaハック2018.05.10 23,602
全画面背景をCSSでアニメーションする body.top { color: rgba(#fff, .78); height: 100%; position: relative; background: #000 url(‘../img/dot.png’) re… haradaハック2018.03.22 2,402
FacebookページのMessengerを起動するリンク Facebookページのページ名がaaaaの場合は以下のようにすることで、そのページへ向けたMessengerを開けます。 個人ページの場合も同じく、個人ページ名を入れることでその人へのMessenger送信画面が開きま… haradaハック2018.03.08 2,059
WordPressでFacebookの画像OGPタグを設定する Facebookデバッガーで、シェアの際の表示を確認した際に、以前にすでにキャッシュされているページは通常通り表示されたのですが、これまでキャッシュされていないページで画像が表示されない状態になりました。 検索すると、ど… haradaハック2018.02.26 588