New

2枚の画像をスライダーで比較するamp-image-slider

2 枚の画像をスライドで比較できる amp-image-slider の使い方

カスタマイズ

AMPでスムーススクロールを実装する方法

AMP でスムーススクロールを実装!scrollTo の使い方

カスタマイズ

AMPのlayout 属性に追加されたintrinsicの解説

AMP の layout 属性に intrinsic が追加

カスタマイズ

amp-lightbox-galleryをCocoonで使う方法

【 Cocoon 】AMP でスワイプ対応の画像拡大ギャラリーを実装するカスタマイズ

カスタマイズ

AMPのtoggleClassとamp-bindでclassを切り替え

AMP で toggle のように class を変更する 2 つの方法

カスタマイズ

CocoonでAMP to PWAを実装するカスタマイズ

【 Cocoon 】AMP で SuperPWA で実装した PWA を事前に読み込み

カスタマイズ

サイトにPWAを実装するWordPressプラグインSuper Progressive Web Apps

WordPress を数分で PWA 化するプラグイン Super Progressive Web Apps

便利ツール

amp-image-lightboxを使いCocoonに画像拡大を実装

【 Cocoon 】AMP で画像拡大表示のライトボックスを実装する方法

カスタマイズ

GIFのホスティングサービスのGfycat

GIF の作成・保管・管理・共有・埋め込みが可能な Gfycat

便利ツール

固定ヘッダーやナビを下スクロール時に隠し、上スクロール時に表示する方法

下スクロールで消える・上スクロールで現れる素の JavaScript

カスタマイズ

JavaScriptのclassList.toggleで切り替えたclassをWeb Storage の sessionStorageで維持

toggle で切り替えた class を sessionStorage で維持する方法

カスタマイズ

WordPressテーマCocoonの一覧リストのカードが表示されると動くアニメーション

Cocoon の一覧リストに心地よいスクロールアニメーション

カスタマイズ

Intersection observerを使い可視範囲に入った要素にアニメーション

ブラウザにやさしくスクロールで画面に入った要素にアニメーション

カスタマイズ

GooglebotにCSS変数を適用する方法

CSS 変数に未対応の Google クローラに PHP で対策

カスタマイズ

AMPのmedia属性を使い画面幅に最適なサイズのGoogle AdSenseにする方法

AMP のアドセンス広告を最適化!画面幅に合わせてサイズを変更

カスタマイズ

Cloud9にあるファイルの変更履歴をBitbucketで管理する方法

Cloud9 と Bitbucket を接続し push するまでのやり方

便利ツール

3Dのスクロールアニメーションを簡単に実装できるJQuery Tilted Page Scroll

画像やリストに! 3D スクロールにする jQuery プラグイン

便利ツール

画像が際立つCSSアニメーションのサンプル

画像を徐々に表示する CSS アニメーション

カスタマイズ

グラデーションを使った見出しサンプル

印象に残るグラデーションの見出しサンプル 10 個

カスタマイズ

ホバーで背景色をグラデーションにする方法

背景色が単色からグラデーションへ変化するホバーエフェクト

カスタマイズ

Infinite Scrollで無限スクロールを実装する方法

WordPress に Google 風の無限スクロールを実装

カスタマイズ

インフィード広告を関連記事リストに設置するカスタマイズ

インフィード広告を Simplicity と Cocoon の関連記事の中に設置

カスタマイズ

カラーパレット・グラデーション生成オンラインツールColorSpace

色選びに迷ったら使いたいカラーパレットツール「ColorSpace」

便利ツール

エラーを出さずSimplicityのAMPページでウィジェットを使用

Simplicity の AMP でウィジェットを使う方法

カスタマイズ

これ以上は記事がありません

読み込むページがありません