Anymoore

标签： 设计

  • 换了个首页

    放弃了背景图，以黑为背景色，品红为辅助色，风格奉行一贯简约至上。

    网页预览，字体采用倍受青睐的Verdana，三栏布局，中间线分割线置于屏宽0.618比率位置，最新文章的调用用feed to JavaScript，速度体验都比以前好。

    旧版：

    旧版的倒计时的确让人有压迫感。

  • 简单色调处理

    ps-color2

     

    简单的照片色调处理，平时可以用上…

    1. 打开你要更改的照片；
    2. 创建一个调整图层（菜单栏）→黑白（CS3中或是“White&Black”），在色调选项中打勾，使用默认设置，也可按喜好更改；
    3. 图像→应用图像，都使用默认设置即可；
    4. 盖印图层（ctrl+shift+alt+e）；
    5. 再次创建调整图层→曲线，提高亮度，加深暗部，要是觉得的原图对比够的话可以不加；
    6. 滤镜→扭曲→镜头校正→加暗角（可以不加此步骤）；
    7. 再次盖印图层；
    8. 选择滤镜→锐化→USM锐化。

  • 通过JS在IE中使用HTML5元素

    通过JS 创建此对于IE未知的HTML5元素,再在CSS定义样式属性：

    document.createElement(newElementName)

    具体实现：

    <html>
    <head>
    <style>blah { color: red; }</style>

    <script>document.createElement("blah")</script>
    </head>
    <body>
    <blah>Hello!</blah>
    </body>
    </html>

    更多详细请参考：《HTML5 Shiv》

    批量引入新元素[怿飞]：

    (function(){
        // from: http://dean.edwards.name/weblog/2007/03/sniff/
        if(!/*@cc_on!@*/0) return;

        var html5= “abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,

    figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video”.split(‘,’);
        for(var i = 0, len = html5.length; i < len; i++ )
            document.createElement(html5[i]);
        }
    })();

    很简单，很省事~