CSS

style.cssをindex.htmlの中に書き込んでみる。【ver.4.3】

html内にstyleを書き込む index.html diff <html lang="ja" prefix="og: http://ogp.me/ns#"> <head itemscope itemtype="http://schema.org/Article"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> </meta></meta></meta></head></html>

CSS Modulesを導入する。【ver.2.0】

WebpackのCSS Modulesは、loaderを追加するだけでHTMLファイルの<head>内にモジュールの記述をまとめた<style>要素を追加してくれる。 ここまででいったんReact化についてやりたいことは一段落したのでver.2.0としたい。 ソース【ver.2.0】 https://github.com/cosmology2</head>…

Color of the Year 2017の色を使ってみる。【ver.0.6】

PantoneのColor of the Year 2017が緑らしい。 ニュージャージー州カールスタッド(2016年12月8日) - エックスライト社のグループ企業であり、デザイン業界向けのグローバルなカラースタンダードと色の権威であるパントン社が、2016年12月8日PANTONE 15-034…

Google Fontsを使ってフォントを変えてみる。【ver.0.4】

Google Fontsというすばらしいサービスがあって、およそ全て把握できないような種類のフォントを無料で使えるので使うことにした。 fonts.google.com およそ全て把握できないので、"google fonts best 2017"とか"awesome google fonts"とかでググって探す。 …

ポートフォリオのスタイリング。【ver.0.2】

やっぱCSSって偉大。既存のHTMLでも好きなようにスタイリングできる。 CSSはCascading Style Sheetの略で、どうでもいいんですけど、イメージ的には黒い馬なんですよ。 マキバオーのせいですね。 学校の階段のEDの人イメージも黒い馬。 CASCADE - sexy sexy …