CSS, CSS アニメーション 基本

こちらはCSSアニメーションの再生方向指定プロパティ(animation-direction)で指定可能な値と、比較用の動作サンプル集になります。 animation-directionの設定方法 CSSアニメーションの再生方向はanima ...

2020-01-09CSS, CSS アニメーション 基本

こちらはCSSアニメーションのイージングプロパティ(animation-timing-function)で指定可能な値と、比較用の動作サンプル集になります。 animation-timing-functionの設定方法 CSSアニメーション ...

2020-01-09CSS, CSS アニメーション 基本

animationプロパティを使ったCSSアニメーションは人気で様々な場所で利用されていますが、アニメーションの繰り返し設定や、繰り返し繰り返しではなく一回、アニメーションの終点で停止する設定の各動作パターンの紹介です。 animation ...

Windows10 プロセス, Windows10

TiWorker.exeはWindowsの更新プログラムおよびオプション コンポーネントのインストール、変更、および削除を可能にするWindowsアップデートで重要な処理を行うプロセスファイルになります。 TiWorker.exe Wind ...

AMP 広告, AMP, googleアドセンス

昨年あたりからGoogleアドセンスの広告タグは本格的に自動広告タグが勧められるようになってきました。 通常ページであれば、<head>内に自動広告タグを設置するだけでページ内にGoogleアドセンス広告が自動で挿入されるように ...

WordPress 取得, WordPress

WordPressの子カテゴリページからWP関数を使って親カテゴリ名や親カテゴリIDを取得する方法の紹介です。 子カテゴリページから親カテゴリ名やIDを取得 子カテゴリページの情報から親カテゴリIDを取得して親カテゴリ名を取得しています。 ...

WordPress 取得, WordPress

WordPressのカテゴリページ上でのカテゴリ名やカテゴリIDの取得方法です。 記事・固定ページで使えるWP関数はカテゴリページでは使えない場合もあるので注意、カテゴリページかどうかを判定した中で処理するようにします。 if(is_cat ...

2020-01-06PHP, PHP ループ

PHPのforeach()では配列データを繰り返し処理を実装可能です。 foreach ($variable as $key => $value) { //処理 } $variableには配列データの入った変数を指定します。$keyには配列 ...

2020-01-06PHP, PHP 配列

PHPの配列を文字列に変換する方法は複数ありますが、implode()関数やjoin()関数を使うことで簡単に配列の値を指定の文字または文字列で区切って連結した文字列に変換することが可能になります。 implode(区切り文字,配列) jo ...

2020-01-06WordPress, WP REST API

WP REST API v2のwp_remote_post()API関数を使ってWordPressに記事や固定ページを投稿する方法の紹介とサンプルコードです。 wp_remote_post()で投稿するサンプルコード require_onc ...

2020-01-10CSS, CSS テキスト

CSSを使ってHTMLに表示するテキストをメタルっぽく装飾するサンプル集になります。 また、チェック柄以外にもテキストをシャドウ、立体、ストローク、ネオン、ストライプからグラデーション、メタル風、鏡面反射などにするCSSサンプルも紹介してい ...

2020-01-17CSS, CSS テキスト

CSSのみでテキストをチェッカー柄やギンガムチェック・タータン・チェックなどのチェック柄に装飾するサンプル集です。 各柄のカラーバリエーションも紹介しています。 また、チェック柄以外にもテキストをシャドウ、立体、ストローク、ネオン、ストライ ...

2020-01-10CSS, CSS テキスト

CSSを使ってテキスト文字に影、立体、光沢などを付けて装飾するサンプル集です。 シャドウ系、立体系、ストローク、ネオン、ストライプからグラデーション、メタル風、鏡面反射などカテゴリにわけて紹介していきます。 賛否はあるかもしれませんが、フォ ...

2020-01-04JavaScript, JavaScript イベント

スクロール量に合わせてページの背景色のCSSを変更していくシンプルなJavaScriptの動作サンプルとサンプルコードです。 スクロール量に合わせて背景色を変更する 動作サンプル See the Pen JavaScript Change ...

2020-01-05Windows10 プロセス, Windows10

Microsoft.Photos.exeはWindows10に搭載されているフォトビュアーで、アプリケーション名はフォトです。 Microsoft.Photos.exe フォト Microsoft.Photos.exeの基本情報 ファイル名 ...

2020-01-05Windows10 プロセス, Windows10

ntoskrnl.exeは通常の状況のWindows起動では使われませんが、コンピュータをブートする際のサイクルの重大なSystemプロセスとなっています。 処理の同期・割り込み、スレッドスケジューリングなど行うWindowsの起動に重要な ...

2020-01-05Windows10 プロセス, Windows10

Windows10のタクスから確認できる「setuphost.exe」はWindows10の更新プログラムでWindowsアップデートを行うWindowsのオペレーティングシステムアプリケーションです。 setuphost.exe Mode ...

2020-01-14CSS, CSS アニメーション サンプル集

CSSだけで流れる文字を作成するCSSアニメーションサンプルパターン集になります。 共通HTML <div><p class="text">流れる文字のCSSアニメーション</p></div> 右から左へ流れる文字の ...

2020-01-06背景画像, フリー素材

旭日旗デザインの背景画像(フリー素材)です。通常の旭日旗デザインから青ベース、金色ベースのものを作成しました。 旭日旗の背景素材画像一覧 白背景の旭日旗 ノーマルタイプの旭日旗・白背景、フリー素材背景画像、サイズは横1800px縦1000p ...

2020-01-04CSS, CSS デザイン

CSSを使って作る旭日旗のサンプルコード集です。 旭日に16本の旭光が射す旭日旗のCSSデザインで、影付きや青色バージョンも作成しました。 旭日の位置や大きさ、旭光の幅などをCSSで簡単に編集できるようにしました。 旭日旗、ノーマル See ...

2020-01-04CSS, CSS デザイン

リンク先の説明書きなどに使われるCSSだけで作るマウスホバー時にポップアップするバルーンポップアップ・ツールチップのデザイン集です。 共通HTML 紹介しているサンプルCSSの共通部分です。 HTML <ul> <li>MENU ...

2020-01-04JavaScript, JavaScript イベント

JavaScriptを使ってCSSのスタイルを動的に変更する方法です。 要素の背景色を変更するボタン、要素のポジションを変更するボタン、また.styleで指定可能な主なstyle属性一覧を紹介しています。 要素の背景色を変更するボタン Ja ...

2020-01-04JavaScript, JavaScript イベント

JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントを実装する方法です。 マウスホバーイベントを実装する方法 JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントはaddE ...

2020-01-04JavaScript, JavaScript 取得

JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...

2020-01-04JavaScript, JavaScript 取得

JavaScriptを使って現在表示中のページがHTTPかHTTPSかを判別する方法です。 またHTTPの場合にHTTPSのページにリダイレクトする方法も紹介しています。 httpかhttpsかを判別する方法 location.protoc ...