小编Ada*_*m C的帖子

我该向谁提出CSS开发建议?

我认为我认为CSS开发是一个有用的想法,但我不确定在哪里提出我的建议或者应该向谁发出指示.

在W3C上是否有针对CSS改进建议的通用收件箱?我知道将起草,测试和放入CSS规范的建议需要永远,但没有时间像现在一样......

css

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

Flexbox 布局模式:5 个正方形(1 个大,4 个小)

我正在尝试组合一个弹性盒布局 - 出于这个问题的目的,我将其称为“方形五块”布局(见图) - 但我遇到了麻烦,正如我尝试过的所有实验一样包裹不正确。

我见过使用浮动完成的相同布局,但我希望能够稍微适应未来并使用更新的方法 - 因此是 Flexbox。我尝试过搜索这种模式,但似乎没有一致的名称,因此找到类似的示例很困难。

我也使用视口单位来确保块保持完美的正方形,所有这些都基于视口宽度(vw)单位。

div { width: 25vw; height: 25vw; }
div:first-of-type { width: 50vw; height: 50vw; }
Run Code Online (Sandbox Code Playgroud)

主要特征是所有块都应该是正方形,但是第一个块的大小应该是其余四个块总和的大小。以前有人见过或做过这样的布局吗?

使用 Flexbox 的 5 块完美正方形网格; 第一个块的大小应与其余四个块的大小完全相同

谢谢!!

html css layout ui-patterns flexbox

5
推荐指数
1
解决办法
6372
查看次数

选择选项:jQuery,Case和show/hide表单字段

根据select控件的值显示/隐藏表单字段的最有效方法是什么?我有一个选择控件和三个输入字段,根据您工作的业务类型显示/隐藏.

<select id="business-type">
  <option value="1">Sole Trader</option>
  <option value="2">Partnership</option>
  <option value="3">Public Sector</option>
  <option value="4">Public Limited Company (Plc)</option>
  <option value="5">Charity</option>
</select>

// This should appear if you are a Sole Trader (option 1 in the select box)
<div id="soletrader">
<label for="tax">VAT Number</label>
<input type="text" name="tax" id="tax" /> 
</div>

// This should appear if you are a Public Sector business (option 3 in the select box)
<div id="publicsector">
<label for="urn">URN Number</label>
<input type="text" name="urn" id="urn" />   
</div>

// This should appear if you …
Run Code Online (Sandbox Code Playgroud)

forms jquery select input case

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

我可以使用Google Analytics在用户的浏览器中确定HTML5支持吗?

Google Analytics是否能够检测访问浏览器的HTML5支持级别?我想知道我的访问者浏览器中有多少百分比是HTML5准备好的.目前获取此数据的唯一方法是分析访问者的浏览器统计信息,然后尝试在每个浏览器自己的帮助页面上查找支持信息.你可以想象这有点费时和令人沮丧.

如果对HTML5标签的支持很高,那么它将加强我开始迁移到HTML5语义的情况 - 我的'上司'要么不明白它是什么,要么担心它是巫术.

html5 google-analytics

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

jQuery在多个tbodies之间拖动(重新排序)表行

我很喜欢CSS,但我很擅长使用jQuery.我们都有自己的局限......

好的,我将开始的方式.我们有一个"最喜欢的产品"表,您可以将其分类为类别(例如,Booze,Sheep,Spoons).每个类别都是一个.每行(不包括)是一种产品.

我想让用户拖放(重新排序)表行,甚至在tbodies之间.我已经看过jQuery的Table Drag and Drop(DnD)插件但是很失望地发现它并不真正支持在tbodies之间拖动 - 而且还没有更新很长一段时间.

这是基本的表结构:

<table>
  <thead>
    <tr>
      <th>Favourite</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Spoons</th> <!-- secion title, not draggable -->
    </tr>
    <tr>
      <td>Wooden Spoon</td>
    </tr>
    <tr>
      <td>Metal Spoon</td>
    </tr>
    <tr>
      <td>Plastic Spoon</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <th>Nuclear Bombs</th> <!-- seciont title, not draggable -->
    </tr>
    <tr>
      <td>US Nukes</td>
    </tr>
    <tr>
      <td>Soviet Nukes</td>
   </tr>
 </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

我将需要转换某些行的"可拖动性",例如第一行 - 这是节标题.

是否有更好的jquery插件版本可以满足我的需求?如果你能找到更好的插件,请分享并赢得我"本周最喜欢的人"奖.

谢谢.

javascript jquery

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