kiotera

kiotera

vue / typescript / react / gatsby / swift

  • Posts
  • About me
  • Contact me

category

  • Mac
  • WEB
  • Web
  • iOS

tag

  • Catalina beta
  • Contentful
  • Gatsby
  • GatsbyDocument
  • GatsbyPlugin
  • GatsbyTutorial
  • GoogleDomain
  • GoogleSearchConsole
  • GraphQL
  • MacOS
  • Netlify
  • NetlifyCMS
  • OGP
  • React
  • VSCode
  • css
  • design
  • gatsby-starter-lumen
  • gatsby-transformer-remark
  • iOS
  • react
  • react-helmet
  • react-share
  • tutorial(fullstackWebDev)
  • xcode11
  • サイト公開後にやること
  • 運用
© 2019 奇をてらったテクノロジー

design

2019/08/09Web

Gatsby starter デザイン修正( gatsby-starter-lumen )2

さらに改修を加える。

2019/08/07Web

文字間を調して見やすくする( letter-spacing)

CSS で ltter-spacing: .4px; を設定して、文字の横同士の余白を設定

2019/08/07Web

Gatsby のスターターで作成したページのデザインを修正(各CSSの設定値)

どのようなデザインにしたいかと、実際に当てるCSSの値をまとめる。

2019/08/07Web

Gatsby のスターターで作成したページのデザインを修正

日本語の表示だと、文字が詰まった感じがして文章が読みづらく感じたので、見やすくなるよう各HTMLタグのスタイルの修正。

<<<<
>>>>