- 2023.02.27
- Font Awesome, Liquid, Shopify,
ShopifyにFont Awesome（無料版）を導入する
「Shopify Font Awesome」でググったときの1ページ目に日本語の記事がひとつも出てこないの、まじか…と思ったので書いておきます。 まあ、普通にFontAwesomeのファイルをasse […]
css
1/7ページ
- 2022.12.24
- css, Discord, Discord Streamkit Overlay, OBS, YouTube,
【2022年12月仕様変更対応コード】Discordの立ち絵アニメーションOBSカスタムCSS解説
2022年12月16日ごろ、Discord Streamkit Overlayの仕様が変わったらしく、各所で「OBSでぴょこぴょこさせているアバターが動かなくなった！」っていう阿鼻叫喚が起きていたよう […]
- 2022.02.10
- css, Discord, Discord Streamkit Overlay, OBS, YouTube,
Discordの立ち絵で待機モーション&リップシンクを実現するOBSカスタムCSS解説
2022年12月24日追記2022年12月16日ごろにDiscord Streamkit Overlayの出力ソースが変わったらしく、class名等を調節しないと動かなくなりました。新仕様対応コードの […]
- 2022.01.08
- Among Us, Discord, Discord Streamkit Overlay, OBS, YouTube,
Discord Streamkit Overlayの設定が反映されない問題で悩んでる人のためのCSS
Discord Streamkit Overlayのフォントサイズとアバターがいつの間にか変わった？ 2022年12月19日追記： 16日ごろにDiscord Streamkit Overlayの出力 […]
- 2021.06.18
- Among Us, css, CSS Custom Propaties, CSS変数, Discrod,
OBS x DiscordのカスタムCSSを変数化してAmong Us配信時の設定作業を楽にする
Among Usの録画をOBSで行い、Discordのメンバーと連動させてアイコンを表示させるカスタムCSSについて、以前こんな記事を書きました。 コンセプトとしては、ユーザー別にOBSのソースを持た […]
OBSでDiscordの口パクさせるCSSをスマートにしたかった
2022年12月19日追記：16日ごろにDiscord Streamkit Overlayの出力ソースが変わったらしく、class名等を調節しないと動かなくなりました。時間ができたら新仕様対応のコード […]
- 2020.02.27
- border, border-image, conic-gradient, css, gradient,
CSSのconic-gradientを使ったボーダー付きサークル
今回はconic-gradientを使ったボーダー表現について。久々にCSSのtipsメモです。 Twitterでちょっと前にグラデーションを使ったこういうボーダーの話題が出たんですが、 これソースを […]
web帳票を実務でやった（Laravel&SnappyPDF）のでCSSで気をつけることを教える
web帳票PDFのスタイリング方法 web帳票といえばQiitaのこの記事。 そろそろ真面目に、HTMLで帳票を描く話をしようか 実に3年前、業務システム受託開発がメインの企業でたった一人のデザイナー […]
CSS3のたった1行で要素を中央寄せにする裏ワザ
CSS3で中央寄せの技は数あれど これまでのCSS界（そんなものあるのかは知らない）では、TRBLメソッドやネガティブマージンなどを用いてモーダルなどの中央寄せを実現してきました。 幅や高さが固定でな […]
吹き出しの三角をCSSで作るのはわかったから透過させてくれ
吹き出しをCSSで作る方法はメジャーになったが透過するのが難しい teratailでこんな質問を見つけました。 画像を使用せず、画面に枠付き吹き出しをつけ、背景は透過したい。かつ、そこに表示するテキス […]