• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSS記載ルールで参考になるもの)

CSS記載ルールで参考になるもの

noname#206842の回答

noname#206842
noname#206842
回答No.1

SMACSSて、Frameworkでは?・・・ 基本は、W3Cの仕様書とか、WHATHTMLなどの仕様書を読まれた方がいいのでは?・・・ その後、SMACSSのCSSを解析すれば、どのように対応しているかが理解できるのでは?・・・

参考URL:
http://chroma.hatenablog.com/entry/2013/07/22/120818
takaginlove
質問者

お礼

ありがとうございます!

関連するQ&A

  • XHTML+CSS 1日で何ページ作れる?

    質問があります。 XHTML+CSSでコーディングするとなると、1日で何ページぐらい作れるものでしょうか。 デザインにもよるでしょうが、下記のようなシンプルなレイアウトのデザインがある場合、 1日でどれぐらいのページを作れるのか(コーディングできるのか)が知りたいです。 http://www.quatrieme.net/quatrieme/index.html もちろん、人にもよると思います。 参考程度でも構いません。 宜しくお願いします。

    • 締切済み
    • CSS
  • CSSが反映されない

    http://cus4.j-daa.or.jp/wordpress/news/ (テストの途中です) 下記を参考にカテゴリー毎に色分けするように設定しました。 https://rmtmhome.com/category-design-wordpress-1280 一つだけ表示できて、あとは表示されません。 「委員会」のCSS <span class="td-post-category cat committee">委員会</span> committeeがカラー指定です。 http://cus4.j-daa.or.jp/wordpress/wp-content/themes/jdaa/style.css?ver=1 7309行目に「.committee」があります。 なぜ反映されないか、ご教鞭ください。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • wordpressでのcssの振り分け

    この場をお借りして質問させて頂きます。 私webデザインを勉強しておりまして、今CMSの組み込みを学んでいるところです。 一度wordpressでブログは作ったのですが、次はコーポレートサイトなどを作ろうとしていまして、 質問したいことがあります。 コーポレートサイトにwordpressを組み込むときCSSファイルは分けていますか? 一応分けた方がわかりやすいと思うので分けようと思うのですが、そうするとページによってCSSを組み込まなければなりませんよね。つまりページごとにテンプレートも分けないといけないのでしょうか。 トップページ以外ほとんどpage.phpというテンプレートを使おうかとおもっているのですが、 cssを変えるとなるとテンプレート自体異なるものを適用させる必要があるのでしょうか。 加えてimageフォルダもページごとにわけることは可能なのでしょうか。 いろいろと調べてはいるものの解答にはたどり着けず、大変申し訳ございませんがご教授して頂ければ幸いです。 どうぞ宜しくお願い致します。

    • 締切済み
    • CSS
  • XHTMLやCSSで参考・利用しているサイト

    WEB制作会社の方にお伺いしたいのですが 会社設立後や新しい担当者(転職者含む)でのサイト制作の際に XHTMLやCSSの基本部分のテンプレートを作ったと思うのですが それは何を参考にしたのでしょうか? 制作会社の作品のCSSソースを見ると .maT10{margin-top:10px;}でclass指定するタイプとかあります (特にこの記述が掲載されているものを探している訳ではないです。) 以前ネット上のものを参考にしてはだめなのかと質問するとひどく叱られた事もあり お金を出して技術を買うという意味で書籍を購入するのですが 牧野工房さんやCSS Niteさんの本も参考にしたのですがネット上にあるものとは 違うような気がします(別の本ではCSSを分けるのは非効率になるので分けないとか) ネット上のものは・・・なんていうかファイル名やコメントの書き方まで同じなので 明らかにどこかを参考にしていると思うのですが、 もしかして何かに入会するとダウンロードできるとか素材として購入するとか されているのでしょうか? もちろんW3Cの仕様を見て全部理解して1から作ればいいのですが、 我流っぽくなって一般的ではないし、業界の人が参考にしているサイトを知らない とか努力が裏目となる評価になると思っています。 自分で検索するのでもいいのですが、出所が知りたいので・・・ もしよろしければデザイン部分ではなくソース部分などを参考にされている サイトを教えていただければと思います。 (今回は質問と関係のない発言はご遠慮下さい。)

    • ベストアンサー
    • CSS
  • CMS導入について

    現在ウェブデザイナーとして仕事をしており、(x)html、cssでコーディングを行っているのですが、 今後のことを考え、xoopsやwordpress、MTなどの導入を考えております。 ブログデザインだけではなく、サイトデザインにも使いやすいものはどれかと調べているのですが、 ポータルサイトにはxoops、ブログデザインにはMTやwordpressというようなことしか拾えず、 ご経験者の方がおられましたらサイトデザイン中心に、ブログデザインにも応用できるものがありましたら是非教えて下さい。 よろしくお願いします。

  • DreamweaverのCSSで

    Dreamweaverを利用して、サイトを作っております。現在大きなサイトの一部分を任せられており、すでにできあがっているテンプレートにデータの流し込み作業をしています。 このサイト全体がバリバリにCSSで設計されていて、未だにテーブルレイアウトをしている私には分からないことが山盛り。とりあえず預かってきたファイルを開いてみたところ、デザイン画面が真っ黒なのです。所々見えるところもあるのですが、CSSで「画像+文字」ではき出す設定になっている部分が真っ黒になってしまっているのです。 DreamweaverでCSSを扱う際、なにか特別な環境設定が必要なのでしょうか?おそらくじっくりと調べれば、何らかの解決方法があるのでしょうが、締切が迫っている仕事なため、とても焦っております。 当方、MacでDreamweaverはSTUDO MXを使っています。 是非アドバイスをお願いします。

  • CSSのページ全体のデザインにつてい(カラム)

    HPのデザインをCSSで作ろうと思いますが、いざ、サンプルなど でやろうとしても、理解できない所があります。 参考になるHPはありますか? できればサンプルがあるサイトがいいです。

    • ベストアンサー
    • HTML
  • CSSのみを修正してデザインを更新することはどの程度まで可能でしょうか?

    今やHTMLファイルは文書情報のみ、デザインはCSSで定義することが常識となっています。ふと思ったのですが、この規則に厳密にのっとり、HTMLファイルをいじることなくCSSファイルの修正のみでデザインを変更することはどの程度可能でしょうか? 簡単な例を出しますと、以下のようなソースが書かれたHTMLファイルがあるとします。 <div id="top">This is top.</div> <div id="middle">This is middle.</div> <div id="bottom">This is bottom.</div> これを、CSSの修正のみで上からbottom, middle, topの順にできますでしょうか?HTMLファイルを編集してdiv要素の順番を変えればすぐ解決できる問題ですが、せっかく文書とデザインを分離する手法が提唱されたので、なんとかCSSの修正のみで対応してみたいと思うのです。 なぜこんなこと考えたのかと言いますと、Webデザインのお仕事では数千ページという大規模構成のサイト更新を請け負うこともあると聞き、どういう方法がもっとも楽に更新できるだろうかと考えたからです。もちろん、CSSのみでの修正が可能だとしてもHTML文書の構造がめちゃくちゃではどうしようもありませんが、HTML文書の構造がしっかりしている(完全にValidなXHTML)場合、なんらかの効率的な手段があるんじゃないかと思いまして。

    • ベストアンサー
    • CSS
  • cssをマスターしたい。

    movable typeを使用してブログを作りたいと思っています。 サーバにインストールしてテンプレートをいじっているのですが、cssを理解していないとうまくいかないみたいです。 商用ブログとして使いたいのでデザインに凝ったものを製作したいのですが、ドリームウェバーでcssを製作するのが近道でしょうか? ドリームウェバーは古いバージョンを使っていますので、マクロメディアからトライアル版を2回ほどDLしましたがファイルが壊れている?みたいで試せない状態です。 それ以外にcssを製作するのに向いているソフトとかありますか。 教えてください。

  • CSS、HTMLのメニューリストの解説をお願いします

    宜しくお願い致します、趣味でホームページ制作をはじめました。 http://www.b-architects.com/ 上記のサイトのトップページの 「メニューの部分だけ(リスト)」、 構造を理解して自分もこんな感じでメニューを作りたいと思っています。 ちなみに私の知識としては、HTMLの記述は非常に初心者レベルで記述できる程度、CSSに関しても同じであります。 上記サイトを理解する上でまず、上記サイトのトップ画面を開いた上で、 ファイル→名前を付けて保存する  事で、上記サイトの構成しているファイルと部品(CSSファイルやら 画像)を保存して、上記サイトのHTMLソースを眺めながら、 「メニュー(リスト)の部分だけ」 理解し、自分も同じように記述して習得しようとしているのですが、 「ちんぷんかんぷん」です。  まず、メニュー(リスト)にあるサービス~ケーススタディの左横の 縦の棒ですが、これは画像なんでしょうか?ソースで記述されたものなのでしょうか?  先ほども私が書いたように、トップページからファイル→保存をすると このページを構成するファイルと部品(CSSファイルやら画像)は確かに 保存されてますが、縦の棒に該当する画像は保存されてませんでした。では ソースでCSSか何かで記述されているのだろうか?と思い外部CSSファイルを睨めっこしたのですが、そんな形跡がありません。  このサイトはプロのデザイン制作会社のページなのでコード文字数が多く なかなか私も完全に構造内容を確実に把握できません。  「メニュー(リスト)部分のみ」でいいのでどなた様かどうか解説して 頂けないでしょうか?  また私もどうも地頭が悪いので、メニュー(リスト)の部分を構成する HTMLとCSSを抜粋して説明して頂けると本当に有難いです。  友人には、そんな難しいサイトで勉強せず、適当にテーブルで作ればい いだろうが!と言われますが、なんとかこのサイトで理解したいんです。  上記サイトの構造を眺めて2週間ですが、全然わかりません。  助けて下さい。宜しくお願い致します。  

    • ベストアンサー
    • CSS