Webサイトで仮想通貨マイニング Coinhive 編
悪名高き(?)Coinhiveを使ったWebサイトマイニング サイト運営者が秘密裏に自分のWebサイトに仕込み、密かにマイニングしていたニュースにも登場するCoinhiveですが、ユーザーに告知した上でマイニングする方法 …続きを読む
悪名高き(?)Coinhiveを使ったWebサイトマイニング サイト運営者が秘密裏に自分のWebサイトに仕込み、密かにマイニングしていたニュースにも登場するCoinhiveですが、ユーザーに告知した上でマイニングする方法 …続きを読む
自分はSEOの専門家ではありませんが、SEOについて留意しておきたいことを書いておきます。 SEOは魔法ではない SEO(Search Engine Optimization)は検索結果の上位にくるための施策ですが、魔法 …続きを読む
ABBAの2つ目のBは逆向きが正しい表記 小ネタですが。正しい表記を画像ではなくテキストで実装する方法です。デモは以下になります。 ABBA やりかたは至って単純で、2つ目のBにspanタグで囲って、inline-blo …続きを読む
毎回毎回設定するのが面倒なのでまとめました。 ここ最近触り始めたgulpですが、色々試行錯誤してみて以下のような初期設定にしてみました。基本ローカルに毎回インストールするので、インストールをバッチファイルにしました。 イ …続きを読む
水面の画像とCSSのアニメーションと、フィルターを使って水面のような表現の実装方法です。 ゆらゆらと水面が揺らめく感じです。IEは残念ながら非対応(対応方法あり)。 デモはこちら コードは以下になります。(ここでは下方互 …続きを読む
2018.04.02追記:公式サイトがnot foundになったので、サービスは終了した模様です。そのため、この方法ではマイニングできません。 2018.01.18追記:1/28現在スクリプトのエラーが出て機能していませ …続きを読む
「Fix it」ボタンを押しても直らない時の対処法 WordPress開発にLocal by Flywheelが便利だと聞いてインストールしたけど、エラーが。以下のような環境下でのお話です。あくまで自分の環境での出来事な …続きを読む
レスポンシブ時PCとスマホで構成が違うと悩む ここでは、有り得そうなデザインでfloatだけでは対処が難しいような場面を想定して作った一例です。例えば以下のようなデザインの時。 ・PC版のデザイン ・SPの …続きを読む
動きのあるドロップダウンメニューの作り方 jQueryで6行程度で、コピペでも実装できます。 デモはこちら コードは以下のようになります。 HTMLについての解説 ナビゲーションの中にサブナビゲーションが入っているのでu …続きを読む
常時SSL化する前に考えたいこと Web界隈では常時SSL化が流行ってますが、流行りに乗っかってSSL化する前にいくつか確認しておきたい点をまとめました。 SSL通信とは? 平たく言うと、サイトを閲覧しているユーザとサー …続きを読む