お読みあそばせ

もはやただの日記

デザイン・コーディング

VTuber使用率No1のOBS用デジタル時計(上用)を左用にする

VTuber使用率No1、mooncapeさんのOBS用時計(上付き)を、左付きにする調整をします。なんと右付きも可能です。

VTuber使用率No1のOBS用デジタル時計のフォントを丸文字に変更する

VTuber使用率No1、mooncapeさんのOBS用時計の文字を、丸文字に変更方法。htmlもcssも全然わからん! でも変更できる……はず。

2023年にもなってcssの並べ替えにcsscombなんか使うな。stylelintで並べ替えよう。

stylelintの設定を見直していたら、2023年にもなって「cssの並べ替えはcsscombを使おう」という記事がたくさん出てきて、目の前が暗くなった。それ、もう開発されてないよ。

github pagesでプロフサイトを作ったよ

使ってたプロフページサービスの調子が悪いので、github pagesでHTMLの簡単なペライチをプロフページとして使うことにした。

breakpointの書き方がわかりやすくなったけど、不等号の意味わかります?

大学出てからずっとHTMLとCSSと付き合ってきてるし、それで賃金を頂いているけど、いまだに一瞬min-widthとmax-widthで「どっちだ?」てなる。

切り抜き用の元動画をDLするために、やっとyt-dlpを導入したやつ。わたし。

切り抜き動画用の元動画をyoutube-dlをまだ(まだ!)使ってたんだけど、遅いのでやっとyt-dlpに乗り換えました。

ブレイクポイントとフォントサイズのmixin備忘録

最近ブレイクポイントの書き方を少し変えた。いつも「前のファイルどこだっけ…コピペコピペ…」をやるので、忘れないようにここに記す。

100万年ぶりに自分でブログテーマを作成したら、css girdのおかげで自由度が高まっていた。

収益化するなら一応WEBサイト屋さんとしてテーマをちゃんと作るか……となった。WPはもちろんだけど、tumblrのテーマなども自分で作ったことがある身としては、はてなのテーマ作成は、記事ひとつ分のcssをいじるだけなのでテーマ作成としては比較的楽だと思い…

暇だったのでブログのアイキャッチ画像作るなどした

今のはてなブログはタイトルがいい感じに自動生成されるので、いらないっちゃいらないんだが暇なので作った。実際シェアした場合のサムネイルは、もっと更新したぞ感があります。更新してないときもそれなんか? とは思ったものの、まあ自分が使うのが、主に…

OBSでコメント欄をカスタムするとき役立つ初級CSS

VTuverの配信画面のコメント欄、最近それがCSSで制御されていると知りました。 便利なジェネレーターとかありますが、ノンプログラマーのために簡単なCSSの意味を書いとこう、たまにはエンジニアらしく(※フロントエンド9割、WEBデザイン1割で生きてる)。 …

再!VScodeのプロジェクト内検索をパネル(下)に出す

euphobook.hatenablog.com以前、検索のパネル位置を操作する文言が変更になったことを書きましたが、その文言も無効になってました。 新しい方法は、アイコンをドラッグ&ドロップする!!!!適当にターミナル開いて、サイドバーのアイコンをずわっとドラッグ&…

VScodeのプロジェクト内検索をパネル(下)に出す

beautifyとかが悪さしてたんだと思うんですが、とある特定のプロジェクトだけ保存すると勝手にコードが整形されてしまうようになってしまったので、VScodeを初期化して設定などを見直しました(原因を探す方がめんどうだった)。たまに見直すといらん設定*1…

【Railsあるある】疑似要素の背景が表示されない

昨日の夜。railsで、::beforeでいれてるbackground-image: image-url(ほにゃほにゃ.svg)が表示されないのなんでや……— ユーホ (@tnkyy) 2020年3月9日 もう眠いから明日にしよ……。ということで、今朝格闘していた。 結論 疑似要素の背景画像で表示させたい場合…

フラワースタンドの札、作ってます。

フラワースタンド、出してますか? こんにちはユーホです。 私自身は役者やアイドル沼に入ったことはないものの、去年くらいからフラワースタンドの札をデザインしています。今まではメイン出演者ひとりのイベント宛でしたが、今回複数の出演者がいるイベン…