Windows10 | Windowsエディションの確認方法
Windows10の操作で「HomeかProか」「正規のWindowsかどうか」など知りたい場合に、かパソコンにインストールされているWindowsのエディションを確認する方法の紹介です。 コントロールパネル、設定、システム情報アプリ、コマ ...
GoogleIMEJaConverter.exeとは、エラーになる場合や停止方法など
GoogleIMEJaConverter.exe（Google 日本語入力 コンバーター）は、Google日本語入力の利用時に日本語を入力・変換する際に実行されるGoogle日本語入力のアプリケーションです。 Google日本語入力（Goo ...
GoogleIMEJaCacheService.exeとは、エラーになる場合や停止方法など
GoogleIMEJaCacheService.exe（Google 日本語入力 キャッシュサービス）は、Google日本語入力の辞書データをメモリ上へ読み込んでおくことで、文章の変換時にリストされる辞書の表示を高速化させているアプリケーシ ...
GoogleCrashHandler.exeとは 64ビット版との違い、エラー・高負荷の場合など
GoogleCrashHandler.exe（Google Crash Handler）は、Googleのアプリケーションでクラッシュ報告機能をオンにしている場合に実行されるアプリケーションです。 GoogleCrashHandler.ex ...
fontdrvhost.exeとは、エラーになる場合・破損している可能性など
fontdrvhost.exe（Usermode Font Driver Host）は、Windowsアプリケーションにて拡大・縮小などフォントサイズの変更時に実行されるシステムアプリケーションです。 fontdrvhost.exe Use ...
dllhost.exe（COM Surrogate）とは、重い・エラーになる場合やウィルスや破損している可能性
dllhost.exe（COM Surrogate）は、特定のアプリケーション及びサービスやエクスプローラー上のサムネイル作成を実行する実行アプリケーションです。 dllhost.exe COM Surrogate dllhost.exe（ ...
CSSだけで画像にモザイク処理を施すデザインのサンプル
CSSだけで画像にモザイク処理を施すデザイン方法の紹介です。 CSSでモザイクというと、単純なぼかし処理というイメージですが、今回はブロック型のモザイクというのか方眼型のモザイクというのか、はたまたピクセルモザイクなのか、タイル調モザイクか ...
CSSで内側に線を描くボーダーインラインのデザイン集
CSSでHTML要素の内側に線を描画するインラインボーダーのデザインのサンプルコード集です。 内側に線を描く方法として、4種類のパターンを紹介しています。 サンプルでの見え方は殆ど同じになっていますが、それぞれメリットとデメリットがあります ...
javascript | rgbをrgbaに変換する
javascriptで取得したrgbに透過度を加えてrgbaに変換して利用したい場合の簡単なサンプルコードです。 rgbをrgbaに変換する javascriptの「style.backgroundColor」などで色を取得した場合、rgb ...
backdrop-filterを使ったCSSデザイン集
backdrop-filterを使ったCSSデザインサンプル集です。 backdrop-filterの基本 cssのbackdrop-filterは、指定したHTML要素の下にあるHTML要素の重なりあう部分に対してフィルターをかける事がで ...
マウスホバーで一文字ずつ回転するCSSアニメーションサンプル
マウスホバーでテキストが一文字ずつ回転するCSSアニメーションの紹介です。 See the Pen CSS | scroll-snap-type: y mandatory by yochans (@yochans) on CodePen. ...
CSS | scroll-snapでピタッと止まるスナップスクロールを実装する
CSSのscroll-snap-typeプロパティを利用してスクロール操作時に要素の境界でピタッと止まるスナップスクロールを実装する方法のサンプルコードです。 See the Pen CSS | scroll-snap-type: y ma ...
CSS | visibilityで非表示の親要素の中にある子要素だけ表示する
CSSのvisibilityプロパティを使って非表示の親要素の中で子要素だけ表示する方法を紹介しています。 See the Pen CSS | visibility by yochans (@yochans) on CodePen. 非表示 ...
CSS | initialで継承されているプロパティのスタイルを解除する
CSSのプロパティにinitialを指定する事で継承されているプロパティのスタイルを解除します。 initialで継承スタイルを無効にする 継承されている全てのスタイルを解除するには「all」にinitialを指定します。 all: ini ...
CSS | text-strokeを使った縁取り文字のサンプル集
CSSのtext-strokeを使った縁取り文字のサンプル集です。 See the Pen CSS | Text Stroke by yochans (@yochans) on CodePen. text-strokeのベンダープレフィック ...
CSS | 画像下の余白を消す
imgタグの画像下に謎の余白ができる原因とCSSでその余白を消す方法のサンプルコードの紹介です。 WEBコーディングで誰もが一度は躓くと思われる部分ですね。paddingやmargin、borderの値などなど変更してもこの余白が消える事は ...
サムネイル画像をふわっと拡大させるCSSアニメーションサンプル
サムネイルなどの画像をふわっと拡大させるCSSアニメーションのサンプルコードの紹介です。 See the Pen CSS | Enlarge image animation by yochans (@yochans) on CodePen. ...
CSS | テキスト・文字を左右反転表示する
文字やテキストを左右反転表示するCSSのサンプルコードです。 See the Pen CSS | Flip the text horizontally by yochans (@yochans) on CodePen. テキスト・文字を左右 ...
ぷるぷるっと震えるCSSアニメーションサンプル
CSSを使って一定間隔でぷるぷるっと震えるアニメーションのサンプルコードです。 See the Pen CSS | wobbling animation by yochans (@yochans) on CodePen. サンプルでは円のH ...
波紋が広がるCSSアニメーションサンプル
CSSだけで作る波紋が広がる演出のアニメーションサンプルです。 複数の波紋アニメーションを同時に出現させるサンプルなども紹介しています。 波紋アニメーション See the Pen CSS | balloons animation by y ...
風船が舞い上がるCSSアニメーションサンプル
CSSでいくつもの風船をふわふわ・ゆらゆらさながら舞い上がらせるCSSアニメーションサンプルです。 See the Pen CSS | wobbling animation by yochans (@yochans) on CodePen. ...
ふわふわ・ゆらゆらさせるCSSアニメーションサンプル
CSSで要素や画像、テキストをふわふわ・ゆらゆらさせるCSSアニメーションサンプルです。 See the Pen CSS | Text in a circle by yochans (@yochans) on CodePen. ふわふわ・ゆ ...
borderの伸縮を使ったCSSアニメーションサンプル集
CSSでborderが伸縮させるアニメーションのパターンサンプル集です。 このページでは、テキストの下線として表示するborderとして紹介していますが、ボーダーのみの要素作成などの場合も基本は同じですので応用はしやすいかと思います。 また ...
CSS | 円の中にテキストを敷き詰める
CSSで円型のHTML要素の中にテキストをはみ出さずに敷き詰める方法の紹介です。 黒背景や縦書きテキストでのサンプルも紹介しています。 See the Pen CSS | Text in a circle by yochans (@yoch ...
CSS | 画像をはみ出さないようにする
CSSで画像が親要素の枠内からはみ出てしう場合に、画像をはみ出さないようにするサンプルです。 画像がはみ出るケースはいくつかあります。 border-radiusで角を丸めているpositionで位置を固定している画像のサイズ・指定したサイ ...