爱意满满的作品展示区。
dimpurr

纯 CSS 实现的 HTML Head Meta 标签代码生成器

  •  
  •   dimpurr ·
    dimpurr · May 30, 2015 · 4234 views
    This topic created in 4032 days ago, the information mentioned may be changed or developed.

    HTML Head Generator by Dimpurr

    短链接: http://find.moe/headgen

    一个纯 CSS 3 选择器实现的小玩具 ,以解决每次要写 HTML 头都得去找个之前的文档复制,还得琢磨半天需要哪些的麻烦。如果有更好的实现思路或觉得有可以改进的地方请不吝赐教 ……

    样式效果是 @dring 同学的建议。关于实现的具体介绍和 Meta 代码参考来源可以参见 HTML Head Generator - 纯 CSS 实现的头部元标签代码生成器 - 钉子の次元

    10 replies    2015-06-01 15:04:30 +08:00
    Septembers
        1
    Septembers  
       May 30, 2015
    好多meta我都不知道,感谢分享
    Kilerd
        2
    Kilerd  
       May 30, 2015
    ```html
    <link rel="alternate" type="application/rss+xml" title="RSS" href="uri" />
    <link rel="shortcut icon" type="image/ico" href="uri" />
    ```

    uri 是什么鬼
    giuem
        3
    giuem  
       May 30, 2015
    思路不错,用了checkbox

    之前我能想到的是用 target 实现
    abelyao
        4
    abelyao  
       May 30, 2015
    @Kilerd 资源地址,用在这个地方比 URL 更准确。
    cyio
        5
    cyio  
       May 30, 2015
    左侧挺长的,滚起来挺麻烦的,滚动条似乎也不正常。(允许显示成多列,或者增加个搜索框快速过滤)
    按钮没有hover pointer,怪怪的。
    breeswish
        6
    breeswish  
       May 30, 2015
    思路和那个纯 css 实现打地鼠有异曲同工之妙~
    dimpurr
        7
    dimpurr  
    OP
       May 30, 2015
    @cyio 显然我不太清楚怎么不用 JavaScript 实现搜索功能 ……
    Niphor
        9
    Niphor  
       Jun 1, 2015
    居然还能这样玩...
    goldenlove
        10
    goldenlove  
       Jun 1, 2015
    好赞~ 收藏,对于我这样的懒人来说挺实用地~
    可以继续丰富内容~
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2668 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 69ms · UTC 05:37 · PVG 13:37 · LAX 22:37 · JFK 01:37
    ♥ Do have faith in what you're doing.