する質問をすることでしか得られない、回答やアドバイスがある。1225フロントエンドのUIをJSやCSSで作っている時に,いつも,styleを直打ちしたり,ChromeのデベロッパーツールのStylesから微修正を行っているのですが,Webデザインについて独学であり,エディタ以外のツールなどを使わず作成しているため,自分がやっている方法よりもっと効率のいいやり方やWebデザインのツールがあるのではないかと思っています。bootstrapやsweetalertや,smartadminなどjsのライブラリを使ってレイアウトをある程度テンプレートのように扱う方法等ではなく,それらを利用してそこから思い通りの配置にするためにstyleを調整していくための方法論やツールなどがあれば教えていただきたいです。それらの技術について勉強できる書籍などがあれば教えていただきたいです。attachmentクリップ1気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順link+2長年コーダーやってますが、CSSの調整は結局エディタで直打ちしてますねぇ。同じ記述を何度も書かなくてはならなくて非効率だとかそういうCSS言語の貧弱さ自体が気になるのであればSassなどのプリプロセッサを活用すれば使い回しも後からの一括変更も自由度は格段に増しますので、そういう方向性で全体を効率化する方が良いのではないかという気がします。Dreamweaverには「CSSデザイナー」という名前の、パネルから数値を調整することで直感的にCSSを編集できる機能がありますが、CSS自体不自由なく書ける人間にとっては逆に不便だと思うんですよね。ツールに頼らなくては書けないような複雑なコードになりそうなのであればPSDから直接CSSコピーしたり、各種ジェネレーターツールを活用した方が手っ取り早いですしね。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。編集お答えいただきありがとうございます。Sassはいい解決手段ですよね。規模が大きくなりそうなプロダクトには僕も使っています。スタンドアローンのフォームアプリケーション開発をやっていた時にドラッグアンドドロップでUI配置が出来るようなものがあったので,ドラッグアンドドロップイベントがjsで取れるのにそういう開発ツールがhtmlに存在しないのかが疑問でした。CSSデザイナーというのはchromeデベロッパーツールのものと同じようなものですよね。ある程度予想で直打ちできるのですが,微調整に使ったりしています。調べてみたらドラッグアンドドロップで配置できるツールありました。よく考えてみたら,ドラックアンドドロップで評価できないスタイル(table,inline,float等)は結局自分でスタイリングしないといけないので,あんまり有益ではないかもしれないですね。CSSは結局べた書きでも対応できることが重要なのかもしれないですね。Emmetいいですね。rails開発の時はhaml使ったりすることもあるのですが,これはいいツール知れました。PSDでフォトショのデータのことですか。フォトショ使ったことがないのですが,CSS抽出できるんですね。これも機会あったら使ってみようと思います。ありがとうございました。お答えいただきありがとうございます。Sassはいい解決手段ですよね。規模が大きくなりそうなプロダクトには僕も使っています。スタンドアローンのフォームアプリケーション開発をやっていた時にドラッグアンドドロップでUI配置が出来るようなものがあったので,ドラッグアンドドロップイベントがjsで取れるのにそういう開発ツールがhtmlに存在しないのかが疑問でした。CSSデザイナーというのはchromeデベロッパーツールのものと同じようなものですよね。ある程度予想で直打ちできるのですが,微調整に使ったりしています。調べてみたらドラッグアンドドロップで配置できるツールありました。よく考えてみたら,ドラックアンドドロップで評価できないスタイル(table,inline,float等)は結局自分でスタイリングしないといけないので,あんまり有益ではないかもしれないですね。CSSは結局べた書きでも対応できることが重要なのかもしれないですね。Emmetいいですね。rails開発の時はhaml使ったりすることもあるのですが,これはいいツール知れました。PSDでフォトショのデータのことですか。フォトショ使ったことがないのですが,CSS抽出できるんですね。これも機会あったら使ってみようと思います。ありがとうございました。ChromeのDevツールでやっています。Devツールの編集をファイルに直接反映する方法Devツールで編集した内容を該当ファイルに即反映する方法が記載されています。PerfectPixel任意の画像をWebページ上に重ねることができるChromeのプラグインです。デザインカンプなどを重ねて確認できます。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。17:58PerfectPixelいいですね。Chromeって高機能なツール結構揃ってるんですね。いうツールを探していたので,ベストアンサーにさせていただきます。PerfectPixelいいですね。Chromeって高機能なツール結構揃ってるんですね。いうツールを探していたので,ベストアンサーにさせていただきます。以外のbootstrapを導入する際にどのように組み...受付中JavaScript開発初心者がすべきことを教えてください。頂いたご意見への回答は行っておりません。