New

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 でウィジェットを使う方法

カスタマイズ

ページトップへ戻るボタンをAMPに設置するやり方

AMP に「ページトップへ戻る」ボタンを設置する方法

カスタマイズ

Simplicity2.6.5に対応したSmooth Update1.0.1をリリース

Smooth Update 1.0.1 リリース

便利ツール

loadCSSを使いCSSを非同期で読み込み

全ブラウザ対応!preload で CSS を非同期で読み込み高速化

カスタマイズ

WordPressにPWAのホーム画面への追加を導入

WordPress を PWA に!ホーム画面への追加機能を実装

カスタマイズ

WordPressのユーザー名を隠す方法

WordPress のユーザー名を完全に隠しセキュリティ強化

カスタマイズ

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

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