问题标签 [html5boilerplate]

什么是用于构建移动网站的轻量级移动网站样板解决方案？我正在建立一个移动网站，并希望找到一个可以再次用于未来项目的好的解决方案。

我找到了一些：

• jQuery 移动 (http://jquerymobile.com/)
• HTML5 样板移动版 (http://html5boilerplate.com/mobile)
• 骨架 (http://www.getskeleton.com/)

尽管 JQuery Mobile 似乎受到青睐，但它似乎确实是一个巨大的有效载荷，可以交付给每个移动用户。HTML5 Boilerplate Mobile 看起来是一个不错的选择，因为我在过去的项目中使用过 HTML5BP。

Skeleton 似乎是最轻量级的解决方案，但我担心它将来可能缺乏支持。不是很了解，有大神能指点一下吗？

我一直试图让这个脚本在零运气的情况下工作一个小时。

继承人正确的jsfiddle：http: //jsfiddle.net/zachleat/WzN6d/

这是我的网站，其中损坏的代码是： http ://designobvio.us/dov2/index.html

我完全是 javascript/jQuery 的新手。如果这是一个迟钝的语义问题，请原谅我。

谢谢你

测试的浏览器：Chrome、IE、Firefox。问题是 BusinessNav ID 不断被推送超过 3 列。

这是我希望页面看起来像http://www.designobvio.us/dov2/Homepage1.pdf

我当然可以破解这段代码来进行定位。但正如你所看到的，还有更多页面。如果我现在开始 hack，它肯定会变得越来越难看。

首先是网站：http ://designobvio.us/dov2/index.html （我已经强调了潜在的问题区域）

CSS样式：search /* User Styles * /（只有几个）

这是低调：

这段代码受到以下影响：

或者

有人看到我的代码中的差异吗？谢谢大家

在我的下一个个人项目中，我想使用 HTML5 文档类型。我知道几乎所有浏览器都支持 HTML5，甚至 IE6，因为 HTML5 向下兼容。

但是：我是否必须使用任何 JS 库才能真正使其工作，例如 HTML5shim、Modernizr 或 HTML5 Boilerplate（尽管我知道 HTML5 Boilerplate 不是库）？

我的意思是，如果我不必使用它们，这些项目是什么 - 我读过使用 HTML5shim 将是所谓的“最佳实践”，这是真的吗？如果我不使用其中任何一个会怎样？section一些浏览器会忽略标记元素aside吗？

我还读到使用这些库本质上是不好的，因为如果用户停用了 JS，网站就会中断 - 但另一方面：现在谁停用了 JS？我可以只包含一个noscript标签，不是吗？

另外，我在一篇文章中读到，这些库会导致更多问题，然后才能给我们带来好处。在我看来，这似乎是作者的个人观点，还是它们真的造成了这么多问题？

编辑

好吧，在测试 Modernizr 和 HTML5 Boilerplate 之后，我不得不说这是一个很好的解决方案。但是有一件事困扰着我，我不确定我是否做得对。示例：我想border-radius在一个名为#form-box. 对于这个例子，我假设圆角对于网站是必不可少的。如果它们不是必需的，如果 IE 用户看不到它们，我不会看到问题。

所以我有了这个类，为这个盒子提供了每个浏览器应该能够解释的基本样式：

然后，对于知道的浏览器border-radius：

对于不知道的浏览器border-radius（即 IE6），我使用添加圆角的 polyfill“PIE”，即使在使用 JS 的 .htc 文件的 IE 中：

这就是我目前的做法。这很酷，但是：这么多重复的代码？这真的有必要吗？还是我做错了什么？

我决定开始使用 HTML5BP 和 Bootstrap2（带有响应选项）作为我未来项目的起点，并认为 Initializr.com 的包生成器是让这两个产品工作的好方法。所以我下载了 Initializr 包，其中选择了样板、响应式引导 2、modernizr、响应、jQuery 开发、LESS 和 IE 类选项。

将压缩包的内容放入干净的工作文件夹后，一切都按预期进行。并且打开 index.html 文件正确显示了预期的 Bootstrap 风格的“英雄”模板。这对本地开发非常有用，但我希望能够在本地编译 LESS 文件并将适当的 CSS 文件上传到我的服务器以用于生产代码。

输入 SimpLESS/LESS.app 和我的第一个障碍。

使用 SimpLESS/LESS.app 时，应该从 index.html 中删除以下 2 行（根据该文件中的注释）：

并将它们替换为：

以下是 index.html 的实际评论：

这就是我遇到问题的地方。即使 SimpLESS 正在正确编译所有 LESS 文件，并将结果放入“less”子目录中的“style.css”文件中，并且上面的行已替换为 ，Safari 似乎没有加载 Style .css。

我做错了什么？

我也不应该生成脚本错误：

但是即使<script src="js/libs/less-1.2.1.min.js"></script>已经用于正确显示页面，也会发生错误。

编辑：我想如果我包含 index.html 的 HTML 可能会有所帮助:)

首先，在浏览器级别解释LESS，使用less.js（一切正常）：

接下来链接到 LESS 编译的“style.css”，它永远不会被加载：

更新：找到答案，当stackoverflow允许我发布它:)

我刚拿到我的新电脑，我要重新学习一个 IDE。每个人都建议使用 Eclipse；因此，我会同意的。我下载了 Java EE，因为我以后也可以将它用于 Java 编程。我不介意臃肿。

我想要实现的是，每次我创建一个新的网站项目时，HTML5 Boilerplate也会被创建为项目的模板。任何人都知道如何实现这一目标？

此外，任何其他用于 web 开发的插件或任何对 eclipse 的 web 开发想法有帮助的东西都将不胜感激。

我在这里做了一个HTML5 Boilerplate + Twitter Bootstrap集成，只需调用 bootstrap.css 和 HTML5BP style.css（按此顺序）。

到目前为止，一切都很好，但我在这里有一个问题：在样板样式表中，在打印部分，我放在那里的规则无效......例如：

当我预览打印时，曙光aside仍然存在……我不确定这是 HTML5BP+TB 组合问题还是仅与 HTML5BP 相关；无论如何，我会感谢一些帮助！

问候！

I have made a website in VS2010 (in HTML and JavaScript)

Now I am using HTML5Boilerplate to publish my website.
Now to minify the javascript files I need to specify their path in a file that is under the build folder by name project.properties.

In that file their is the below structure in which you can specify the files that need to be minified. dir.publish
dir.js
dir.js.libs
dir.js.mylibs
dir.css
dir.images

The problem is I have two folder in my website that contain .js file and I need to minify them all.

Now in project.properties I can specify the path of that folder by writing

dir.js = /AppSrc/direct/js/mylibs/grids In the grid folder are my .js files.

but I have another folder that has the .js files.
So how can I specify two folder paths that contain .js files in project.properties.

If anyone has done this please let me know on how I can do this.

我了解 H5BP 构建脚本（实际上我使用的是 Node 版本 btw）如果@import放入style.css.

现在我不明白为什么构建脚本将导入（分隔）的 CSS 文件保留在publish目录中，为什么不删除它们......它们应该不再有用了！此外，我必须@import在第一行之后立即写入style.css以正确加载它们，但style.css似乎我应该primary styles在第 217 行之后编写自己的样式......

有人能告诉我用分离的 CSS 创建网站并将它们style.css正确连接起来的最佳方法是什么吗？

提前致谢。

我正在使用html5 样板和他们的 .ir 类。我使徽标可点击，我想将它放在页面中心，但到目前为止还没有运气。我试过 margin: 0 auto; 和文本对齐：居中；但它们似乎都不起作用。

html

和CSS