外部スタイルシートの名前を調べる
外部スタイルシートの名前って、base.css とか、
なんかそういうのはあるけど、決定版というのはあんまりないのでしょうか?
[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク
http://coliss.com/articles/build-websites/operation/css/938.html
もう1年も前の記事だけど、ここにでてる CSS のフレームワークといわれるものが
どんな名前をつけているかを調べてみた。
$ ls blue_print boilerplate elements_v2 eswat tripoli tsg-css-framework wymstyle yaml_31_090120 yui
適当に上記くらい落としてきて、example とかそういうディレクトリは省いて。
プラグインみたいなのは別としても、core な css は意外とどれも近いような。
$ find . | grep '.css$' | grep -v 'example' ./yaml_31_090120/tools/dreamweaver_7/base_dw7.css ./yaml_31_090120/yaml/debug/debug.css ./yaml_31_090120/yaml/patches/patch_nav_vlist.css ./yaml_31_090120/yaml/patches/patch_layout_draft.css ./yaml_31_090120/yaml/print/print_draft.css ./yaml_31_090120/yaml/print/print_023_draft.css ./yaml_31_090120/yaml/print/print_003_draft.css ./yaml_31_090120/yaml/print/print_020_draft.css ./yaml_31_090120/yaml/print/print_103_draft.css ./yaml_31_090120/yaml/print/print_123_draft.css ./yaml_31_090120/yaml/print/print_100_draft.css ./yaml_31_090120/yaml/print/print_120_draft.css ./yaml_31_090120/yaml/core/slim_print_base.css ./yaml_31_090120/yaml/core/base.css ./yaml_31_090120/yaml/core/slim_base.css ./yaml_31_090120/yaml/core/print_base.css ./yaml_31_090120/yaml/core/iehacks.css ./yaml_31_090120/yaml/core/slim_iehacks.css ./yaml_31_090120/yaml/central_draft.css ./yaml_31_090120/yaml/navigation/nav_vlist.css ./yaml_31_090120/yaml/navigation/nav_shinybuttons.css ./yaml_31_090120/yaml/navigation/nav_slidingdoor.css ./yaml_31_090120/yaml/screen/basemod_draft.css ./yaml_31_090120/yaml/screen/content_default.css ./yaml_31_090120/yaml/screen/forms.css ./yaml_31_090120/yaml/add-ons/rtl-support/core/iehacks-rtl.css ./yaml_31_090120/yaml/add-ons/rtl-support/core/slim_base-rtl.css ./yaml_31_090120/yaml/add-ons/rtl-support/core/base-rtl.css ./yaml_31_090120/yaml/add-ons/rtl-support/core/slim_iehacks-rtl.css ./yaml_31_090120/yaml/add-ons/rtl-support/navigation/nav_slidingdoor-rtl.css ./yaml_31_090120/yaml/add-ons/rtl-support/navigation/nav_shinybuttons-rtl.css ./yaml_31_090120/yaml/add-ons/rtl-support/navigation/nav_vlist-rtl.css ./yaml_31_090120/yaml/add-ons/microformats/microformats.css ./boilerplate/boilerplate/screen.css ./boilerplate/boilerplate/lib/plugins/tabs.css ./boilerplate/boilerplate/lib/ie.css ./boilerplate/boilerplate/lib/reset.css ./boilerplate/boilerplate/lib/typography.css ./boilerplate/boilerplate/lib/forms.css ./boilerplate/boilerplate/print.css ./boilerplate/compressed/ie.css ./boilerplate/compressed/boilerplate.css ./boilerplate/compressed/plugins.css ./eswat/@siteroot/css ./eswat/@siteroot/css/screen.css ./elements_v2/css ./elements_v2/css/externalLinks.css ./elements_v2/css/global.css ./elements_v2/css/reset.css ./elements_v2/css/lightbox.css ./tripoli/tripoli.css ./tripoli/plugins/tripoli.negative.css ./tripoli/plugins/tripoli.visual.css ./tripoli/plugins/tripoli.type.css ./tripoli/plugins/tripoli.layout.css ./tripoli/tripoli.simple.css ./tripoli/tripoli.base.css ./tripoli/tripoli.ie.css ./tripoli/tripoli.simple.ie.css ./tripoli/tripoli.base.ie.css ./blue_print/blueprint/screen.css ./blue_print/blueprint/plugins/buttons/screen.css ./blue_print/blueprint/plugins/rtl/screen.css ./blue_print/blueprint/plugins/link-icons/screen.css ./blue_print/blueprint/plugins/fancy-type/screen.css ./blue_print/blueprint/ie.css ./blue_print/blueprint/src/grid.css ./blue_print/blueprint/src/ie.css ./blue_print/blueprint/src/print.css ./blue_print/blueprint/src/reset.css ./blue_print/blueprint/src/typography.css ./blue_print/blueprint/src/forms.css ./blue_print/blueprint/print.css ./blue_print/doc/rdoc-style.css ./yui/assets/dpSyntaxHighlighter.css ./yui/assets/yui.css ./yui/assets/yuiDistribution.css ./yui/build/slider/assets/slider-skin.css ./yui/build/slider/assets/skins/sam/slider-skin.css ./yui/build/slider/assets/skins/sam/slider.css ./yui/build/slider/assets/slider-core.css ./yui/build/assets/skins/sam/imagecropper.css ./yui/build/assets/skins/sam/yuitest.css ./yui/build/assets/skins/sam/container.css ./yui/build/assets/skins/sam/menu.css ./yui/build/assets/skins/sam/colorpicker.css ./yui/build/assets/skins/sam/treeview.css ./yui/build/assets/skins/sam/layout.css ./yui/build/assets/skins/sam/button.css ./yui/build/assets/skins/sam/editor.css ./yui/build/assets/skins/sam/resize.css ./yui/build/assets/skins/sam/simpleeditor.css ./yui/build/assets/skins/sam/logger.css ./yui/build/assets/skins/sam/paginator.css ./yui/build/assets/skins/sam/datatable.css ./yui/build/assets/skins/sam/autocomplete.css ./yui/build/assets/skins/sam/profilerviewer.css ./yui/build/assets/skins/sam/tabview.css ./yui/build/assets/skins/sam/slider.css ./yui/build/assets/skins/sam/carousel.css ./yui/build/assets/skins/sam/calendar.css ./yui/build/assets/skins/sam/skin.css ./yui/build/button/assets/button-core.css ./yui/build/button/assets/skins/sam/button-skin.css ./yui/build/button/assets/skins/sam/button.css ./yui/build/reset/reset-min.css ./yui/build/reset/reset.css ./yui/build/tabview/assets/skins/sam/tabview-skin.css ./yui/build/tabview/assets/skins/sam/tabview.css ./yui/build/tabview/assets/tabview-core.css ./yui/build/tabview/assets/skin-sam.css ./yui/build/tabview/assets/tabview.css ./yui/build/tabview/assets/border_tabs.css ./yui/build/base/base-min.css ./yui/build/base/base.css ./yui/build/reset-fonts-grids/reset-fonts-grids.css ./yui/build/container/assets/container.css ./yui/build/container/assets/skins/sam/container.css ./yui/build/container/assets/skins/sam/container-skin.css ./yui/build/container/assets/container-core.css ./yui/build/paginator/assets/skins/sam/paginator-skin.css ./yui/build/paginator/assets/skins/sam/paginator.css ./yui/build/paginator/assets/paginator-core.css ./yui/build/fonts/fonts.css ./yui/build/fonts/fonts-min.css ./yui/build/editor/assets/skins/sam/editor-skin.css ./yui/build/editor/assets/skins/sam/editor.css ./yui/build/editor/assets/skins/sam/simpleeditor.css ./yui/build/editor/assets/skins/sam/simpleeditor-skin.css ./yui/build/editor/assets/editor-core.css ./yui/build/editor/assets/simpleeditor-core.css ./yui/build/reset-fonts/reset-fonts.css ./yui/build/datatable/assets/skins/sam/datatable-skin.css ./yui/build/datatable/assets/skins/sam/datatable.css ./yui/build/datatable/assets/datatable-core.css ./yui/build/datatable/assets/datatable.css ./yui/build/resize/assets/skins/sam/resize-skin.css ./yui/build/resize/assets/skins/sam/resize.css ./yui/build/resize/assets/resize-core.css ./yui/build/menu/assets/menu-core.css ./yui/build/menu/assets/skins/sam/menu.css ./yui/build/menu/assets/skins/sam/menu-skin.css ./yui/build/menu/assets/menu.css ./yui/build/autocomplete/assets/autocomplete-core.css ./yui/build/autocomplete/assets/skins/sam/autocomplete.css ./yui/build/autocomplete/assets/skins/sam/autocomplete-skin.css ./yui/build/imagecropper/assets/imagecropper-core.css ./yui/build/imagecropper/assets/skins/sam/imagecropper.css ./yui/build/imagecropper/assets/skins/sam/imagecropper-skin.css ./yui/build/logger/assets/skins/sam/logger.css ./yui/build/logger/assets/skins/sam/logger-skin.css ./yui/build/logger/assets/logger-core.css ./yui/build/logger/assets/logger.css ./yui/build/calendar/assets/skins/sam/calendar-skin.css ./yui/build/calendar/assets/skins/sam/calendar.css ./yui/build/calendar/assets/calendar-core.css ./yui/build/calendar/assets/calendar.css ./yui/build/grids/grids-min.css ./yui/build/grids/grids.css ./yui/build/colorpicker/assets/skins/sam/colorpicker-skin.css ./yui/build/colorpicker/assets/skins/sam/colorpicker.css ./yui/build/colorpicker/assets/colorpicker-core.css ./yui/build/carousel/assets/skins/sam/carousel-skin.css ./yui/build/carousel/assets/skins/sam/carousel.css ./yui/build/carousel/assets/carousel-core.css ./yui/build/yuitest/assets/skins/sam/yuitest.css ./yui/build/yuitest/assets/skins/sam/yuitest-skin.css ./yui/build/yuitest/assets/testlogger.css ./yui/build/yuitest/assets/yuitest-core.css ./yui/build/profilerviewer/assets/skins/sam/profilerviewer-skin.css ./yui/build/profilerviewer/assets/skins/sam/profilerviewer.css ./yui/build/profilerviewer/assets/profilerviewer-core.css ./yui/build/layout/assets/skins/sam/layout.css ./yui/build/layout/assets/skins/sam/layout-skin.css ./yui/build/layout/assets/layout-core.css ./yui/build/treeview/assets/treeview-core.css ./yui/build/treeview/assets/treeview-skin.css ./yui/build/treeview/assets/skins/sam/treeview-skin.css ./yui/build/treeview/assets/skins/sam/treeview.css ./yui/as-docs/style.css ./yui/as-docs/print.css ./yui/docs/assets/reset-fonts-grids-min.css ./yui/docs/assets/api.css ./tsg-css-framework/css ./tsg-css-framework/css/screen.css ./tsg-css-framework/css/initial/initial.css ./tsg-css-framework/css/fonts/ie-fonts.css ./tsg-css-framework/css/fonts/fonts.css ./tsg-css-framework/css/fonts/ie5-fonts.css ./tsg-css-framework/css/print/Copy of print.css ./tsg-css-framework/css/print/print.css ./tsg-css-framework/css/colour/colour.css ./tsg-css-framework/css/layout/layout.css ./tsg-css-framework/css/layout/ie-layout.css ./tsg-css-framework/css/layout/ieMac-layout.css ./wymstyle/sites/test/test03.css ./wymstyle/sites/test/test01.css ./wymstyle/sites/test/test02.css ./wymstyle/sites/test/test04.css ./wymstyle/sites/template/css ./wymstyle/sites/template/css/screen.css ./wymstyle/sites/template/css/project.css ./wymstyle/skins/wymstyle03/all.css ./wymstyle/skins/wymstyle03/layout.css ./wymstyle/skins/wymstyle03/colors.css ./wymstyle/skins/wymstyle03/borders.css ./wymstyle/skins/wymstyle02/all.css ./wymstyle/skins/wymstyle02/layout.css ./wymstyle/skins/wymstyle02/colors.css ./wymstyle/skins/wymstyle02/borders.css ./wymstyle/skins/wymstyle01/all.css ./wymstyle/skins/wymstyle01/layout.css ./wymstyle/skins/wymstyle01/colors.css ./wymstyle/skins/wymstyle01/borders.css ./wymstyle/skins/wymstyle04/all.css ./wymstyle/skins/wymstyle04/layout.css ./wymstyle/skins/wymstyle04/colors.css ./wymstyle/skins/wymstyle04/borders.css ./wymstyle/skins/flexible01/all.css ./wymstyle/skins/flexible01/layout.css ./wymstyle/skins/flexible01/colors.css ./wymstyle/addons/wymsite/forms.css ./wymstyle/addons/wymeditor/default.css ./wymstyle/addons/forms/base.css ./wymstyle/addons/forms/form02.css ./wymstyle/addons/forms/form01.css ./wymstyle/addons/dotclear/skins/default/all.css ./wymstyle/addons/dotclear/skins/default/layout.css ./wymstyle/addons/dotclear/skins/default/typo.css ./wymstyle/addons/dotclear/skins/default/colors.css ./wymstyle/addons/dotclear/skins/default/borders.css ./wymstyle/core/cols-2-xm.css ./wymstyle/core/ie4-undo.css ./wymstyle/core/typo-reset.css ./wymstyle/core/navlang-topright.css ./wymstyle/core/cols-2-mx.css ./wymstyle/core/dev.css ./wymstyle/core/cols-equal-alt1.css ./wymstyle/core/navpri-horizontal-menudown.css ./wymstyle/core/colors-branding.css ./wymstyle/core/navpri-horizontal.css ./wymstyle/core/cols-3-smn.css ./wymstyle/core/cols-3-msn.css ./wymstyle/core/cols-equal.css ./wymstyle/core/cols-3-nms.css ./wymstyle/core/navpri-horizontal-pre.css ./wymstyle/core/print.css ./wymstyle/core/colors01.css ./wymstyle/core/layout-fixed.css ./wymstyle/core/ie4.css
追記
実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~
- 作者: 市瀬裕哉,福島英児,望月真琴
- 出版社/メーカー: 技術評論社
- 発売日: 2008/11/29
- メディア: 大型本
- 購入: 18人 クリック: 293回
- この商品を含むブログ (60件) を見る
そういえばこの本を書いた人の vicuna も思い出したので見てみた。
$ find ./mtVicuna221 | grep '.css$' | grep -v 'example' ./mtVicuna221/mt-static/themes/style-vega/layouts.css ./mtVicuna221/mt-static/themes/style-vega/preview/check/check.css ./mtVicuna221/mt-static/themes/style-vega/core.css ./mtVicuna221/mt-static/themes/style-vega/import.css
1 @charset "UTF-8"; 2 3 @import url(core.css); 4 @import url(layouts.css);
実際に呼び出しているのは、2ファイルか。
確か前は、element.css、common.css、layout.css、module.css とか
4ファイルくらい呼び出してたような。少なくしたのかな?
ちゃんと見てないからよくわからないけれども。