[解決済み] アセット(画像、CSS、JS)の命名規則?
2023-02-04 23:23:38
質問
Webプロジェクトで使用する画像、js、cssファイルなどのアセットのための良い命名規則を見つけるのに苦労しています。
だから、私の現在は、次のようになります。
CSSです。
style-{name}.css
の例です。
style-main.css
,
style-no_flash.css
,
style-print.css
など。
JS:
script-{name}.js
の例です。
script-main.js
,
script-nav.js
など。
画像です。
{imageType}-{name}.{imageExtension}
{imageType}
は、これらのいずれかを
- アイコンです。
-
img (例: ヘッダ画像。
<img />
要素) - ボタン
- bg(画像はcssで背景画像として使用されます。)
- sprite (画像はcssの背景画像として使用され、複数の"version"を含む)
例-nameは次のようになります。
icon-help.gif
,
img-logo.gif
,
sprite-main_headlines.jpg
,
bg-gradient.gif
など。
では、どう思うかというと 命名規則を教えてください。 ?
どのように解決するのですか?
CSSファイルをフォルダ
css
に、Javascriptは
js
で、画像は
images
, ... 適当にサブフォルダを追加してください。個々のファイルのレベルでは命名規則は必要ありません。
関連
-
[解決済み] あるソースコードのファイルの拡張子として使われている.distとは、どのような意味ですか?
-
[解決済み] git リポジトリの命名規則はありますか?
-
[解決済み] キャメルケースとパスカルケースの間違い
-
[解決済み] Pythonの変数名や関数名の命名規則について教えてください。
-
[解決済み] C#の定数の命名規則?
-
[解決済み】クラスやメソッドの命名が、プログラミングで最も難しい部分の1つだと思う人はいますか?[解決済み]
-
[解決済み] 命名規則について。「状態」対「ステータス」 [終了しました]
-
[解決済み] ブール法のネーミングの読みやすさ
-
[解決済み] データ取得のためのメソッド名【終了しました
-
[解決済み] 個数変数の命名規則 [終了しました]。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン