当サイトはアフィリエイト広告を利用しています

【デイトラ1st 24日目感想】サイトをより見やすくオシャレにするには【30DAYSトライアル】

f:id:osanaiyuta0321:20200208195958j:plain

DAY24. 『サイトをより見やすくオシャレにするには』

 

参考サイト

うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。

2018年用、日本語のフリーフォント332種類のまとめ 

Webフォントの使い方 - Qiita

 

 

感想

Bootstrapのclass(navbarやjumbotronあたり)をそのまま使ってしまうと、よくある海外っぽいサイトになりがちです。あとはフォントです。フォントと行間を変えるだけで、かなりプロっぽいサイトに仕上げることができます。

 

Bootstrapの便利なclass(gridシステムとか)は使って、デザインは自分でコーディングしていくのが良いみたいです。

 

フォントを変えてみました。

 

BEFORE

f:id:osanaiyuta0321:20200229134921p:plain

 

さわらび明朝

f:id:osanaiyuta0321:20200229134921p:plain

 

M plus 1p(オススメ)

f:id:osanaiyuta0321:20200229165704p:plain

 

 

【関連記事】

デイトラ1st日記まとめ

30DAYSトライアル公式サイト

オススメ記事