- No Image要素版 text-overflow: ellipsis を実装する方法 (省略数の表示付き)2021/4/24この動画のような動作を実現するための方法を考えたという話です。 CSS では text-overflow: ellipsis というテキストが表示エリアから溢れたときに省略記号 (…) によって省略表示できます。 これはテキストに対す …続きを読む
- PDF の差分を表示するサイトを作った2021/1/15リンク: https://diff-pdf.koharakazuya.net/ (ソースコード: GitHub) 🔗どのようなサービスか さまざまな書類代わりに PDF を使っていて「以前のバージョンからの変更点が手軽にわかったらい …続きを読む
- グラフィカルに URL を編集できるサービスを作った2020/3/25リンク: https://url-editor.koharakazuya.net/ (ソースコード: GitHub) 🔗どのようなサービスか URL の編集ができる Web サービスです。 URL は全体の文字列を直接編集することも …続きを読む
- ブログの外観を少し修正した2019/12/7Google Search Console や Lighthouse から文字が小さい、コントラストが小さい、等の指摘が出てて気になっていたので修正した。 僕自身が他人のブログを見るとき、筆者情報とコンテンツ以外に興味がないので、記事のメ …続きを読む
- AWS 管理コンソールのヘッダーをリージョン別で色分けする Stylish を作った2017/11/3こんな感じ。 AWS マネージメントコンソールを触っている人なら必要性はわかってもらえると思う。 色はリージョン名から機械的に作った。 似た色になって異なるリージョンを区別しづらいのが難点だが、リージョンが増えたときに頭を悩 …続きを読む
- No Image潰れた Flex の不思議な挙動2015/11/16<div style="display: flex;"> <input style="flex: 1;" /> <div style="flex: 0 1 600px; background-color: green;"></div …続きを読む