【Service Worker 基礎知識】いろいろなキャッシュ戦略 Service Worker では、キャッシュやリクエストの処理方法を制御できます。 考えられるいくつかのパターンがあり、「キャッシュ戦略」として一般化されています。 CSSでフォント表示を高速化——font-display の利用方法 CSSの font-display プロパティは、フォントのダウンロード及び準備状況に応じて、どのようにフォントを表示するかを指定します。適切な値を指定することで、体感的なページの表示速度の向上が期待できます。 WordPress で OGP 設定(プラグインなし) WordPress における、 Facebook や Twitter 等で使用される一般的な OGP (Open Graph Protocol) の書き方の解説。プラグインを使わない独自実装のコードを紹介ます。 CSS 変数と Sass 変数の違い Sass を使用したことのある人なら、変数が扱えることはご存知かと思います。しかし、CSS にも変数の機能があることは知っていますか?CSS の変数と Sass の変数は別物です。それぞれの違いを明らかにして使い所を紹介します。 設置したページ内リンクに遷移した時トップバーで隠れてしまった時の解決法 ページ内リンクに遷移したときに遷移先のテキストがトップバーの下に隠れてしまったという経験はありませんか?これはCSSの :target 擬似クラスを使って解決することができます。 「クリップボードにコピー」を実装する サンプルコードのセクションでよく目にする「クリップボードにコピー」ボタンは、Document.execCommand() メソッドでテキストをコピーする方法が一般的です。 【WordPress】Walker クラスを使用してツリー構造を走査する Walker は、WordPress コアがツリー状のデータ構造をレンダリングする際の動作を定義するための「抽象クラス」です。WordPress コアではデータの種類ごとに Walker を継承したクラスが定義されており、デベロッパーも Walker を継承することで独自の動作を定義することができます。 Photoshop(デスクトップ版)ツール一覧 デスクトップ版 Photoshop のツール一覧です。 ES 2015 構文「分割代入」を紹介 “const {foo} = var;” といった奇妙なコードを見たことはありませんか?これは ES2015 から加わった「分割代入」という構文です。分割代入にはいくつかの書き方がありますが、直感的に使える便利な機能なので、使い方を紹介します。 Service Worker 入門 Service Worker は「リッチなオフライン体験」を提供することができる比較的新しい JavaScript APIです。これを使えば、たとえばネットワークに繋がらない時、通常現れる恐竜の代わりにカスタマイズしたページを表示させることができるようになります。 « 前へ前へ123次へ »次へ
【Service Worker 基礎知識】いろいろなキャッシュ戦略 Service Worker では、キャッシュやリクエストの処理方法を制御できます。 考えられるいくつかのパターンがあり、「キャッシュ戦略」として一般化されています。
CSSでフォント表示を高速化——font-display の利用方法 CSSの font-display プロパティは、フォントのダウンロード及び準備状況に応じて、どのようにフォントを表示するかを指定します。適切な値を指定することで、体感的なページの表示速度の向上が期待できます。
WordPress で OGP 設定(プラグインなし) WordPress における、 Facebook や Twitter 等で使用される一般的な OGP (Open Graph Protocol) の書き方の解説。プラグインを使わない独自実装のコードを紹介ます。
CSS 変数と Sass 変数の違い Sass を使用したことのある人なら、変数が扱えることはご存知かと思います。しかし、CSS にも変数の機能があることは知っていますか?CSS の変数と Sass の変数は別物です。それぞれの違いを明らかにして使い所を紹介します。
設置したページ内リンクに遷移した時トップバーで隠れてしまった時の解決法 ページ内リンクに遷移したときに遷移先のテキストがトップバーの下に隠れてしまったという経験はありませんか?これはCSSの :target 擬似クラスを使って解決することができます。
「クリップボードにコピー」を実装する サンプルコードのセクションでよく目にする「クリップボードにコピー」ボタンは、Document.execCommand() メソッドでテキストをコピーする方法が一般的です。
【WordPress】Walker クラスを使用してツリー構造を走査する Walker は、WordPress コアがツリー状のデータ構造をレンダリングする際の動作を定義するための「抽象クラス」です。WordPress コアではデータの種類ごとに Walker を継承したクラスが定義されており、デベロッパーも Walker を継承することで独自の動作を定義することができます。
ES 2015 構文「分割代入」を紹介 “const {foo} = var;” といった奇妙なコードを見たことはありませんか?これは ES2015 から加わった「分割代入」という構文です。分割代入にはいくつかの書き方がありますが、直感的に使える便利な機能なので、使い方を紹介します。
Service Worker 入門 Service Worker は「リッチなオフライン体験」を提供することができる比較的新しい JavaScript APIです。これを使えば、たとえばネットワークに繋がらない時、通常現れる恐竜の代わりにカスタマイズしたページを表示させることができるようになります。