ページの純粋な表示速度とスピードスコア判定結果は全く同じわけではない

GoogleのスピードテストやGTmetrixのテスト結果を見て一喜一憂みたいな (´・ω・`) みなさんがそういった「テスト」をする時、何に着眼しているのか と問う記事。 たぶんほとんどが「何秒かかったか」だと思います。 スピードスコアのテストというのは 純粋に何秒かかったかということよりも ページ速度を落とす原因に対策が取られているか を教えてもらうためのものですよ。 「何秒かかったか」とはまた違います。...

Google Fonts 複数指定の書き方

Googleがホストしているwebフォントライブラリで複数の指定を行うためのtipsです。...

エキサイトブログの常時SSL化説明がわかりやすい

「2017年夏頃」の予定が大きくずれ込んで「2018年2月21日」をXデーに据えたもよう。 やっぱどこもSSL化作業は大変なんでしょうね。お疲れ様ですー (´・ω・`) エキサイトブログ運営の公式ブログでの説明がとてもわかりやすいなぁ、と思いまして。 【重要】エキサイトブログ常時SSL化実施に関してのお知らせとお願い : エキサイトブログ向上委員会お知らせいつもエキサイトブログをご利用いただきありがとうございます。こ...

Font Awesome5の使い方

先回ちょっと間違った情報を書いてしまいましたので、改めて。 毎度のことですがweb一般情報ではなく「FC2で」「私が製作したテンプレートで」の括りがつきます。私の記事は基本的にそんな感じ (´・ω・`) (めんどうなので今回も Font Awesome を FA と略称します) まるで既存のFA用i要素あるいはspan要素全てが全滅のような書き方をしてしまったのですが、実際はそうではなく。 その点の補足説明なども行おうと思います。...

html5.2ではstyle要素をbody内に書けるようになりました

意味わからへーん!な方とそうでない方といらっしゃると思いますけれども、結構重要だと思いますので記しておきます。 html5.2が既に正式勧告を済ませてますが、追加要素や廃止要素などに加え style要素をbody内に書くことがinvalidではなくなりました * invalid (インヴァリッド) = 無効, 正しくない の意...

「タグを作る」という表現は超おかしいという話し

これよくあるんですけどもね、 「ナビゲーションのタグを作成してみたのですが〜」 「YouTubeのタグを作ってもらえませんか〜」 などなど。 一般人にタグなんか作れるわけねーべや (´・ω・`) というお話。...

Font Awesomeのバージョンが5になりました【重要】

ごめんなさい。ワタクシとんでもない嘘を書いてしまいました。 疑似要素・特殊な装飾が絡んだもの及び ブランドアイコン(SNS各社など) 以外は旧コードでもちゃんとSVGに変換して表示してくれます。 お詫び申し上げます。 無料アイコンサイトの雄 Font Awesome バージョンが4から5へアップすると共にサイトもレスポンシブデザインに刷新されています。 私のテンプレートでも利用させて頂いてます。ありがとうござい...

【SSL】リンクをクリックすると「この接続ではプライバシーが保護されません」と表示される原因

これ前にも一度書いたんですけどね (´・ω・`) ちょうど良いサンプルがあるんです(笑) すみませんがお貸しください ^^;...

html5.2仕様書のp要素に関してにどうにも理解に苦しむ一文がある

えー。なにこれ。わかんね (´・ω・`) 2017年の12月に HTML5.2の正式勧告 が行われ、と同時に5.3のドラフト(草案)も公開されました。 大きな追加や変更点については <dialog> ダイアログ要素が追加されたり、これまで単一設置しか許可されていなかった <main> メイン要素の複数設置が可能になったり、といったところです。 このあたりは草案通りで特に問題ないかな、という感じ。 ところが私、どうしても...

レスポンシブとアダプティブはまたちょっと違うんだよ

先日「FC2公式レスポンシブテンプレートが全然レスポンシブじゃない。」 というクソ生意気な発言をしたのですが。 それでもスマートフォンではちゃんと収まり良く仕上がっているので、じゃあレスポンシブでないなら何なんだ、と。 アダプティブデザイン ですね。狭義にはなりますが (´・ω・`) レスポンシブとアダプティブ、どう違うねん! という内容ですけれどもそんなに深くは突っ込まない記事 ←...