• 締切済み

ソースの長いコードについて

https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css このような長いURLにはどんな意味があってどこで入手できるのですか?

  • CSS
  • 回答数3
  • ありがとう数0

みんなの回答

  • t_ohta
  • ベストアンサー率38% (5083/13283)
回答No.3

例示されているURLにあるCSSは「Font Awesome」というアイコンフォントサービス用のCSSです。 このCSSはスタイル単体では意味が無くJavaScriptのライブラリとセットで使用するモノです。 なので、ライブラリーの用途や使用方法などを理解しないとCSSの意味は理解できないでしょう。

回答No.2

>このような長いURLにはどんな意味があってどこで入手できるのですか? URLは、ドメインとURI(Lではないよ)をくっつけたものです。 (HTTPSというのはまた別の意味を持つが) でURIは単なるフォルダ名です。 貴方のパソコンでフォルダを1個作るのを、 「あなたは入手と呼ぶのか?」って程度の話です。 なので、そのソフトを作った人がその名前で公開した程度で その言葉自体には何の意味もないものです。 ドメインにはCDNという単語が含まれてるので、 これは、CDN系データなのでしょうが。 ここは今の段階では、質問者さんの質問には 関係はないので、省略。 どんどん、質問者さん、貴方自身が求める答えから 遠くなってるので、一度頭をリフレッシュしてみては どうですか? 他の人がみんな、そこは覚える必要がないとか 意味がないですよ!って部分だけを攻めてみるのは 自由ですが、もっと大きな覚えることから遠ざかってるだけなので、 結果時間をロスするだけです。 人生1回しかないので、ここは、デファクトスタンダードから 攻めることをお勧めはしますよ。 あと、長いコードって言いますが、 「長く書いたのではなく、長いだけ」です。 今はリポジトリでソース類は管理されており、 一つの大きなソースの A部分ー>世界中のだれかXXさんが直してる B部分ー>世界中のだれかYYさんが直してる という感じで、全くの他人がいじってるものです。 一人が1行追加したとしても、1000人いれば1000行以上に なるでしょう。 しかし、結果的に長いだけで一人が長く書いたわけじゃないでしょ? そんなもんですよ。 という事でまとめます >このような長いURLにはどんな意味があってどこで入手できるのですか? 意味は特になく、所有者がこの名前で公開しただけの事。 入手はこのURLで入手できます。 (適切に回答すればするほど、  何の意味もない回答になることは、  ご理解いただけたかと)

  • Kaneyan-R
  • ベストアンサー率42% (1249/2913)
回答No.1

URLはドメイン+ディレクトリを表しているのは理解していますか? コンピューター  maxcdn.bootstrapcdn.com の  font-awesome の中にある  4.2.0 の中にある  css にある  font-awesome.css と言うファイルの意味。

関連するQ&A

  • 長いCSSコードについて

    https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css このコードはどうやって作成されたのですか?

    • 締切済み
    • CSS
  • 長いCSSコードについて

    https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css このようなコードは1から手書きでかかれてるのですか?それともなにかダウンロードが必要なのですか?

    • ベストアンサー
    • HTML
  • 長いCSSのソースコードについて

    https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css このような長いCSSはどうやってつくられてるのですか?使いまわしですか?使いまわしならどこから入手するか教えていただきたいです

  • Codepenのコードについて

    「Codepen」 というwebデザインのサイトについて質問があります。 素敵なメニューがあるので自分のサイトにも使いたいのですが、フリー版で登録してファイルをDLしてみたところ、サイトで見ている状態にはなりませんでした。サイト自体をDLしてみたところ、ベンダープレフィックスの記述もあったり別の javascript も記載されており大分違っていました。 HTML と CSS と JS だけで作成されていると記載されていますが、実は jquery を利用していたり、記載に無い別の javascript を利用しているようです。 アイコンなどは削除してコードを最低限にスリム化したいのですが、頁をまるごとDLしても元のサイトのような動きや表示をしないので困っています。 <質問の頁> https://codepen.io/kieranfivestars/pen/JdbPBv https://cdpn.io/kieranfivestars/fullpage/JdbPBv# <必要と思われる頁など(全て同じディレクトリに入れています。)> (1) index.html(大元の頁) (2) font-awesome.min.css(これは削除してもOK?) (3) jquery.min.js(必要みたい) (4) stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js(必要みたい) 以下はhtmlからも削除しました。 (5) fontawesome-webfont.svg (6) favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico DLしたフォントは font というフォルダの中に入れています。 ウェブ上の頁とDLしたファイルのコードに違いがありましたので少し直したところ 見た目は動くようになりました。しかし横三本線のメニューの表示が少しおかしいです。(DLしたファイルでは <ul class="open"> の classの指定がされていませんでしたので追加しました。) (2) font-awesome.min.css は削除すると、上下に動くハンバーガーメニューが止まってしまいました。 <補足> 以下は必要と思われるファイルのアドレスになります。 (1) index.html(大元の頁) (2) font-awesome.min.css(これは削除してもOK?) https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome... (3) jquery.min.js(必要みたい) https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js (4) stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js(必要みたい) https://static.codepen.io/assets/common/stopExecutionOnTimeout-de7e... ●他に多数のフォントファイルもDLできました。必要なのかもしれませんが、ディレクトリは font という別のフォルダに入れたいので、 もしかしたら、font-awesome.min.css の中の url にディレクトリ名を追加しないといけないのかもしれません。 アイコン画像やsvgも一応保存しています。 今の状態のファイルは以下にありますので、一度見てもらえますとありがたいです。 7日間保存されています。 https://firestorage.jp/download/b19a1219f4ffb04658781c5d4892f410d8e59475 短縮URL https://xfs.jp/jSR7aT できるだけ必要のないコードは削除してシンプルにしたいと思っています。 出来れば CSS や javascript ファイルは外部タイプにして html はシンプルにしたいと思っています。 どなたかお知恵を拝借できればと思っております。 よろしくお願い致します。

    • 締切済み
    • CSS
  • ソースコード関連について

    たとえば「URL短縮サイト」を例にします。 URLを入力しました ボタンを押しました 短縮されたURLが出力されました このようなサイトを制作する場合、もうソースコードは出てるのでしょうか? あとはサイトデザインをCSSでつくってUPして終了でしょうか? 詳しくおねがいします!

  • FireFoxのAwesome 5が表示不可です

    Font Awesome 5を利用してHPを作成しているのですが、ブラウザのEdge、IE、Chromeではきちんと任意のアイコンを表示してくれますが、何故かFireFoxだけは四角の中にf05aなどの文字だけしか表示しません。同じ場所にFont Awesome 5でダウンロードしたwebfontsホルダーと、作成したcss管理用ホルダーとしてホルダー名cssを作成しall.min.cssはホルダー名cssの中にall.min.cssを保存しました。(添付画像) header内には<link rel="stylesheet" type="text/css" href="css/all.min.css">と記述しました。何故FireFoxだけ表示しないかどなたかご教授下さい。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • @font-faceを別cssで管理できますか?

    @font-faceを指定したcssと、 セレクタで上記font-familyを指定したcssを、 別にする事は可能でしょうか? 例)※細かい属性等は省いています ◆hoge.html内の記述 ----------- <link href="font.css"> <link href="style.css"> ----------- ◆font.css内の記述 ----------- @font-face{ font-family:"hoge_font"; src:url("hoge_font.woff"); } ----------- ◆style.css内の記述 ----------- .element{ font-family:"hoge_font"; } ----------- googleフォントでのStandard使用方法例が上記の例と同様なので、 使用できそうな気はするのですが、 接続のイメージだと、font.cssとstyle.cssに、 ほぼ同時にリクエストが飛ぶので、 font.cssよりもstyle.cssが先にダウンロードされると、 style.css内のfont-family:"hoge_font";指定が迷子になり、 該当fontをレンダリングできないのでは、と懸念しています。 この方法で不具合があった、等の情報を教えてください。 よろしくお願い申し上げます。

    • 締切済み
    • CSS
  • CSSの文字コードについて

    みなさんは外部CSSを使う時は『@charset "shift_jis";』をCSSファイルの一番最初に入れてるんですか? font-familyに日本語が出てくる時や、コメントを日本語で書くときに必要と聞きましたが。。。

    • ベストアンサー
    • HTML
  • ソースの編集について

    ↓<head>と</head>の間に入れます。  <style media="screen" type="text/css"><!--  body { background: white url    (haikei_kotei01.jpg) no-repeat fixed right bottom }  --></style>  っと、あるのですが、<head>と</head>の間がどこか、分かりません。ソースの編集はメッセージの作成からソースの編集を見ることしか知りません。どうか教えてください。意味が分かっていただけたらいいんですが・・・・

  • サイト上で次のソースを見たのですが

    <html> <head><title>Now Requesting...</title> <script language="JavaScript"> <!-- w_corp="0549000101"; locate_url="http://www.p-advg.com/?bid=34731"; // alert(locate_url); // onLoad="location.replace(locate_url);" // --> </script> <style type="text/css"> <!-- a:link { color:#333333;text-decoration:none; } a:visited { color:#333333;text-decoration:none; } a:active { color:#ff0000;text-decoration:none; } a:hover { color:#ff0000;text-decoration:none; } --> </style> </head> <body bgcolor="white" text="#333333" onLoad="location.replace(locate_url);"> <br> <a href="http://www.gomi.com/?bid=34731">Now Requesting...</a> </body></html> www.gomi.comは仮名です w_corp="0549000101"; は修正後の残骸だと思いますがそうでしょうか?

専門家に質問してみよう