- ベストアンサー
長いCSSコードについて
https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css このようなコードは１から手書きでかかれてるのですか？それともなにかダウンロードが必要なのですか？
- orenzi100
- お礼率0% (0/252)
- HTML
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ちがいます！。これMINコードなので、 元になったコードがありそれを変換したものです。 大抵CDNの場合、MINを取れば元のコードが落ちてきますよ。 https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css >それともなにかダウンロードが必要なのですか？ 必要かどうかは、CDNなので、必要な人がするだけです。 キャッシュに乗っていればキャッシュから読み込むように。 なので、必ずしもダウンロードが必要というわけではないです。 ただし、結果としてダウンロードした後の結果にはなります。 前回同様見てる観点が違うような気がするので、 見方を変えてみることをお勧めします。
その他の回答 (1)
- t_ohta
- ベストアンサー率38% (5086/13298)
元は手書きかもしれませんし、何らかのツールを使って生成されたスタイルかもしれません。 例示されているURLのモノは、元々は見やすく作られていたモノだと思いますが、人間が見やすくするための空白文字や改行文字はネット上でのトラフィック量を増やしてしまい無駄なので圧縮してデータ量を減らす処理を施したモノとなっています。
関連するQ&A
- 長いCSSコードについて
https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css このコードはどうやって作成されたのですか？
- 締切済み
- CSS
- ソースの長いコードについて
https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css このような長いURLにはどんな意味があってどこで入手できるのですか？
- 締切済み
- 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も一応保存しています。 今の状態のファイルは以下にありますので、一度見てもらえますとありがたいです。 ７日間保存されています。 https://firestorage.jp/download/b19a1219f4ffb04658781c5d4892f410d8e59475 短縮URL https://xfs.jp/jSR7aT できるだけ必要のないコードは削除してシンプルにしたいと思っています。 出来れば CSS や javascript ファイルは外部タイプにして html はシンプルにしたいと思っています。 どなたかお知恵を拝借できればと思っております。 よろしくお願い致します。
- 締切済み
- CSS
- 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
- 占いツクールのCSSの作り方を教えて下さい。
占いツクールのCSSの作り方を教えて下さい。 よく占いツクールでCSS配布などの小説を見かけますが、あれってどうやって作っているのでしょうか？ 是非、私も自分のCSSを作りたいので教えて下さい。 また、これは知っていればで良いのですが、フォントはどうすれば変えられますか？ゴシックや明朝のフォントではなく、手書き風のフォントなどを稀に見かけます。出来ればこれも教えて下さい。 お願いします。
- 締切済み
- その他（インターネット・Webサービス）
- CSSコードをブログに書く時に
CSSコードをブログに書く時に こんな書き方したのをよくみます。（コードの背景です） http://www.css-lecture.com/log/css3/css3-border-radius.html http://blog.xaxxi.net/2010/04/border-radius-htc使ってみた/ これってどうやってるんですか？ 同じ書き方をどこのブログでも見かけるんですがテンプレートがあるんですか？ おしえてください
- ベストアンサー
- ブログ
- CSSの文字コードについて
みなさんは外部CSSを使う時は『@charset "shift_jis";』をCSSファイルの一番最初に入れてるんですか？ font-familyに日本語が出てくる時や、コメントを日本語で書くときに必要と聞きましたが。。。
- ベストアンサー
- HTML
- さくらVPS css外部ファイル読み込みNG!
スマホのホームページを作成中ですが、なぜか外部ファイルの読み込みがうまく行きません。 【さくらVPSサーバではNG】 <link rel="stylesheet" href="../css/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="../js/jquery-1.9.1.min.js"></script> <script src="../js/jquery.mobile-1.3.2.min.js"></script> 【他サーバからはOK】 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 「nkf -g jquery.mobile-1.3.2.min.css」で漢字コードを確認し、EUCおよびUTF-8の両方試しましたがどちらともNG。 でも他サーバから読み込みは、OK。 LinuxOS設定で、設定すべき点があるのかなぁ～と思っていますが、手詰まり状態です。 1.パソコンのブラウザ(IE/Chrome)からは、読み込みOK。 2.スマホは、Android端末を使用、標準ブラウザ/ChromeともにNG。 どなたか教え願えないでしょうか、宜しくお願い致します。 ※FTPサーバは、ProFTPDを構築し、これを利用しています。
- 締切済み
- Linux系OS
- 長いCSSのソースコードについて
https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css このような長いCSSはどうやってつくられてるのですか？使いまわしですか？使いまわしならどこから入手するか教えていただきたいです
- 締切済み
- ノートPC
- htmlページで使用している文字コードとCSSの文字コードは統一させる必要がありますか？
html(もしくはxhtml)の文字コードを例えば「UTF-8」などにしていた場合、それに外部リンクさせるページのCSSの文字コードも統一して「UTF-8」にする必要がありますか？ 例えば同一サイト内で、別の文字コードを混在させているページがあった場合、（例：静的ページはshift_jis、問い合わせページはeuc等）、CSSの文字コードは何に設定すべきなのでしょうか？ コメントアウト等に日本語を使用しないのであれば、CSSの文字コードにこだわる必要はないのでしょうか？ 皆さんはどうしておられますか？ あまり知識がないもので、うまく質問できない点、ご容赦ください。
- ベストアンサー
- その他（インターネット・Webサービス）
