ウェブ制作 - 4mat.jp https://4mat.jp/ ウェブページ制作や関連技術について ja Copyright 2025 Sun, 30 Oct 2022 18:56:35 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss Firefox のスクロールバー、変わった？ ん？ 今気づいたけど PC 版 Firefox のスクロールバー、変わった？ なんか、めちゃくちゃ細くなっているんですけど。縦も横も。っていうかスクロールバーのために確保された領域がなくなってウェブページの上にそのままオーバーレイ表示されようになったのか……。 https://4mat.jp/2022/10/301856 https://4mat.jp/2022/10/301856 ウェブ制作 Firefox Sun, 30 Oct 2022 18:56:35 +0900 ハンバーガーメニューを用意しました 三(3)というかギリシャ文字のΞ(クスィー)というか数学記号の≡(コングルエント) (合同) みたいなやつ。 この部分をタップすると PC で見たときに右側に見えるリンクメニューが現れるようになっています。横幅の狭い画面ではこういうのが便利ですね。 ではでは、また！]]> https://4mat.jp/2022/02/172118 https://4mat.jp/2022/02/172118 ウェブ制作 スマートフォン ハンバーガーメニュー Thu, 17 Feb 2022 21:18:41 +0900 OGP とか Google構造化データとOGPとTwitterカードを入れ子に組み合わせる | Journal | COLUS IMG CO. より。

こうみるとこの時点で既に冗長なところがあり、titleタグ、meta description、link canonical の内容が、og:title、og:description、og:urlと重複している。検索結果とSNSでのシェアの際に別の情報を表示したいことはあまりないと思われるので、これらの記述をまとめられないかと考え、下記のValidatorを使い幾つかの記述のテストを行った。

同じようなこと考えている人もいたんだなあ、っと。いや、なんかね、見たら meta 要素の name 属性と property 属性って内容一緒だし共有できないものかと思っていたんですよね。実際に試した人がいて参考になります。 ところで、ハッピー・バレンタイン。]]> https://4mat.jp/2022/02/142150 https://4mat.jp/2022/02/142150 ウェブ制作 HTML OGP Mon, 14 Feb 2022 21:50:12 +0900 ウェブサイトの名前を戻しました 明日から 2 月ですね - 4mat.jp より。

ところで気づいた人もいるのではないかと思いますが、このウェブサイトの名前を 4mat.jp から 4mat に変え、ロゴも新しくしました。

ついこの間ロゴと名前を変えたばかりなのですが、もう戻しています。というかフォントを変えて微妙にデザインを新しくしています。気づいた人はいらっしゃるかしら。]]> https://4mat.jp/2022/02/121540 https://4mat.jp/2022/02/121540 ウェブ制作 サイト名 ロゴ Sat, 12 Feb 2022 15:40:11 +0900 なんかもう忘れているんだけど タグ…… - 4mat より。

このウェブサイトの記事にタグをつけているのですが、まあ、これがリスト (li) とかでなく段落 (p) としてマークアップされていることに、ちょっとモヤっとしているわけでして。そのうち気が向いたら直しておこうと思います。

もはや何のリストだったのか忘れている件。トップページの新着記事一覧かな？ っていうか自分がはっきり書いていなかったせいでモヤっとしてしまったら意味わからんですね。]]> https://4mat.jp/2022/02/121252 https://4mat.jp/2022/02/121252 ウェブ制作 Sat, 12 Feb 2022 12:52:40 +0900 ダークモードに対応しました 流行(はや)っているみたいな感じなので、この 4mat もそれっぽい色の組み合わせを作って対応しておきました、ダークモード。 スマートフォンや PC でダークテーマとかダークモードとかになっている状態でこのウェブサイトを見てもらえれば、白く涼しげないつものページが黒く引き締まった感じに見えると思います。電池が減っていてエコモードとかになっていると勝手にダークモードになったりするらしいですね。どうでもいいけど。 なんだか最近の液晶画面だと黒が多いほうが電池の減りが穏やかになるらしいですよ。ほんと、よくわからんけど。 PC だと UI のテーマ色がダークカラーになっていたりするとウェブブラウザの表示もダークになるらしいですよ。格好いいですね、暗黒(ダークネス)。]]> https://4mat.jp/2022/02/022028 https://4mat.jp/2022/02/022028 ウェブ制作 ダークテーマ ダークモード Wed, 02 Feb 2022 20:28:07 +0900 タグ…… Unicode(ユニコード) に絵文字があるんだから、それ使ったほうがいいんじゃないかしら？ なーんて思ってみたり🤔 ところで CSS で使える :is() ってやつ、便利。]]> https://4mat.jp/2022/01/200019 https://4mat.jp/2022/01/200019 ウェブ制作 Web タグ 絵文字 Thu, 20 Jan 2022 00:19:29 +0900 タイトルいらなくね？ 今さらだけど、タイトルいらないんじゃないか、って思うんですよ。 ついでにカテゴリー分けもいらなくね？ って思うんですよ。 要するにブログじゃなくてもよくね？ って思うんですよ。 じゃあ、なんで今までブログでやってきたんだろう、って思うじゃないですか。 なんでだろ？ https://4mat.jp/2021/03/221935 https://4mat.jp/2021/03/221935 ウェブ制作 Mon, 22 Mar 2021 19:35:27 +0900 ウェブサイトを常時 SSL 化しました それに伴い URI の先頭が http から https に変更になっています。 なお現在は今まで通りの URI でもアクセスできますが、将来的にアクセスできなくなるかもしれない (というか僕の気分次第) のでリンクを張っている場合は早めに修正をお願いします。]]> https://4mat.jp/2018/04/251859 https://4mat.jp/2018/04/251859 ウェブ制作 HTTPS SSL Wed, 25 Apr 2018 18:59:34 +0900 HTML5 の文書型宣言 https://4mat.jp/2014/01/052155 https://4mat.jp/2014/01/052155 ウェブ制作 HTML5 文書型宣言 Sun, 05 Jan 2014 21:55:45 +0900