dl要素のcompact表示をCSSで実現する

CSS

HTML4の頃に dl要素に compact なる属性があり、それを指定すると

用語: 説明文

のような簡潔な形式で表示されるはずだったのだが、残念ながらそれを実装したブラウザはなかった。けれど中国語のスクリプトの表記などでどうしても使いたかったので、dt, dd の表示を変更 - koba::blog の方法でCSSで実現していたのだが、

用語: 説明文
長い用語: 説明文

のように用語が長い場合に表示がずれてしまって美しくない。これを

用語: 説明文
長い用語: 説明文

のように表示したいと常々思っていたのだが、やり方を思いついたので実装してみた。

2018-12-23

はてなブログのスマホ向け表示を微調整する

CSS

f:id:xlc:20181222213423p:plain:w280:right

はてなブログが数年前に正式リリースされた時に、はてなダイアリーから乗り換えなかったのには理由があって、

スマホ向けの表示が見にくい(特にソースコードの引用)
トラックバック機能がない*1
fotolife連携、はてなグラフ引用、キーワードクラウドなどの機能がない

のが気に入らなかったから。特にソースコードの引用は上の画面のようなありさまで、はっきり言って読めたもんじゃない。

f:id:xlc:20181222214009p:plain:w280:right

今回、はてなダイアリーのサービス終了により、はてなブログに移行せざるを得なくなったのだが、ソースコードの見にくさだけは我慢がならない。CSSを修正して右の画面のような表示にしたいのだが、はてなからアナウンスされているカスタマイズの方法は「レスポンシブデザイン」に対応したCSSを書くこと。これは「スマホ専用のCSSを適用する機能はないので1つのCSSで工夫して書いてください」と言っているに過ぎない。私もレスポンシブデザインに対応したCSSを書いて修正したのだが、はっきり言ってかなり手間がかかる。

なんとか簡単に「微調整」できる方法はないかと探していたのだが…… ありました！

*1:これがないと後から記事を引用した時に手動で逆リンクを追加しないといけない

2018-12-22

はてなブログのデザインを変更する

CSS

はてなダイアリーが1月28日に終了することになったので、はてなブログに引っ越しました。はてなダイアリーでは自分でカスタマイズしたデザインを使用していたので、はてなブログでも同じデザインになるように変更します。

2018-09-24

Macでftpを使えるようにする

HighSierra

プロバイダが提供するWebページサービスのファイル転送が未だにFTPしかサポートしていないのですが、High Sierraからftpコマンドが削除されてしまいました。Macで使えるFTPクライアントもあるようなのですが、コマンドラインから使いたいのでHomebrewでインストールします。

2018-05-13

Apacheの起動と設定

HighSierra

High Sierra でもやはりWebサーバを起動するUIはありません*1。Apache 2.4 がインストールされているのでこれを起動し、各ユーザが .htaccess で動作を変更できるよう設定します。

*1:Mac OS X 10.7 Lion までは環境設定に「Web共有」の項目があったらしいのですが

2018-05-08

SSH鍵の交換

HighSierra

Homebrewのアップデート - koba::blog の続き。Mavericks時代に SSH接続に公開鍵を使う - koba::blog でSSH鍵を作成しており「移行アシスタント」で移行もされているのですが、メールアドレス部分が koba@angie.local になっていて新しいMacBookのマシン名と一致しないので、Connecting to GitHub with SSH - User Documentation にしたがい新しい鍵を作成します。

2018-05-06

Homebrewのアップデート

HighSierra

High Sierra の入力設定 - koba::blog の続き。MavericksからHigh Sierraへの移行には「移行アシスタント」を使いましたが、CVS、RCS、Node.jsなどHomebrewでインストールしたコマンドラインツールは移行時にアップデートされていません。手動でアップデートします。

2018-05-01

High Sierra の入力設定

HighSierra

Mavericksがやってきた - koba::blog 以来4年半使っていたMacBook Pro。使い勝手に全く不満はなかったのですが、バッテリーが膨張してきたので買い替えました*1。以前のは Mavericks(OS X 10.9.5)のままだったので High Sierra(macOS 10.13.3)までまたも一気に4世代アップです。

トラックパッドと文字入力の方法を現在と合わせておかないと気持ちが悪いので、データ移行の前に入力周りの設定だけ行っておきます。

*1:膨張がはじまってから1年半、だましだまし使ってた