Соглашение о присвоении имен для активов (изображения, css, js)?
Я все еще изо всех сил пытаюсь найти хорошее соглашение о присвоении имен для активов как изображения, 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),
- спрайт (изображение используется в качестве фонового изображения в css и содержит несколько "версий"),
Имена в качестве примера были бы: icon-help.gif, img-logo.gif, sprite-main_headlines.jpg, bg-gradient.gif и т.д.
Так, что Вы думаете и каково Ваше соглашение о присвоении имен?
4 ответа
Я помещаю файлы CSS в папке CSS , JavaScript в JS , изображения в изображений , ... Добавить подпапки, как вы видите подходящие. Нет необходимости в какой-либо Конвенции именования на уровне отдельных файлов.
/Assets/
/Css
/Images
/Javascript (or Script)
/Minified
/Source
- лучшая структура, которую я видел, и тот, который я предпочитаю. С папками вам не нужны префикс ваших CSS и т. Д. С описательными именами.
Да, вы делаете.
За исключением того, что он не «плохой стиль», это браузер Chrome. Элементы формы являются частью браузера. «Стайлинг» их путает пользователя и препятствует удобству. Серьезно, просто оставьте их в одиночку.
Независимо от того, насколько далеко вы идете с входной стайлингом, вы неизбежно попали в кирпичную стену элемента загрузки файлов, что в значительной степени невозможно стиль. И если вы не можете стирать их всех, почему стиль любой из них.
Серьезно, это сродни для стилизации прокрутки. Не беспокойтесь.
-121--3133477-BBC имеют тонны стандартов, касающихся веб-разработки.
Их стандарт довольно прост для файлов CSS:
http://www.bbc.co.uk/guidelines/futuremedia/technalies/css.shtml
Вы можете найти что-то полезное для их основных Сайт:
Для крупных сайтов, где css может определять много фоновых изображений, соглашение об именах файлов для этих ресурсов очень удобно для внесения изменений в дальнейшем.
Например:
[component].[function-description].[filetype]
footer.bkg-image.png
footer.copyright-gradient.png
Мы также обсуждали добавление в тип элемента, но я не уверен, насколько это полезно и может ввести в заблуждение для будущих необходимых изменений:
[component].[element]-[function-description].[filetype]
footer.div-bkg-image.png
footer.p-copyright-gradient.png