パイライト（黄鉄鉱）入荷しました！ 個人的に、すごくカッコイイ形状だと思います。 パイライトの言い伝えとして、物事を前進させる力があるそうです。 停滞した状況やプロジェクトなど、何か変えたい、前に進みたいときは、 このお守り石を近くに置いてお…

Windows 10 「設定」＞「システム」＞「ディスプレイ」 下記の「夜間モード」を「オン」 画面が茶色になって、ブルーライトが軽減されます。 オンとオフで、↑くらい違って見えます。 （上図はイメージです） 目が夜間モードに慣れた後で、オフにしてみてくだ…

忙しいときほど余計なことをしたくなるもので、 本日は、はてなブログのタイトルの下のブログ説明に ランダムで文字を追加しようと思います。 ◆手順 1.ブログの「デザイン」設定ページへ行きます。 2.ブログテーマの設定が表示されますが、 ひるまずに下図赤…

Windows 10のブラウザ上で游ゴシック体が細くて見づらい原因は cssでfont-weightを正しく設定していないためでした。 font-weightを無指定、つまり font-weight:normalだと 最も細いウェイト、 「游ゴシック Light」 が表示される模様。 ▼具体的な対策 「游…

サイト内に月齢を表示するために、 下記を参考にさせていただきました。 https://news.local-group.jp/moonage/moonage.js.txt 今のところ、順調に表示されています。 月の画像は月齢に合わせて 「0.png」～「29.png」を用意すれば 大丈夫だと思います。 ア…

AndroidのChromeで現象確認。（2017年9月） 「中国語（繁体字）のページです。日本語に翻訳しますか？」 と突然、Chromeが翻訳を提案してきました。 いやいやいやいや。 これ日本語のページですから！ ワタシ ニホンジン デス！ というときの対策メモです。 …

htmlページをスマホで閲覧した際に小さく表示される場合に確認する備忘録です。 <meta name="viewport" content="width=device-width, initial-scale=1" /> 上の1行を忘れると、スマホで小さく表示されます。 この1行を書くと、スマホ対応ページ風になります。 ＃浦島太郎状態なので、色々忘れてますね。</meta>

検索結果にパンくずを追加したいと思ったときのメモです。 おおよそ下記のような形でいけました。 具体的には文書内にschema.orgのbreadcrumbを追加します。 ■HTML <nav id="breadscumb" class="breadscumb"> <ol itemscope="" itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"></li></ol></nav>

なにこれ怖いと思ったのでメモ。 記述をミスしたため、 ファイルの中身が消えた 【ご注意】絶対に真似しないでください。 当サイトのご利用に際して生じたトラブルについては、 一切責任を負いかねます。 var copyFile = new File(fileURI); copyFile.copy(c…

<a name="target"></a> っていつの間にか（HTML5で）非推奨になってたんですね。。 昔から、何とも言えない謎タグ感があったので、 気になってはいたんですが、 策定する方々も気になってたんですかね。 移動先はid指定でOKになったそうで、 すごくすっきりしましたね （精神的に…

スムーススクロールのjsについて、少し調べました。 多くのjsは、既存ページに設置しただけで使えるように 既存のaタグのhrefを、windowがonloadする際に javascript:void(0)に書き換えているようでした。 例： <a href="#target">ターゲットに移動するよ</a> こういう記述がonload…