些細な日常

ブログの表示速度を PageSpeed Insights で調査すると改善できる項目として「オフスクリーン画像の遅延読み込み」が出て来て取り入れると0.1秒くらい短縮できると分かる。 オフスクリーンの非表示の画像は、クリティカルなリソースをすべて読み込んだ後に遅れて読み込...

今までブログに 目次のジャンプリンク や フローティングの戻るボタン を設置して来た。HTMLのリンクタグのaを使ってページ内のidを持たせた場所へ移動するように作成しているけど、ところが何もしないままのデザインだと一瞬で、目的地に着いてしまって周りが文字だらけならばそれこそ雰...

ボタンで複数の画像を切り替える方法 をやってみたら二枚目以降の画像の読み込みが遅くて参った。何とかならないかと調べてみたらHTMLの「rel="preload"」を使うと助かると分かった。ファイル毎のブラウザの先読みを可能にするからJavaScriptで後か...

HTMLのマークアップをJavaScriptのプログラミングで書き換える、またはサイトのソースコードを置き換えるには innerHTML が良く使われる。 Element.innerHTML プロパティは、要素の子孫を記述する HTML 構文を設定または取得します。 ...

Dateクラスのコンストラクタ関数を使うとDateインスタンスを素早く生成できる。 An Owl on a tree branch by Lepale [ CC0 ], via Pixabay 四つの構文と使用可能なオブジェクト Dateオブジェクトは UTC...

HTMLの リソースヒント （ 日本語訳 ）に載っているlinkタグの「rel="preconnect"」がサイトの表示速度を上げるのに役立つと知ってブログに取り入れたんだ。 速くなるのは確かながらほんの僅かで、体感上、殆ど変わらないようだけど、しかしブラ...

Bloggerの 2017年の公式テーマ のContempoとSohoとEmporioとNotableのソースコードの冒頭付近に normalize.css が付いている。 normalize.cssはcssの標準化を意味していてブラウザ毎のサイトのhtmlのデフォルトの...

無料ブログのBloggerは独自ドメインを設定してレンタルサーバーとして無料で使うことができる。独自ドメインで有料ブログを運営する際にはレンタルサーバーの料金もかかるのが一般的だから安くても年間数千円が差し引かれるのは非常に嬉しい。 機能も殆ど変わらない。個人的に Googl...

サイトでファビコンやウェブクリップアイコンを設定すると訪問者の利便性が上がるから良いと思う。前者はブラウザのタブでサイト名の先頭に付けられる。後者はスマホ／タブレット向けのショートカットアイコンで、ブラウザのブックマークでサイト名の先頭に付けられたり、ホーム画面に追加するとデバイ...

html5のサイトはdetailsタグで開閉メニュー／アコーディオンを簡単に作れると分かった。バージョン5.1から新たに加わった要素らしくて発表されないまま、かつて jQueryを使って難儀に臨むしかなかった 気持ちが嘘みたいに晴れ上がっている。本当にhtmlのマークアップだけで...

サイト作成でコンテンツのマークアップを行ったhtmlにデザインを付けるのがCSS（Cascading Style Sheets／カスケーディングスタイルシート）だ。記述がhtmlのようにタグで囲むだけではないからちょっと難しい。 僕は基礎を覚えるのに十年くらいかかった。デザイ...

タブレットの Chrome ブラウザで検索エンジンが使えなくなった。初めてではなくて偶に起きる。エラーが出るのはなぜなのかが分からなくて混乱するし、ブラウザのChromeのせいだと真っ先に思う。 Google を使っていて「このサイトにアクセスできまん／ウェブページは一時的に...

Bloggerはウェブの編集のテーマのカスタマイズの上級者向けの項目からブログに使用するフォントを素早く変更できる。 ページのテキスト ブログタイトル タブのテキスト 投稿 投稿タイトルのフォント 投稿タイトルのストリームのフォント 投稿のテキストのフォント 引...

ホームページ で Google Fonts の Early access から 日本語フォントのNoto Sans Japanese を無料で使っている。とても気に入っていて Androidのスマホでマシュマロから搭載されている のも嬉しいかぎりだ。 しかしWebフォントとし...

Appleのパソコンやタブレットやスマホが動作している大元のシステムアプリのiOSのデフォルトのブラウザは Safari という。インターネットのサイトを閲覧・操作できる。Safariには幾つかの検索エンジンを使い分ける機能が付いているけれども何もしないと Google 検索をデ...

Chroma ブラウザで新しいタブを開くとGoogle検索が出て来て検索窓の上はロゴだけれども画像が付いている場合もある。 Google Doodle のイラストで記念日を紹介している。 6月1日 via Google 今日は色鮮やかな蝋燭が幾つも並んでいて何だろうという...