Pixelog
May 31st 2019
CSSとChrome拡張機能でGoogle Adsenseの自クリックを防止する【全サイト対応】

Google Adsenseは自分で運営しているサイトに貼り付けた広告をクリックすることは規約で禁止しており、クリックするとペナルティを受けてしまいます。 自分のサイトは管理をしていく上で頻...

May 20th 2019
CSSのみでクリックで画像を拡大する(Lightboxもどき)

画像をクリックするとポップアップで拡大表示するプラグインを、HTMLとCSSのみで再現してみます。いわゆるLightboxやfancyboxのようなものです。 この記事で紹介する内容に実...

Mar 14th 2019
CSSアニメーションだけでタイマーを作ってみた

CSSの限界に挑戦ということで、CSS3のアニメーションとCSS変数(カスタムプロパティ)を駆使して、キッチンタイマーを作ってみました。 デモ デベロッパーツールで.timer_displa...

12