質問: フロントエンドのUIをJSやCSSで作っている時に,いつも,styleを直打ちしたり,ChromeのデベロッパーツールのStylesから微修正を行っているのですが,Webデザインについて独学であり,エディタ以外のツールなどを使わず作成しているため,自分がやっている方法よりもっと効率のいいやり方やWebデザインのツールがあるのではないかと思っています。 bootstrapやsweetalertや,smartadminなどjsのライブラリを使ってレイアウトをある程度テンプレートのように扱う方法等ではなく,それらを利用してそこから思い通りの配置にするためにstyleを調整していくための方法論やツールなどがあれば教えていただきたいです。 また,それらの技術について勉強できる書籍などがあれば教えていただきたいです。よろしくお願いいたします。
回答: Google ChromeのDevツールでやっています。 Devツールの編集をファイルに直接反映する方法 Devツールで編集した内容を該当ファイルに即反映する方法が記載されています。 PerfectPixel 任意の画像をWebページ上に重ねることができるChromeのプラグインです。 デザインカンプなどを重ねて確認できます。