关于HTML和CSS的那些事

鄙人前台技术很烂，页面做也不是怎么好看，不过自己也学习一点关于CSS/DIV相关的内容，但是做出的页面那个叫丑啊！ 所以从网上找了一些关于前台的相关内容和一些很好的CSS的框架，差不多都是使用了HTML5和CSS3技术。

这个是关于颜色代码的对照表，经常使用到这些：
http://www.qqbingshi.com/tools/yanse.html

这两个是w3schools中相关的内容：
http://www.w3schools.com 和 http://www.w3school.com.cn

设计网站的Logo或是图标什么的，这个也许会用到：
http://free.logomaker.cn

番羽土啬的，Twitter网站应该知道吧，这个网站页面做的是不是很漂亮，这个呢就是Twitter下的CSS框架，bootstrap：
http://twitter.github.io/bootstrap
另外，JQuery利用bootstrap开发出文件操作的样式框架，Bootstrap FileStyle，jQuery FileStyle for Bootstrap
Customization of input html file for Bootstrap Twitter：
http://dev.tudosobreweb.com.br/bootstrap-filestyle/#Browser

只要提到bootstrap，立马会让你想到另一个优秀的CSS框架bootswatch：
http://bootswatch.com

这个网站 http://www.jqfancyfields.com ，是我前几天在Google+上无意间看到的，发现这个也不错，HTML基本控件的样式都有而且做的效果也很酷

以下这些前台页面框架，我没有接触过，但觉得也不错，收藏一下：

http://compass-style.org
http://groundwork.sidereel.com
http://gumbyframework.com
http://fortawesome.github.io/Font-Awesome
2013流行的web前端css框架推荐：http://diy.wpbars.com/2013-css-framework.html

以下这些网站和论坛也是前端网站，在没事的时候可以看一看：
前端实录：http://www.mei027.com

前端观察：http://www.qianduan.net

小虾虎鱼：http://www.xiaoboy.com

我记得还有一个前端页面框架是可以做出Windows8那种平面的效果，但具体是哪一个框架，倒是忘记了！刚用Google搜索了一下找到了，叫bootmetro：http://aozora.github.io/bootmetro。

刚才一不小心在开源中国上找到很丰富的内容：http://www.oschina.net/project/lang/269/html-css?tag=0&os=0&sort=view&，然后我就觉得我没必要整理了，反正也是整理了算了！

好了，关于前台就整理到这里吧，以后要是再看到很好的再补充一下，不管这个行业有多少框架，但是作为一个开发人员，也要掌握前端HTML/CSS/DIV技术。

Xin-Cheng Wu