CSSの記事

• 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デザイン
• 久方ぶりにSASSを使ってみる

  このブログのリニューアルで久々に一からCSSを書いている。 そしてCSS設計の本を読んだこともありBEMを使ってみている。 それにともなって素のCSSを書いて行くのはだるいなということで久々にSASSを使ってみることに。...

  2020-05-25

  CSSJavaScriptSASS開発日誌
• CSS設計完全ガイドを読んでCSS設計完全に理解した

  カオスになりがちなCSSのコーディングをなんとかしたいと言うことで手に取ってみた。 CSS設計完全ガイド ～詳細解説＋実践的モジュール集 Amazon 単体のHTMLタグにスタイルを当てない方がいいとか、ID要素にスタイ...

  2020-05-18

  CSSCSS設計デザイン本