css

スポンサーリンク
WEB / アプリ

【CSS】CSSセレクタに正規表現が使える!記述方法について

今回はCSSセレクタで正規表現が使えてめちゃくちゃ便利!なことに気づいたよというお話です。 肉玉にゃんこ ちなみに完全な正規表現ではないですが知ってるとかなり柔軟に要素指定ができるようになりますにゃ〜! ...
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の...
プログラミング

【CSS】htmlとCSSで画像を左右センター&キャプション左揃えにする方法

とっちゃん@nyanco! です。 今回はhtmlとCSSで画像を左右センター&キャプション左揃えにする方法です。 実現させたいレイアウト 実現させたいレイアウトはこんな感じです。 本文テキストは左揃え、画像は中央揃...
WEB / アプリ

【Stylus】ブラウザの拡張機能「Stylus」がすごく便利!【CSS】

今回はブラウザ(Google Chrome、Firefoxなど)の拡張機能「Stylus(スタイラス)」がすごく便利!というお話です。 肉玉にゃんこ 筆者にとって最早なくてはならないツールとなってますにゃ〜! ...
スポンサーリンク