Tag: html5boilerplate

如何正确整合HTML5 Boilerplate与Twitter的Bootstrap？: 在我的Play 2.0项目中，我已经集成了Bootstrap（因为文件较less，Play可以在飞行中编译），但是现在我发现了Boilerplate，我认为使用它也是一个不错的主意。经过一些Googlesearch，我发现这个： http : //www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa 所以，看起来整合应该是可能的，甚至有2个项目试图做到这一点。唯一的问题是他们做了完全不同的事情，我不确定哪一个是正确的。 https://gist.github.com/1422879目前的状态似乎忽略了来自Boilerplate的styles.css文件。它被重命名为h5bp.css ，但是我没有在任何地方看到h5bp.css 。 https://github.com/elgreg/html5-boilerstrap另一方面使用它们，只是将styles.css文件分成两部分（ h5bp_normalize.css和styles.css ，它们之间包含bootstrap.css ）。但是Boilerplate和Bootstrap之间没有这种冲突吗？所以我有点失落在这种情况下做事的正确方法是什么？

什么是hackers.txt文件的用法？: 第一不，我不是要求你教我黑客攻击，我只是对这个文件及其内容感到好奇。我的旅程当我潜入新的HTML5 Boilerplate时，我遇到了humans.txt。我GOOGLE了，我来到这个网站http://humanstxt.org/ 。我的注意力立即转到这张照片上：我是否正确读取这个？ Hackers.txt ？于是，我重新开始了谷歌的旅程，停在这篇文章上当我开始阅读这篇文章时，我感觉到黑客和cookies之间的区别。后来我觉得我可能是错的，这个地方就是这个hackers.txt文件是黑客的留言本吗？还有关于hackers.txt文件的其他例子，我在这里find 有些文件包含代码，其他文件只是伤害了全部信息。现在我真的很困惑，留言板，黑客教程或只是历史？题这个hackers.txt文件有什么用？

HTML5 Boilerplate：Meta viewport和width = device-width: 我正在构build一个自适应/响应式网站。关于HTML5BP的最近更改： “ 移动/ iOS的CSS修订 ” 我已经开始使用： <meta name="viewport" content="width=device-width"> …我有这个在我的CSS： html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 当包含initial-scale=1时，从垂直到水平（在iPad / iPhone上）旋转导致布局从2列（例如）改变到3列（由于美达查询， initial-scale=1和JS修复视口缩放错误）。总而言之，在横向模式下，缩放页面： <meta name="viewport" content="width=device-width"> …而这不是： <meta name="viewport" content="width=device-width, initial-scale=1"> 注意：在iPad / iPhone上查看HTML5BP网站时，您可以看到这种缩放效果。我的问题：这是否成为新的标准（即在横向模式下变焦）？我有一段时间向我的同事和老板们解释这个变化……他们习惯于在水平模式下看到不同的布局; 现在页面放大和布局保持不变（除了更大）。如何向无知的群众解释这个问题的任何提示（其中，我可能会被包括在内）？ @robertc：谢谢！这非常有帮助。我其实不喜欢initial-scale=1 ; 这是我的同事谁习惯看到布局的变化，而不是放大。我相信我会被迫添加initial-scale=1来取悦每个人（因为没有缩放，看到布局的变化，是他们以前看到的）。我刚刚注意到github上的HTML5BP index.html和网站，使用<meta name="viewport" content="width=device-width"> ; 对我来说，这是足够好的原因，以消除initial-scale=1 ，但当我试图向“非极客”解释这些事情时，我感到很惊讶。 […]

使用JQuery和JQueryUI的HTML5 Boilerplate与Twitter Bootstrap: 我想build议是否使用HTML 5 Boilerplate或Twitter Bootstrap作为可能使用JQuery UI控件的Web应用程序。也有可能用JQuery UI等效replaceBootstrap控件？提前致谢斯蒂芬

AngularJS在HEAD和BODY: 在所有AngularJS示例中，Angular库都放置在文档的HEAD标签中。我有一个已经build立在HTML5 Boilerplate布局上的现有项目。这定义了JS库应该放在DOM </BODY>标签的最底部。 AngularJS是否需要放在HEAD中？

HTML5 Boilerplate和Twitter Bootstrap: 我已经阅读了Stack关于Twitter Bootstrap和HTML5样板的各种问题。我知道以下几点： Bootstrap和H5BP是不相同的，用于不同的目的我知道Bootstrap是用于什么，我每天都在使用它 – 它是一个前端框架，CSS和JS随时可用。只需将正确的类应用到select器/元素，Bootstrap为您做好一切。他们在他们的网站上有广泛的支持文档，你可以看到他们在框架内提供什么，以及如何实现它… 你可以通过使用initializr来结合两者的能力 H5BP是一个模板…呃这是关于它… 但是我还不知道的是： H5BP用的是什么？访问他们的网站时，他们只给你的源文件，就是这样（哦，是的，和一个video）。使用它有什么好处，为什么你想和Bootstrap一起使用呢？

HTML“no-js”类的目的是什么？: 我注意到，在许多模板引擎中，在HTML5 Boilerplate中，在各种框架和普通的php站点中， no-js类添加到<HTML>标记中。为什么这样做？是否有某种types的默认浏览器行为对这个类作出反应？为什么总是包括它？如果没有no-“no-js”的情况，并且html可以直接处理，那么这不会使类本身过时吗？以下是HTML5 Boilerplate index.html中的一个示例： <!–[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]–> <!–[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]–> <!–[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]–> <!–[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]–> <!–[if (gt IE 9)|!(IE)]><!–> <html lang="en" class="no-js"> […]

页面底部的JavaScript？: 我读过最好把所有的JavaScript文件放在网页的底部。 HTML5 Boilerplate模板似乎同意： http ://html5boilerplate.com/ 似乎被广泛使用。我的问题是：第一，这是否有真正的基础？我已经做了Firebug的testing，似乎有一些小的影响，但它是微不足道的？图像和其他来源似乎并没有开始加载，直到CSS文件和脚本文件已经加载，但坚持他们在底部似乎没有太大的差异。