小编gil*_*esv的帖子

流体像盒子?

我正在建立一个响应式网站,需要为客户的Facebook粉丝页面添加一个Facebook Like-Box.like-box开发者页面有一个用于自定义的小部件,但它不允许您以百分比形式设置宽度.

我已经搜索过,最接近的是我从2010年开始的这个页面,它指的是一个fb:fan小部件,它允许你链接自定义CSS.我试图让本教程工作但它失败并出现此错误:

<fb:fan> requires one of the "id" or "name" attributes.
Run Code Online (Sandbox Code Playgroud)

所以,回顾一下,我需要一个Facebook Like Box,我可以将其设置为流畅的,或者允许我将自定义CSS传递给它生成的iFrame.有人能指出我正确的方向吗?

responsive-design facebook-likebox

19
推荐指数
4
解决办法
2万
查看次数

一个HTML页面上的多个表单:如何将Tab键限制为单个表单?

我目前正在建设的网站与常规有点不同.所有网站内容都不在一个单独的index.php文件中,而是使用绝对定位和javascript,用户可以在页面之间跨越网站"平移",而不是拥有多个单独的页面.

页面中还有几种不同的形式.我被告知不要担心禁用Javascript的人,因此我们选择了jQuery与页面上所有表单的JSON Web服务相结合.这一切现在都很完美,但是有一个轻微的可用性问题:tab-indices.

由于存在多个表单,从一个输入字段到下一个输入字段的标签可以导致当用户到达表单的末尾然后再次标记时用户突然跳转到站点的完全不同的部分.这在Firefox和Safari中尤其令人讨厌,其中在选项卡时忽略按钮和单选按钮.

所以这是我的问题:有没有人知道将用户的焦点约束到单个表单元素的方法?

html javascript accessibility

15
推荐指数
2
解决办法
1万
查看次数

如何测试移动webkit

我正在寻求建立一个新的网站,并希望采取负责任的"移动优先"的方法.这种方法的一个原则是只加载你需要的东西,并避免包含大量浪费的库和框架,直到你真正需要它们为止.

为此,我打算使用modernizr2来测试功能,然后只加载所需的文件和库.

在javascript方面,我真的很有兴趣使用类似zepto.js(http://zeptojs.com/)的东西,这是一个小巧的javascript库(2-5k),针对移动webkit(和单独的移动webkit)进行了优化一个jquery兼容的语法.它也被设计为具有全开jquery的"热插拔".所以我的策略是(伪代码):

  • 测试移动webkit
  • 如果(true)加载zepto.js
  • if(false)加载jquery

但现在我的问题是:你们建议用什么(未来证明)技术来检测移动webkit,最好是以纯粹的javascript方式(不使用jquery,插件或其他库)并且可以与modernizr的测试API集成?

jquery html5 mobile-website modernizr zepto

6
推荐指数
1
解决办法
4692
查看次数

Internet Explorer中的HTML5元素:运行时插入

我在Internet Explorer 7及更高版本中使用HTML5元素时遇到问题(不测试IE6).我知道默认情况下,IE拒绝识别常见的HTML5元素,如"文章"或"标题",而不使用Javascript"shiv".我使用了modernizr(http://www.modernizr.com)来强制IE识别这些元素,以便我可以将CSS样式应用于它们.到现在为止还挺好.

现在的问题是应用程序使用Javascript来获取某些HTML片段(包含HTML5标记)并在运行时将它们插入到文档中.在所有其他浏览器上,这完美无缺,但在IE中,在运行时插入的元素无法使用CSS设置样式.

这是我正在注入页面的标记块的示例:

<article id="block-1" class="block">
  <a href="#">
      <h2>Title</h2>
      <p>Text</p>
      <img src="http://dummyimage.com/100x100" width="100" height="100" alt="placeholder" />
  </a>
</article>
Run Code Online (Sandbox Code Playgroud)

我通过用公共div替换article标签来测试我的理论,这似乎解决了现在的问题,代价是语义标记.但我想知道是否有更多面向未来的解决方法.

javascript css html5 internet-explorer

3
推荐指数
1
解决办法
795
查看次数

在 WordPress 中实现简单的动态路由

假设我安装了一个干净的 WordPress,带有基本的自定义主题。

在该主题中,我有一个自定义页面模板,它只是一个 iframe,它指向不同域上的 web 应用程序。

因此,假设我的 WordPress 安装可以通过http://example.com进行,并且带有 iframe 模板的页面位于http://example.com/members/

我现在想添加动态路由,以便对http://example.com/members/loginhttp://example.com/members/event/1(例如)的所有请求都转到http:// example.com/members/但将路由的第二部分(“/login”或“/event/1”)传递到内部的 iframe。

在不侵入 WordPress 内部的情况下实现这一目标的最佳方法是什么?

我找到了这个插件: https: //wordpress.org/plugins/wp-on-routes/但令我沮丧的是我发现当我尝试使用它时它完全覆盖了 Wordpress 的内置路由,这意味着我必须手动重新添加每个 URL(据我所知,我在 PHP 方面还不够成熟),这是不行的,因为我的客户仍然需要能够在不手动编辑 php 文件的情况下进行发布。

感谢您的阅读。

php wordpress .htaccess iframe url-routing

3
推荐指数
1
解决办法
4643
查看次数