小编Pre*_*mbo的帖子

如何在SASS中将整数转换为十六进制

代替Chris Eppstein在SASS正在进行的工作中提到的类似Map数据结构的方法,我正在尝试实现类似的方法-将字符串映射到相应的十六进制值,该值将用于指定CSS的Unicode字符内容属性。(我正在尝试重构一些字体图标的SASS代码。)

目前,我有一些基本的东西:

/*icon1  -->  \F000
  icon2  -->  \F001
  icon3  -->  \F002*/

@function u-char($name) {
    @if $name == icon1 {
        @return "000";
    } @else if $name == icon2 {
        @return "001";
    } @else if $name == icon3 {
        @return "001";
    }
}

@mixin icon-class($name) {
    ...
    content: "\f#{u-char($name)}";
    ...
}
Run Code Online (Sandbox Code Playgroud)

但是我实际上是在尝试映射大量字符,因此这种方法很麻烦。我希望能够做类似的事情:

@function u-char($name) {
    $i: 0;
    $itemList: item1, item2, item3;

    @each $currItem in $itemList {
        @if $name == item1 {
            @return i-to-hex-str($i);
        }
        $i: $i + …
Run Code Online (Sandbox Code Playgroud)

hex sass css3 string-conversion

5
推荐指数
2
解决办法
1374
查看次数

对于网站的"扩展页脚",哪种语义更好 - <aside>或<footer>?

这将是一个网站的扩展页脚"语义标记好<aside>还是<footer>

通过"扩展页脚",我指的是类似于本网站上的扩展页脚(包含联系人详细信息和营业时间),而不是包含版权声明的最底部的"真实"页脚."扩展页脚"的内容将是一般的,站点范围内的,并且与站点页面的内容无特别相关.

根据HTML5Doctor中引用规范:

页脚元素表示其最近的祖先切片内容或切片根元素的页脚.页脚通常包含有关其部分的信息,例如谁编写它,链接到相关文档,版权数据等.

我倾向于实现类似的东西

<footer>
    <div id="extended-footer"> <!-- Sitemap, latest posts, contact details, etc. --> </div>
    <div id="bottom-footer"> <!-- Copyright notice etc. --> </div>
</footer>
Run Code Online (Sandbox Code Playgroud)

但是,我注意到HTML5Doctor网站本身使用的东西类似于下面的剪辑:

<aside id="extended-footer"> ... </aside>
<footer> <!-- similar to id-footer --> <footer>
Run Code Online (Sandbox Code Playgroud)

我注意到虽然HTMLDoctor的"扩展页脚"似乎与实际文章/内容有某些联系(即通过"相关帖子"部分),因此可能可以作为<footer>内部实现<main>.

html html5 semantic-markup

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

JQuery - 选择除最后列表之外的所有列表(来自多个列表.)

我想知道这是否是最优雅和最有效的方式吗?

我有多个'标签'列表,并且通过CSS,我希望标签显示为内联(显示:内联)并以逗号分隔.我遇到的挑战是将逗号添加到每个ul.tagList中除最后一个列表项之外的所有列表:

 <ul class="outerList">
    <li>
        <div class="innerContainer">
            <ul class="tagList">
                <li>Tag A</li>
                <li>Tag B</li>
                <li>Tag C</li>
            </ul>
        </div>
    </li>
    <li>
        <div class="innerContainer">
            <ul class="tagList">
                <li>Tag D</li>
                <li>Tag E</li>
                <li>Tag F</li>
            </ul>
        </div>
    </li>
 </ul>
Run Code Online (Sandbox Code Playgroud)

要在所有ul.tagList列表项上添加逗号,但是最后一个,我使用:

 $('ul.tagList').children(':not(:last-child)').append(',');
Run Code Online (Sandbox Code Playgroud)

这会产生:

标签A,标签B,标签C.

标签D,标签E,标签F.

这是最好的方法吗?

另外,为什么:不是(:last-child)工作但不是:不是(:last)在这种情况下?

非常感谢您的帮助+解释.

Prembo.

xhtml jquery jquery-selectors

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

在PHP中使用表达式(连接字符串)初始化类成员变量

我想使用表达式初始化类成员var-通过连接字符串...为什么以下不可能......

class aClass {
    const COMPANY_NAME = "A Company";
    var $COPYRIGHT_TEXT = "Copyright © 2011 " . COMPANY_NAME;  // syntax error on this line - why?
    var $COPYRIGHT_TEXT2 = "Copyright © 2011 " . "A Company";   // even a syntax error on this line
}
Run Code Online (Sandbox Code Playgroud)

非常感谢您的帮助.

Prembo

php

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

在Mac上安装Jython的最佳位置

我正在尝试在我的Mac(Snow Leopard)上安装Jython.安装程序提示我安装它

/Users/myusername/jython2.5.2
Run Code Online (Sandbox Code Playgroud)

然而,这似乎是一个不适合安装解释器核心,库模块等的地方......

关于哪里可能是更合适的文件夹的任何建议......怎么样

/User/bin/jython2.5.2
Run Code Online (Sandbox Code Playgroud)

这样做会有副作用吗?

macos installation installer jython osx-snow-leopard

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

Bigcommerce:%% SNIPPET_SideCategoryList %% - 底层模板文件在哪里?

在文件模板/ Panels/SideCategoryList.html中有行%%SNIPPET_SideCategoryList%%.

当我修改文件时,我认为这一行指的是(template/Snippets/SideCategoryList.html),我看到结果输出完全没有变化.

知道底层模板文件在哪里?

更新:根据这篇文章,它可能是一个无法编辑的"隐藏片段".谁能证实这一点?如果是这样,模板/ Snippets/SideCategoryList.html的目的是什么?

模板/板/ SideCategoryList.html <div class="CategoryList" id="SideCategoryList"> <h3>Categories</h3> <div class="BlockContent"> <div class="%%GLOBAL_SideCategoryListTypeClass%%"> %%SNIPPET_SideCategoryList%% </div> </div> </div>

模板/片段/ SideCategoryList.html <li class="%%GLOBAL_LastChildClass%%"> <a href="%%GLOBAL_CategoryLink%%"> %%GLOBAL_CategoryName%%</a> %%GLOBAL_SubCategoryList%% </li>

从上面的模板代码中可以看出,Panels和Snippets之间的SideCategoryList.html没有<ul>.对模板/代码段/ SideCategoryList.html进行更改没有任何区别.这似乎指向%%SNIPPET_SideCategoryList%%从其他地方提取代码.

templates bigcommerce

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

有没有办法让嵌入式谷歌地图成为静态不可点击的图像?

不幸的是,在我正在处理的网站上,营业场所的StreetView图像已经过时,而且对业务并不是很讨人喜欢.

是否有任何方法可以(通过Maps API)将地图图像设为静态图像,该图像不会链接到显示StreetView图像的完整Google地图图片?

我试图避免手动嵌入图像,因为我希望能够以编程方式执行此操作.

谢谢.Prembo.

javascript google-maps google-maps-api-3 google-street-view

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

语义标记和ARIA角色,用于指示页面的主要和辅助导航

有没有一种方法可以指示(出于辅助目的)页面上的哪个导航菜单是主要导航?

<nav role="navigation" id="primaryNavMenu">
    <ul> ... </ul>
</nav>

<nav role="navigation" id="secondaryNavMenu">
    <ul> ... </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

能做这样的事情会很好:

<nav role="navigation primary" id="primaryNavMenu">
    <ul> ... </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

但我在ARIA文件中看不到任何此类规定.

navigation html5 accessibility nav wai-aria

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