WEB / アプリ 【CSS】CSSセレクタに正規表現が使える！記述方法について
今回はCSSセレクタで正規表現が使えてめちゃくちゃ便利！なことに気づいたよというお話です。肉玉にゃんこちなみに完全な正規表現ではないですが知ってるとかなり柔軟に要素指定ができるようになりますにゃ〜！▼拡張機能「Stylus（スタイラス）」な...
css
WEB / アプリ 
WEB / アプリ 【Stylus】Amazon Photoのサインインボタンを巨大化【コピペOK】
今回は拡張機能Stylus（スタイラス）でAmazon Photos（アマゾンフォト）のサインイン画面の「サインイン」ボタンを巨大化させてクリックしやすくしたよというお話です。肉玉にゃんこコードをコピペするだけでサクッと再現できますにゃ〜！...
ブログ・サイト 【CSS】flexboxでボタンを下揃えができない！時の苦肉の策【画像周りに余白なしデザイン】
今回はflexboxでflexアイテム内のボタン（一番下の要素）がどうしても下揃えができない！時の苦肉の策のメモ書きです。肉玉にゃんこ本記事はあくまで筆者が編み出した苦肉の策なので、もっとスマートな記述法があるかもですにゃ～ただ、同じように...
ブログ・サイト 【WordPress】ブロックエディタでLINE風吹き出し【テーマ依存なし・プラグイン不要・コピペOK】
LINE風吹き出しをブロックエディタ（Gutenberg）でもっと手軽に出来ないかな〜と試行錯誤してると良さげなのができちゃったので、やり方とCSSコードを共有します。コピーペーストしてもらってもオッケーですが、下記注意点を了承の上でよろし...
プログラミング 【CSS】line-heightの詰める方だけが効かない時の解決法
とっちゃん@nyanco! です。今回はline-heightの詰める方だけが効かない時の対処法【解決済】のご紹介です。line-height で「行間を詰める」ができないwebページのテキストの行間を調整したい時、CSSのline-hei...
プログラミング 【CSS】htmlとCSSで画像を左右センター＆キャプション左揃えにする方法
とっちゃん@nyanco! です。今回はhtmlとCSSで画像を左右センター＆キャプション左揃えにする方法です。実現させたいレイアウト実現させたいレイアウトはこんな感じです。本文テキストは左揃え、画像は中央揃え、画像のキャプションは画像の左...
WEB / アプリ 【Stylus】ブラウザの拡張機能「Stylus」がすごく便利！【CSS】
今回はブラウザ（Google Chrome、Firefoxなど）の拡張機能「Stylus（スタイラス）」がすごく便利！というお話です。肉玉にゃんこ筆者にとって最早なくてはならないツールとなってますにゃ〜！そもそも「拡張機能」とは？そもそもブ...