FirstLayout | Web サイト制作に役立つ情報をご紹介

Popular

Web Font Loaderを使いGoogle Fontsを非同期で読み込み

Google Fonts を非同期で読み込みサイトスピードを高速化

2017/12/31 カスタマイズ

PolyfillのloadCSSを使い全てのブラウザでpreloadによる非同期でのCSSの読み込み方法

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

2018/3/2 カスタマイズ

高速でアーリーアクセス版Noto Sans JPを使う方法

高速で Noto Sans 日本語を使う方法

2018/1/7 カスタマイズ

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

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

2018/5/18 カスタマイズ

New

amp-listの無限スクロールをWordPressに実装する方法

WordPress に amp-list の無限スクロール

2019/7/8 カスタマイズ

amp-fx-collectionでスクロールに応じた非表示と表示のエフェクトを実装

AMP で下スクロールで非表示・上スクロールで再表示

2019/4/1 カスタマイズ

amp-keyframes属性を持つstyleタグの説明

AMP の第 3 の CSS 指定方法 amp-keyframes

2019/2/10 カスタマイズ

2019年にAMPでリリース予定の機能

2019 年の AMP のロードマップ

2019/1/21 カスタマイズ

Cocoonのフィルターフックを使いclassを追加

class を追加する Cocoon のフィルターフックのまとめ

2018/12/25 カスタマイズ

ビジュアルエディターを変更するCocoonのフィルターフック

Cocoon のフィルターフックでビジュアルエディターをカスタマイズ

2018/12/17 カスタマイズ

WordPressプラグイン「SuperPWA」のフックの一覧

Super Progressive Web Apps（SuperPWA）のフックのまとめ

2018/12/3 便利ツール

サイトの検索フォームに「特定のサイトを検索する」を仕込む方法

AMP で Google 検索の「特定のサイトを検索する」を導入

2018/11/26 カスタマイズ

amp-listにschema.orgでの構造化データマークアップは不可能

amp-list に構造化データのマークアップはできない

2018/11/16 カスタマイズ

FOUTやFOITを制御できるamp-fontの使い方

amp-font で FOUT や FOIT を制御

2018/11/5 カスタマイズ

Google Fonts を preload で先読みし高速化

AMP にも対応！Google Fonts を preload で先読みし最適化

2018/10/29 カスタマイズ

Webサイト制作時に欠かせないChrome拡張機能

サイト制作に役立つ Chrome 拡張機能 9 選

2018/10/15 便利ツール

CocoonのAMPページでGoogleフォームの送信が可能になる方法

【 Cocoon 】AMP で Google フォームを動かすカスタマイズ

2018/10/2 カスタマイズ

amp-iframeを使いAMPページにGoogleフォームを埋め込む方法

AMP ページに Google フォームを埋め込む方法

2018/10/1 カスタマイズ

AMPがstyle属性によるインラインCSSの使用を許可

CSS が柔軟に！AMP が style 属性のインラインスタイルに対応

2018/9/25 カスタマイズ

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

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

2018/9/18 カスタマイズ

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

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

2018/9/10 カスタマイズ

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

AMP の layout 属性に intrinsic が追加

2018/9/3 カスタマイズ

画像の拡大表示やギャラリー表示に対応するamp-lightbox-galleryをCocoonで使う方法

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

2018/8/28 カスタマイズ

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

AMP で toggle のように class を切り替える 2 つの方法

2018/8/20 カスタマイズ

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

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

2018/8/6 便利ツール

amp-image-lightboxを使いCocoonのAMPページに画像拡大を実装するカスタマイズ

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

2018/8/2 カスタマイズ

動画のGIFの変換や保管、共有、埋め込みなどができる無料のWebサービスGfycat

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

2018/7/23 便利ツール

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

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

2018/7/17 カスタマイズ

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

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