CSS

枠線を付ける(box-shadow)

  • https://bitstar.jp/blog/2015/12/03/11709/

Font指定方法

  • https://techblog.recochoku.jp/1206

枠線

border-radius: 10px 10px 0 0;

枠線エフェクト

  • https://youtukuru.com/box-shadow

tableでheadを固定する

  • https://so-zou.jp/web-app/tech/css/sample/fixed-header.htm

上下中央ぞろえ

  • https://ics.media/entry/17522/

  • これでもダメなら、たぶん親要素の範囲が間違っている可能性が高い。(よくある)

Tailwind

flexにしたら幅が余ってしまう件

  • https://qiita.com/Yametaro/items/a04032349c46dddf8cda

CSSのよくわからん記号

  • CSSで使われる「#」「>」「$」などの意味とは？使い方とあわせて完全網羅

    • https://kredo.jp/media/css-symbol-meaning/

CSS Gridチートシート

  • CSS Gridで実装する時に役立つチートシート、各プロパティと値でレイアウトがどのようになるか一目で分かる

    • https://coliss.com/articles/build-websites/operation/css/css-grid-cheat-sheet-by-learnpine.html

Layoutテンプレート

  • CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法

    • https://coliss.com/articles/build-websites/operation/css/relearn-css-layout.html

  • CSSの難しさが分かるようになった人にお勧めの解説書、さまざまなレイアウトを実装する再利用性を向上させるCSSの設計方法

    • https://coliss.com/articles/book-review/isbn-9784862465177.html

  • なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説

    • https://qiita.com/mskmiki/items/544149987475719e417b

Figmaでデザイン

  • Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本

    • https://techblog.jmdc.co.jp/entry/how-to-use-figma-for-engineers

Emotion

Previous導入NextHTML

Last updated