ホームページ制作の役立ちメモ

ウェブ制作の個人技術メモ。
とりあえず、自分的に役立ちそうなモノ・情報を覚え書きとして掲載してます。

下記方法でとりあえず動いた。

①Local by Flywheel 3.3.0 アンインストール

②Oracle VirtualBox アンインストール

③最新版のLocal by Flywheel 5.5.3 をインストール



Oracle VirtualBoxが完全に削除できていなかったようだけど、まぁ動くから良しとする。

Local by Flywheel 5.5.3 にすると、起動が速いので助かる。

ただ、過去のサイトデータは移行されないので、自分で何とかする必要がある。

GoogleのLighthouseは、chromeの拡張機能として設定できます。




Performance、Accessibility、Best Practices、SEO、PWAについて、100点満点で採点されます。

現在は英語版しかありませんが、凄く便利なツールです。

CSS 遅延読み込みの記事です。


凄く参考になります。

■概要
<link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'">
「media="print"」指定により、ブラウザは非同期にスタイルシートをロードします。
その後、「onload="this.media='all'」指定により、ロードが完了したにメディアタイプが all に変更することで、適用されます。

内部スクロール用のjQueryです。
スムーズなscrollとなります。



$(function(){
  $('a[href^="#"]').click(function(){
    var speed = 500;
    var href= $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $("html, body").animate({scrollTop:position}, speed, "swing");
    return false;
  });
});

ホームページのフォントで迷ったら、


フォントサイズの参考

https://pecopla.net/web-column/fontsize-css



WEBフォント指定の参考

https://pando.life/qwintet/article/216


ありがとうございます

↑このページのトップヘ