ing

Angel's Blog.

软件开发,程序设计,前端设计。

重构当前使用的blog主题

花了我今天一整天的时间,重构当前使用的micolog主题,重构的动力在于HTML5

不仅仅是重构前端页面,后台也增加一点业务逻辑的代码实现,

当然了,后台业务逻辑是我这两天业余实现写了点想实现的代码(其实都很简单的实现),

当前主题已经通过HTML5CSS3的valid;

同样,顺便在下午的时候也将tumblr的主题进行更新到HTML5

 

⑴:先说说前端:

1)重构了css样式部分,支持css3的标准和属性,增加了HTML5部分的对应样式设置;

2)删除和修改之前无效的id样式

3)按照HTML5的核心内容,重新将页面修改为HTML5的标准要求。

4)删除HTML5不建议的meta标签和a标签对应的rel属性, 还有建议中文url转换unicode

5)对ie系列浏览器的支持(没有使用ie6,不晓得是否兼容ie6)

6)仿mucid同学blog的评论部分tip

7)其它的一些细节。

 

⑵:然后再说说后台:

1)micologdjango 0.96升级到1.2;

2)application交给run_wsgi_app 句柄处理运行

3)首页不再使用javascript在前端 对编号分页的计算,将计算移交到后台业务处理;

4)增加baidu的sitemap

5)单独增加存档的页面显示archivelists

6)修改 云在天边 提供的 wap插件, 包括后台输出主页编号分页,增加分类的wap页面,支持wap视图下的文章slug功能,对应移动wap版本的mobilesitemap等等功能。

 

对于python:

 

好用,的确好用,我几乎没学过这门语言,却感觉他很亲切,也许我是用java比较多吧,换成python发现它真的很简单,配合django这么协调的mvc框架真的很棒,分层明晰,语言简洁干净,django的view层的标签,后台和数据访问层的py脚本。。。哈哈。。对于我这个python蟒蛇盲,竟然也能应付些。。。当然实现功能的过程也遇到了些error,还好通过经验都解决了,也学习到一些东西。

 

对于 HTML5:

 我也算是跟风吧,呵呵,测试了下各种浏览器的支持,目前为止,chrome和firefox 对HTML5的部分支持是相对好的,opera和safari其次,ie简直就是残废·!!!!

 

HTML5说它更简洁?至少有些部分我并不这样认为的。。。我的感觉它的定义规范、更具有一些约束力;

 

说说他的规范:

提到规范,其实就是遵循的“标准”,“规则”;

譬如 什么标签就应当被某个标签包裹起来,譬如:header 包裹hgroup,而hgroup必须只能和h标签相关,譬如h1h2,不允许有p标签,这个和HTML4系列是不同的;

articlenav标签的定义,使得整个HTML文档对 搜索引擎 更加的友好,区域的语义更加明确;input表单的某些新特性更加人性化,譬如类型为email的表单,是否在表单填写内容的属性required。

还有更有趣的:表单可以支持自定义表达式的正则匹配的属性:pattern。。。。还有很多的特性不罗列了。。。

 

HTML5的canvas也很强大,配合javascript可以进行各种的绘图,如同canvas是一张纸,javascript是水笔,通过javascript可以在强大的canvas上绘画,video标签提供的视频流媒介是HTML5针对Adobe的一个手段,摆脱Adobe的独大。

还有很多。。。。这一点点只是我的个人理解。。。也是我有冲动,将blog重构到HTML5的主要原因,虽然不晓得什么时候能将HTML5标准定下来,但是作为个人来讲,还是很看好 HTML5的。

 

针对css部分的重构:

的确不是那么简单的事情,尤其是怎样将id样式和类样式进行归类和划分,怎样才能更好的重用css而不去滥用;

毕竟我也不是专搞前端开发的,搞前端UI的都伤不起。。。。

 

好了。。。先写到这里了,顺便提醒下大家,天气渐冷,大家也要小心着凉。。。:)

或者通过RSS关注本站的更新 ^ O ^ 。” — by Angel. @ 2011-09-20 - 22:05。 转载请注明:来自 Angel's Blog.
本文永久链接: http://www.q86.net/2011/09/20/blog-code-rebuild-to-html5.html
Angel.  Tag(s):  html5blogcsscss3htmlhtml5micologpython代码编程,   
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed

Comments Trackbacks
9 Comments Contributed by Visitors
查看更多评论,请点击这里
Leave Comments Here...

:) lol 8) :-o evil :( wink :-| :-x twisted 8-O :-P oops idea :-D cry :-? ?

(required)

(required)

随您("http://"可以省略)

(Ctrl+Enter)

我显示验证码...

  • 本站不会泄露您的 Email 地址, 敬请放心.
  • 本站已开启缓存, 请不要重复提交评论.
  • 请注意: 带有 《广告(链)、不健康、或者 产品名字》 的评论一律视为spam.
  • 支持常用 HTML 标签调用, 插入 HTML 标签需注意: < == &lt;> == &gt;.
  • 仅当某人针对您的评论做出回应时, 您才会收到由本站发出的邮件通知.
  • 如您希望以相同方式通知某位网友, 请点击 按钮进行回复.
  • 允许在评论中使用如下代码: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .
  • 鼠标悬浮到评论中的 @someone 区域即可自动显示 someone 的评论内容.