フロントエンド開発の環境構築 - koba::blog で開発環境を構築した当時は webpack3 が最新だったのですが、その後 webpack4 が出ているのでアップグレードしました。
続きを読むdl要素のcompact表示をCSSで実現する
HTML4の頃に dl要素に compact なる属性があり、それを指定すると
- 用語
- 説明文
- 用語
- 説明文
- 長い用語
- 説明文
- 用語
- 説明文
- 長い用語
- 説明文
はてなブログのスマホ向け表示を微調整する
はてなブログが数年前に正式リリースされた時に、はてなダイアリーから乗り換えなかったのには理由があって、
のが気に入らなかったから。特にソースコードの引用は上の画面のようなありさまで、はっきり言って読めたもんじゃない。
今回、はてなダイアリーのサービス終了により、はてなブログに移行せざるを得なくなったのだが、ソースコードの見にくさだけは我慢がならない。CSSを修正して右の画面のような表示にしたいのだが、はてなからアナウンスされているカスタマイズの方法は「レスポンシブデザイン」に対応したCSSを書くこと。これは「スマホ専用のCSSを適用する機能はないので1つのCSSで工夫して書いてください」と言っているに過ぎない。私もレスポンシブデザインに対応したCSSを書いて修正したのだが、はっきり言ってかなり手間がかかる。
なんとか簡単に「微調整」できる方法はないかと探していたのだが…… ありました!
*1:これがないと後から記事を引用した時に手動で逆リンクを追加しないといけない
はてなブログのデザインを変更する
はてなダイアリーが1月28日に終了することになったので、はてなブログに引っ越しました。はてなダイアリーでは自分でカスタマイズしたデザインを使用していたので、はてなブログでも同じデザインになるように変更します。
続きを読むSSH鍵の交換
Homebrewのアップデート - koba::blog の続き。Mavericks時代に SSH接続に公開鍵を使う - koba::blog でSSH鍵を作成しており「移行アシスタント」で移行もされているのですが、メールアドレス部分が koba@angie.local になっていて新しいMacBookのマシン名と一致しないので、Connecting to GitHub with SSH - User Documentation にしたがい新しい鍵を作成します。
続きを読む