推荐几个不错的HTML/CSS/JS学习网站

早上打开Google Reader,看到了伯乐在线的这篇文章《7种从头开始免费学习编程的方法》,里面谈到了几个HTML/CSS/JS的入门网站,其中Mozilla的Developer Network以前看到过。特地把这几个站点都截了图,给大家推荐下,其实我也没具体看,先mark一笔,等工作落实了再好好看看。

(以下标题就是传送门)

继续阅读推荐几个不错的HTML/CSS/JS学习网站

囧,又写了一个半成品主题—NoSky

看到大家都说我的第一个主题:CodeDark 背景太黑了,其实啦,我自己也有点这么觉得,刚开始挺喜欢这个背景,不过看多了眼睛就发囧了。

现在的这个主题,是我这两天从早上8,9点一直写到半夜2,3点才写出来的,其实还不完整,而且功能也有很多需要添加的,这几天到处学习,包括欣赏别人的优秀博客,以及在蓝色理想BBS看一些经典的问题,学到了很多,这款主题的框架构思来源于企鹅君的博客,想必大家看出来了,我的顶菜单,以及主要部分和他差不多,因为我觉得这个光晕挺好看的,所以在这个博客里box-shadow这个元素就用的比较多。当然啦,企鹅君比我厉害了多得多,我在这方面还是个小菜,在他博客学到了很多,向大家推荐下哈(传送门:http://neverweep.com/)。

 

这款主题我还准备继续修改,大概这一个假期我都会围绕这款主题一直优化吧,暂时也只能这样了,毕竟我不是搞web前端的,这些我只是感兴趣,而且对于我来说学习的起点相对较低,所以我才花一些时间去做,开学了就得找工作了,话说曾经错过了校招很是后悔,所以要好好准备了,也就没多少时间再写主题了,还是一边优化这,一边巩固我以后要吃饭的玩意吧,等工作找到了再好好折腾这块,嗯,就这样了~~~~~

 

Date:2012.1.17 凌晨 1:22 @ Home By Tanky Woo

自己做的第一款主题—CodeDark

时常在网上找主题,偶尔找到一些心仪的,但是有些细节还是不太满意,并不是说他们不好,只是每个人的口味不一样,没有能100%满足每个用户的主题。

我是个喜欢折腾的人,虽然我也是搞代码的,但是并不是搞前端的,不过我很喜欢,当然,时间和天分都有限,一直没有时间学这些,这个假期前就决定要做一款主题了。曾经一年前早就把水煮鱼的wordpress主题制作教程看过了,也买过基本HTML,CSS的书看,因为学过一些其他的脚本语言和面向对象语言,所以对PHP, JavaScript这些简单的看一下语法,基本就可以上手了。

前几天又重新把水煮鱼的那份教程看了,然后也百度看了其他的一些教程,包括露兜, 幸福收藏夹他们的教程, 学到了很多, 然后就对着教程以及其他的一些主题, 然后看看哪些设置自己喜欢的, 吸取别人的优点,然后再加上自己喜欢的一些元素,就作成了这一款主题。

FF9.0, Chrome下没有问题,不过IE8下貌似很多错位的,继续修改吧。。。


关于这款主题名字的由来,其实是因为我的一些IDE,包括Emacs, VS2008, Eclipse, Aptana等等,所选择的配色方法都基本是这种色调,所以我这款主题的配色基本都是取自我平时IDE的配色方案。

     主题的截图:

screenshot

这款主题暂时就做到这了,然后平时再慢慢修改。

晚上把自定义菜单,支持PageNavi,嵌套回复等问题都解决了。

不过还不是很满意,暂时就不提供下载了~~~

做主题这活确实不能轻易尝试,这一玩,几天都是到2,3点才睡的,还木有感觉一天就过去了,囧oz

Date: 2012.1.14 @ home By Tanky Woo

CSS 圆角技术

在CSS3以前,大部分都是用1/4的圆形图片来实现圆角。

这里找了几篇文章,详细讲解了在CSS 3.0以前如何实现圆角技术:

1.http://www.webjx.com/CSS/20080503/css_5375.html

2.http://www.21shipin.com/html/63772.shtml

3.http://article.yeeyan.org/view/seasun/40032?from_com (推荐)

CSS3出来以后,有属性可以支持圆角了—border-radius属性。

以下是介绍border-radius使用方法的文章:

1.http://www.ruanyifeng.com/blog/2010/12/detailed_explanation_of_css3_rounded_corners.html (推荐)

2.http://www.qianduan.net/compatible-all-browsers-css3-rounded-corners.html

尝试做的第一个主题GrayBox(未完工~~)

赶潮流,尝试着做了自己的第一个主题,不过还有一部分未完善,比如:

1.搜索框的美化

2.头部及尾部的美化

3.评论栏的美化及头像调用

还有一些暂时没想到。

之所以叫GrayBox,因为这款主题基本都是由灰色的小方块盒子组成,所以我就直接叫他GrayBox了。

当然,这是我第一次尝试着做,而自己学CSS,PHP这些也只有半个月多,javascript大概了解一点基础。所以我还是比较兴奋了,但是时间不允许自己过多深入了,准备暂时搁置一段时间,先得把自己可以混口饭的东西学好,当然,前端的这些学习我也会继续进行,争取以后把这当成我的一个副职业。

先放一张首页图,大家表喷我哈!

GrayBox
GrayBox Theme