CSSとChrome拡張機能でGoogle Adsenseの自クリックを防止する【全サイト対応】
Google Adsenseは自分で運営しているサイトに貼り付けた広告をクリックすることは規約で禁止しており、クリックするとペナルティを受けてしまいます。
-
-
CSSのみでクリックで画像を拡大する（Lightboxもどき）
画像をクリックするとポップアップで拡大表示するプラグインを、HTMLとCSSのみで再現してみます。いわゆるLightboxやfancyboxのようなものです。
-
HTMLだけでコンテンツを開閉できるdetailsタグを試してみる
タグはHTML5.1で追加されたタグで、コンテンツを開閉できるウィジェットを生成します。
-
【Swiper.js】縦横比を保ったまま横幅いっぱいのスライダーをつくる
Swiper.jsという、jQueryなしで動く高機能なライブラリがあります。
-
Netlify Managed DNSでGoogle Search Consoleの認証をする
Google Search Consoleではドメイン単位でサイトを追加する際にDNSにTXTレコードを追加して、ドメインの所有権を確認する必要があります。
-
CSSアニメーションだけでタイマーを作ってみた
CSSの限界に挑戦ということで、CSS3のアニメーションとCSS変数（カスタムプロパティ）を駆使して、キッチンタイマーを作ってみました。
-
【簡単】ドクターグリップで痛シャーペンを作ろう！
今回はドクターグリップで痛シャーペンを作る方法を紹介します。みんなで痛シャーペンを作って、新学期に自分のアイデンティティをアピールしよう！！
-
記事内要素のデザイン確認用サンプル
記事本文で使う要素を一通り並べたデザイン確認用のサンプルです。見出しの階層、段落の余白、リスト、表、コードブロックなどの見た目を、この1ページで確認できるようにしています。