CSSの記事

• Tailwind CSSがちょうどいい感じだった件

  Next.jsとの組み合わせで使っていてなかなか良いと感じた。 実際使ってみた感想としては CSSのクラス名を考える作業から解放される ゆえにアドホックにサクサク書ける 同じスタイルを2度以上使う場合はその部品をコンポー...

  2021-09-11

  CSSNext.jsTailwind CSS
• IE11のElement.scrollLeftが効かないときにCSSを直した話

  最近はJavaScriptとCSSを良く書いているのだが。IE11対応してると意外と動くじゃんと言う感想と投げ捨てたいという感想がないまぜになる。 ある要素内を横方向にスクロールしたいという処理でIE11だけどうにも動か...

  2021-02-15

  CSSIE11JavaScript
• Reactのコンポーネントにスタイル適用どうするの

  色々なコード見てると色々な書き方があって初心者からするとカオス。結論を言うと普通にCSS書いてclassNameでCSSクラスを指定する（classはJavaScriptの予約語のためPropsに使えない）のでOK。 色...

  2020-09-10

  CSSJavaScriptReact
• ブロックエディタにテーマ独自のクラスを利用したスタイルを適用する

  ブロックエディタの表示にテーマのCSSを当てると、コンテンツエリアは完全なWYSIWYGに近くなり、いちいちプレビューしないでもイメージ通りに編集していくことができる。そのためにはafter_setup_themeフック...

  2020-07-11

  CSSWordPressテーマ作成ブロックエディタ
• このブログのデザインをリニューアルした

  おもむろに新しく作成した自作のテーマを先日適用した。まだ直したいところはあるがとりあえず形にはなっているので、完璧にこだわりすぎてエターナルしないように。 リニューアルの経緯 このブログは今まで既成のテーマを使っていたの...

  2020-06-28

  CSSFigmaデザインブログ運用個人開発
• 隣接セレクタを使って要素の並びに応じたマージン調整を行う

  見出しや段落といった要素の間にマージンを設定するのに、要素の並び方によって違和感を感じることがある。 例えばh3とh4であれば「h3のあと段落や画像など他の要素を挟んでh4となる場合」と「h3のすぐ下にh4となる場合」な...

  2020-06-17

  CSSデザイン