2021-01-01から1年間の記事一覧
先日に続き、Start Bootstrapで提供されている無料テーマをPurgeCSSで軽量化したらどの程度になるか試してみました。 前回はClean Blogというテーマでしたが、今回はAgencyとCreativeの2つです。いずれもかなり軽量化できています。 Agency Creative どの程…
Bootstrapは大変便利ですね。ただ、重たいのが気になることもあります。必要なコンポーネントだけ読み込んだとしても各々結構なサイズです。 こんな時お薦めなのが不要なCSSを削除してしまう方法です。代表的なものがPurgeCSS。上の画像は、Start Bootstrap…
パソコン版のGoogleドライブ(旧:Googleドライブファイルストリーム)は、Googleドライブをローカルドライブのように使えて人によっては大変便利だったりするようです。 ただ、1つのPCで複数のGoogleアカウントを運用している場合、ローカルドライブ的に使…
処理待ちの時間は結構長いです 私の環境だけかどうか分かりませんが、Googleマイビジネスの投稿で動画を公開しようとすると、動画を「拒否」されることがしばしばありました。 上手く公開できたときと、拒否されたときの違いは??どうも、投稿文章を書き込…
先日、ショボい共用レンタルサーバーのサイトで、CDNをjsDelivrに変えてみると劇的とは言いませんが、多少は効果を感じることができました。 そうなると調子に乗ってしまいますね!同程度にショボいサーバーをLighthouseで覗いてみました。 Bootstrapたちの…
BootstrapやjQueryたちをCDN経由で引っ張ることも多いですよね。このCDNを変えたらちょっとだけ速くなった気がします。 stackpath.bootstrapcdn.comやcode.jquery.comから 上の図は、かなりショボい共用サーバーをlighthouseで見た模様です。画像なんかも無…
Googleサーチコンソールであるサイトを眺めていると不意に「HTTP 失敗 サイトのHTTPガバレッジが不十分です」と。 そのサイト自体はSSL化済であり、httpで飛んできても301転送される設定になっています。 てっきり、読み込んでいる外部ファイルのURLが「http…
VS Bloggerって凄いですね。Googleが買収したブログシステムだそうですね。Googleサイトみたいに、使いやすいけどどうせ大したことはできないシステムに違いないと思っていました。 全然間違っていました。100%テーマを自作できるんですね。しかも1つのxmlフ…
はてなブログを始めとしていろいろなブログやCMSのサービスは、それ自身でデザイン系の機能を持っていますから、 さらにBootstrapを入れ込むって特に意味は無いかなと思いながらも興味本位で入れていました。 で、ふと思ったのですが、例えば上のような絵の…
XFREEの無料サーバーは広告が出ないと聞いてさっそく契約してみました。サーバーはHTML機能、PHP・MySQL機能、WordPress機能という3種類があるらしく、HTML機能のサーバーは広告が出ないそうで。←実際に広告は出ません。 申し込み時には、どの種類のサーバー…
Bootstrap 5にしてみたらhatenaでは動かないので4に戻したと書きましたが、それは間違いでした。 単にCDNからのbootstrap.min.cssを読み込む時にrel="stylesheet"を書き忘れていただけでした!で、気を取り直してBootstrap 5に変えました。 グリッドシステム…
HatenaでBootstrap4は問題なく使えそうだったのでBootstrap 5に変えてみました。でもちゃんと動作しなかったので速攻4に戻しました。 このサイトで試した僅か2つ。グリッドシステムとmodalどちらも作動せず。。。 jQueryの関係でしょうか。modalはver5でそも…
はてなブログ無料版では固定ページを作れない? - 彦坂明宏のHatena Blogということで、サイドバーの「カテゴリ」を使ってグローバルナビっぽいのを作ってみました。 が、同じくサイドバーに追加できるブロックとして「HTML」があるのを発見しました!最初か…
liverdoorブログでは固定ページらしきものも作れることが分かりました。 固定ページは作れませんね。 : 彦坂明宏のlivedoor blog 固定ページを作る方法 : 彦坂明宏のlivedoor blog 実際には固定ページらしい記事を作っていませんので分かり辛いのですが、あ…
追記です。この記事はBootstrap 4のときのものです。現在はBootstrap 5にしましたので下のmodalは動きません。 Bootstrapを読み込みグリッドシステムが動作していることは確認できましたので、次はmodalダイアログを出してみたいと思います。 modalダイアロ…
<head>内に何か入れて良さそうでしたのでBootstrapをCDNから読み込んでみました。この段階ではChromeのデベロッパーツールで確認してもエラーは発生していません。この記事内で適当にグリッド設定して公開してみます。エラーも発生せず、グリッド設定が活きていれ</head>…
外部のcssやJavaScriptを読み込めるということですね!