ONE NOTES

CSSのFilterにあるbox-reflectを使って、テキストや画像などを反射表示させる方法の紹介です。 box-reflectの基本 box-reflectはCSSベンダープレフィックスで機能するCSSのひとつです。2020年6月現在 ...

Chromiumベースの新EdgeもChromeのユーザーのように複数のプロファイルを同時に利用可能です。 Chromeの追加ユーザーと同様に、新Edgeのプロファイルも各種設定やパスワード、ブクッマーク・拡張機能などが独立しているので使い ...

Chromiumベースの新Edgeが正式リリースされましたので、一般的な各種設定やカスタマイズ方法をメモついでに記事として定期的に更新していくと思います。 思っていたより、軽量でしたので今後に期待しつつEdgeもメインブラウザのひとつとして ...

最新のWindowsに更新したところ、Chromiumベースで作られた新Edgeが自動インストールされていました。 Windows10の起動後、全画面で新Edgeが自動で立ち上がっており、驚いたひとも少なくないはず。 少し触ってみた体感とし ...

Windows10の切り取り&スケッチの起動、または切り取り&スケッチ上で利用可能なショートカットキーの一覧です。 切り取り&スケッチの起動方法 切り取り&スケッチを起動する方法は以下の通り。 タスクバーのワ ...

iOS 14とmacOS 11に同梱されるSafariの最新バージョンにて、WebP画像のサポートが追加されていることが確認できたようです。 Apple Adds WebP Image Support in Safari 14 - MacR ...

Windows10から利用可能となっているアプリケーション 切り取り&スケッチは「PrintScreen」の1ボタンで使えるように設定を変更可能です。 切り取り&スケッチは以下の方法でも起動可能です。 「Windowsキー ...

Windows10では、画面キャプチャの機能が「PrintScreenキーによるクリップボードへのコピー」に加え、「Windowsキー + PrintScreen」でのファイルとして画面キャプチャを保存する機能も追加されています。 この記事 ...

Windows10にてフォルダーを開いた際に、初期状態のフォルダーですとフォルダーの中身によってWindowsが自動的に設定していますので、表示が一覧表示（詳細）だったりサムネイル表示（大アイコン）だったりします。 おそらく一定数の写真など ...

Windows10にてフォルダやファイルを開くにはダブルクリックで開くようにデフォルト設定されていますが、シングルクリックで開くように設定を変更することもできます。 作業などでフォルダ・ファイルにアクセスする回数が多いと、開くのにシングルク ...

CSSで作った吹き出しデザインの色々なパターンの一覧です。 CSSの吹き出しデザイン ノーマル シンプルなCSS吹き出しパターンです。下の方にカラーバリエーション用のCSSも置いてあります。 See the Pen CSS balloon ...

Windows10でウィンドウをドラッグ中に見えなくなる（透明になる）設定の切り替え方法です。 主に、見えなくなってどこで設定してあるのかわからずに困っているひと向けの紹介記事です。 この設定がオフになっていると、ドラッグしたときに以下のよ ...

Windows10での拡張子の表示・非表示を切り替える方法の紹介です。 エクスプローラーメニューの設定 拡張子の表示・非表示の切り替えは、デスクトップを含むフォルダ全体での設定となっています。 適当なフォルダまたはエクスプローラーを開いて、 ...

ページ最下部に満足度調査の要素が追加表示されているのを初めて発見しました。 How satisfied are you with the overall experience on this web page? （このWebページの全体的な ...

Windows10 ファイルアイコンのサムネイルの表示・非表示、切り替え方法の紹介です。 デスクトップやフォルダ内に表示されるファイルのアイコンは、Windowsの設定、フォルダの設定でサムネイルへの表示・非表示を設定できます。また、One ...

CSSだけで簡単なドット絵（Pixel Art）を作成する方法の紹介です。 3×3のCSSドット絵サンプル CSSで作る3×3のシンプルなドット絵サンプルです。 See the Pen Pixel Art 3x3 by yochans (@ ...

CSSだけで要素のサイズに合わせてテキストを丸めて（省略して）末尾に3点リーダーを付与する方法の紹介です。 テキストを丸める処理は、head内のdescriptionに使う事も多くPHPの出力で行うケースもありますが、コンテンツ要素内であれ ...

CSSだけで実装するスワイプ（フリック）で横スクロールするスライドメニューの実装サンプルです。 スワイプで横スクロールするメニューの動作サンプル スワイプで横スクロールするメニューを実装した動作サンプルです。 See the Pen MEN ...

PHPのfilemtime()でファイルの更新時間を取得する方法の紹介です。 filemtime()でファイルの更新時間を取得する PHPのfilemtime()はサーバー内にあるファイルの更新時間を取得します。 返り値はUnixタイムスタ ...

Googleアドセンスの自動広告は、広告枠のことを考えなくて良くなるのが大きなメリットですが、予期せぬ場所にも広告が表示されてしまうのが悩みのタネとなっています。 そう思っていた頃が私にもありました。 この記事では、表示したくない場所に表示 ...

PHPのunlink()とforeach()、glob()を使って指定したディレクトリ内の画像ファイルのみを削除する方法の紹介です。 ディレクトリ内の画像ファイルのみを削除 PHPのunlink()とforeach()、glob()を使って ...

2020年、Search Consoleに追加された指標に「ウェブに関する主な指標」というのがあります。 これは、LCP、　FID、　CLSという3つの指標からサイトの状態をレポートしてくれる機能で、検索エンジンによる評価ではなくユーザーが ...

PHPのunlink()を使ってファイルまたは複数のファイルを削除する方法の紹介です。 unlink()について PHPのunlink()は引数に削除するファイルのパスを指定することで、そのパスにある特定のファイルを削除することができます。 ...

PHPのjson_encode()とjson_decode()を使ってJSONを配列にエンコード、配列をJSONにデコードする方法の紹介です。 json_encode()で配列をJSONにエンコード json_encode()で配列をJSO ...

PHPのmb_strimwidth()を使って、文字列を指定文字数で丸めて、末尾に三点リーダー（…）を追加する方法の紹介です。 mb_strimwidth()の基本サンプル mb_strimwidth(文字列. 開始位置, 文字数, 追加文 ...