Windowsエディションの確認方法

2021-02-15Windows10 確認方法,Windows10

Windows10の操作で「HomeかProか」「正規のWindowsかどうか」など知りたい場合に、かパソコンにインストールされているWindowsのエディションを確認する方法の紹介です。 コントロールパネル、設定、システム情報アプリ、コマ ...

Windows10

2021-03-20Windows10,Windows10 プロセス

GoogleIMEJaConverter.exe(Google 日本語入力 コンバーター)は、Google日本語入力の利用時に日本語を入力・変換する際に実行されるGoogle日本語入力のアプリケーションです。 Google日本語入力(Goo ...

Windows10

2021-03-20Windows10,Windows10 プロセス

GoogleIMEJaCacheService.exe(Google 日本語入力 キャッシュサービス)は、Google日本語入力の辞書データをメモリ上へ読み込んでおくことで、文章の変換時にリストされる辞書の表示を高速化させているアプリケーシ ...

GoogleCrashHandler.exeとは

2021-02-12Windows10,Windows10 プロセス

GoogleCrashHandler.exe(Google Crash Handler)は、Googleのアプリケーションでクラッシュ報告機能をオンにしている場合に実行されるアプリケーションです。 GoogleCrashHandler.ex ...

fontdrvhost.exeとは

2021-02-12Windows10,Windows10 プロセス

fontdrvhost.exe(Usermode Font Driver Host)は、Windowsアプリケーションにて拡大・縮小などフォントサイズの変更時に実行されるシステムアプリケーションです。 fontdrvhost.exe Use ...

dllhost.exe(COM Surrogate)とは

2021-02-12Windows10,Windows10 プロセス

dllhost.exe(COM Surrogate)は、特定のアプリケーション及びサービスやエクスプローラー上のサムネイル作成を実行する実行アプリケーションです。 dllhost.exe COM Surrogate dllhost.exe( ...

CSSだけで画像にモザイク処理を施すサンプル

2021-02-13CSS,CSS デザイン サンプル集

CSSだけで画像にモザイク処理を施すデザイン方法の紹介です。 CSSでモザイクというと、単純なぼかし処理というイメージですが、今回はブロック型のモザイクというのか方眼型のモザイクというのか、はたまたピクセルモザイクなのか、タイル調モザイクか ...

CSSで内側に線を描くボーダーインラインのデザイン集

CSS,CSS デザイン サンプル集

CSSでHTML要素の内側に線を描画するインラインボーダーのデザインのサンプルコード集です。 内側に線を描く方法として、4種類のパターンを紹介しています。 サンプルでの見え方は殆ど同じになっていますが、それぞれメリットとデメリットがあります ...

rgbをrgbaに変換する

JavaScript,javascript DOM操作

javascriptで取得したrgbに透過度を加えてrgbaに変換して利用したい場合の簡単なサンプルコードです。 rgbをrgbaに変換する javascriptの「style.backgroundColor」などで色を取得した場合、rgb ...

backdrop-filterを使ったCSSデザイン集

CSS,CSS デザイン サンプル集

backdrop-filterを使ったCSSデザインサンプル集です。 backdrop-filterの基本 cssのbackdrop-filterは、指定したHTML要素の下にあるHTML要素の重なりあう部分に対してフィルターをかける事がで ...

マウスホバーで一文字ずつ回転するCSSアニメーションサンプル

CSS,CSS アニメーション サンプル集

マウスホバーでテキストが一文字ずつ回転するCSSアニメーションの紹介です。 See the Pen CSS | scroll-snap-type: y mandatory by yochans (@yochans) on CodePen. ...

CSSでピタッと止まるスナップスクロールを実装する

CSS,CSS デザイン 基本

CSSのscroll-snap-typeプロパティを利用してスクロール操作時に要素の境界でピタッと止まるスナップスクロールを実装する方法のサンプルコードです。 See the Pen CSS | scroll-snap-type: y ma ...

visibilityで非表示の親要素の中で子要素だけ表示する

CSS,CSS デザイン 基本

CSSのvisibilityプロパティを使って非表示の親要素の中で子要素だけ表示する方法を紹介しています。 See the Pen CSS | visibility by yochans (@yochans) on CodePen. 非表示 ...

css-initialで継承されているプロパティのスタイルを解除する

CSS,CSS デザイン 基本

CSSのプロパティにinitialを指定する事で継承されているプロパティのスタイルを解除します。 initialで継承スタイルを無効にする 継承されている全てのスタイルを解除するには「all」にinitialを指定します。 all: ini ...

text-strokeを使った縁取り文字のサンプル集

CSS テキストデザイン サンプル集,CSS

CSSのtext-strokeを使った縁取り文字のサンプル集です。 See the Pen CSS | Text Stroke by yochans (@yochans) on CodePen. text-strokeのベンダープレフィック ...

画像下の余白を消す方法

CSS,CSS 画像

imgタグの画像下に謎の余白ができる原因とCSSでその余白を消す方法のサンプルコードの紹介です。 WEBコーディングで誰もが一度は躓くと思われる部分ですね。paddingやmargin、borderの値などなど変更してもこの余白が消える事は ...

サムネイル画像をふわっと拡大させる

CSS,CSS アニメーション サンプル集

サムネイルなどの画像をふわっと拡大させるCSSアニメーションのサンプルコードの紹介です。 See the Pen CSS | Enlarge image animation by yochans (@yochans) on CodePen. ...

テキスト・文字を左右反転表示する

CSS,CSS テキスト 基本

文字やテキストを左右反転表示するCSSのサンプルコードです。 See the Pen CSS | Flip the text horizontally by yochans (@yochans) on CodePen. テキスト・文字を左右 ...

ぷるぷるっと震えるCSSアニメーションサンプル

CSS,CSS アニメーション サンプル集

CSSを使って一定間隔でぷるぷるっと震えるアニメーションのサンプルコードです。 See the Pen CSS | wobbling animation by yochans (@yochans) on CodePen. サンプルでは円のH ...

波紋が広がるCSSアニメーションサンプル

CSS,CSS アニメーション サンプル集

CSSだけで作る波紋が広がる演出のアニメーションサンプルです。 複数の波紋アニメーションを同時に出現させるサンプルなども紹介しています。 波紋アニメーション See the Pen CSS | balloons animation by y ...

風船が舞い上がるCSSアニメーションサンプル

CSS,CSS アニメーション サンプル集

CSSでいくつもの風船をふわふわ・ゆらゆらさながら舞い上がらせるCSSアニメーションサンプルです。 See the Pen CSS | wobbling animation by yochans (@yochans) on CodePen. ...

ふわふわ・ゆらゆらさせるCSSアニメーションサンプル集

CSS,CSS アニメーション サンプル集

CSSで要素や画像、テキストをふわふわ・ゆらゆらさせるCSSアニメーションサンプルです。 See the Pen CSS | Text in a circle by yochans (@yochans) on CodePen. ふわふわ・ゆ ...

borderの伸縮を使ったCSSアニメーションサンプル集

CSS,CSS アニメーション サンプル集

CSSでborderが伸縮させるアニメーションのパターンサンプル集です。 このページでは、テキストの下線として表示するborderとして紹介していますが、ボーダーのみの要素作成などの場合も基本は同じですので応用はしやすいかと思います。 また ...

CSSで円の中にテキストを敷き詰める

CSS テキストデザイン サンプル集,CSS

CSSで円型のHTML要素の中にテキストをはみ出さずに敷き詰める方法の紹介です。 黒背景や縦書きテキストでのサンプルも紹介しています。 See the Pen CSS | Text in a circle by yochans (@yoch ...

cssで画像をはみ出さないようにする

CSS,CSS 画像

CSSで画像が親要素の枠内からはみ出てしう場合に、画像をはみ出さないようにするサンプルです。 画像がはみ出るケースはいくつかあります。 border-radiusで角を丸めているpositionで位置を固定している画像のサイズ・指定したサイ ...