祈雨其雨

壬旦至食日不雨?壬旦至食日其雨?食日至日外不雨?食日至日外其雨?外日至廓兮不雨?外日至廓兮其雨?

文章页面重新布局 优化部分功能

花了一天时间修改文章页面的模板,把发布时间、作者、浏览量、评论、百度分享、字体减小增大都挪到标题下方正文上方的位置,稍微做了一些功能性的优化。空出来的位置正好把相邻日志改成两行显示。身为设计废柴做出来的页面效果也就现在这个样子,各位不要嫌难看。以后还会进一步修改。

百度分享根据是否文章页面分别显示不同的外观:在其他页面显示为悬浮在页面右侧的黑色滑块;在文章页面显示为分享次数,鼠标悬停展开分享工具菜单,其实想要弄花俏点的,但又生怕影响排版。为什么border的css设置只支持单独的两行线效果,不能让两行先和虚线、点线融合到一起呢?真是怨念。折腾到下班决定放弃border改用背景色,感觉才稍微好一点。

阅读全文>>

北宫嬛于2013-8-14 17:41 Wednesday  已有2354次浏览 5条评论
适应各种屏幕宽度的响应式设计

下班前研究了大概半个小时的百度统计页面点击图,在页面左侧空白区域存在着大量的无效点击区,被称为另一个世界的入口。因为网站至今为止都缺乏足够的注册量,考虑利用这些无效点击区做文章,然后就想到响应式设计布局。目前国内电子商务平台好像还没有做响应式设计的,当然没办法证明响应式设计适合电商网站,但反过来同样无法证明,所以我还是想找一些好的案例用来参考。

所谓响应式设计,英文叫做Responsive,是一种能够适应多种电脑设备(包括台式机、笔记本电脑、平板电脑、智能手机等)浏览的网页设计方式。正规的响应式设计不是采用百分比设置网页元素宽度,而是通过meta标签和CSS设置,根据屏幕宽度改变网页元素的具体展现情况。

阅读全文>>

北宫嬛于2013-4-22 21:46 Monday  已有3424次浏览 0条评论
CSS3绘制太极图和六芒星

年初二是走亲戚的日子,一整天就这么过去了到最后也没想起能写些啥。在网上乱转了两个钟头,抄了点css3绘图方面的东西。老规矩,依旧是chrome、傲游、火狐、IE10浏览器用户进来,IE6、7、8、9用户出去——使用不支持html5和css3的浏览器看到黑白方块和三角形的就别跟我抱怨了,权当做html5支持度测试吧。

日志内分享的两种图案的代码请直接参考源文件。目前存在的缺陷是,构成这两种图案颜色的主要是html边框(border),css3新增的背景(background)渐变色功能无法适用,尽管通过一个px一个px地罗列颜色代码也可以给边框设置多重颜色渐变效果,但那始终不是长远之计——比较窄的边框可以这样搞,几百px宽度的边框总不能罗列上几百个颜色带吧吧!得想想怎么增添渐变色效果才行。

阅读全文>>

北宫嬛于2013-2-11 22:10 Monday  已有3570次浏览 0条评论
CSS3新规则:继承与重设

W3C推出一组崭新的css样式规则:all:default。All标签下设initial、inherit和default三种属性值。Initial意为“最初”,采用all:initial规则强调子类样式属性继承自起始类,直接越过父类样式属性的冲突部分;inherit是all标签默认值,其意为“继承”,css样式规则默认父类样式属性遗传给子类;default的意思是“默认”,all:default是重新设定css样式属性,清除所有上级类的影响。

遗憾的是目前尚无主流浏览器支持all标签。作为系统默认值的all:inherit无论写不写都能保证子类顺利继承父类样式属性,而all:initialall:default无论写不写都不会影响到这种继承。但这不妨碍网页制作者对all标签的期待——我才不要反反复复把同一标签同一属性值写很多遍呢!

阅读全文>>

北宫嬛于2013-1-18 20:37 Friday  已有15699次浏览 3条评论
同类鼠标事件冲突和css精简

这周的工作内容基本上都在修补网站存在的漏洞、完善用户能够体验到的各个细节上了,虽说还是在改模板啦,比刚开始改模板那阵子熟练很多了,现在首页、二级页面、列表页、文章页、特殊分类页、Tag标签页、搜索页这些网站常用的模板文件都齐全了,某些快照较多的网站追加了百度搜索框。眼下正往网页前端的方向一路狂奔,再提高一下javascript能力就可以换岗位了,望天。

除此以外还有很多大计划,建新站啦,养外推平台啦,注册一堆论坛马甲造势啦,想法是丰富的,但有限的时间几乎全部被网页前端挤占了,于是其他任务都交给组员去做,我只能抽空检查个大概,至于干得到底怎么样也没个数。好在有两位组员进步明显,让我略感放心。

阅读全文>>

北宫嬛于2013-1-17 22:15 Thursday  已有2783次浏览 0条评论
轻量级移动网站开发框架推荐

AppCan功能强大,但体积也很强大,再加上样式表配置极端复杂,对它不够熟悉的开发者经常陷入到繁复代码的汪洋大海搞不清楚如何取舍:有些样式是必须的,有些样式则是可选的,但它们全部掺和在一处很难鉴别区分。这里推荐一款轻量级的移动网站开发框架Jquery Mobile,利用Jquery脚本库实现Web App的本地化txt记事本开发——是真的只要用txt记事本就够了。

本地化的Jquery Mobile开发框架包括一个html文件,一个css样式表,一个Jquery脚本库和一个Jquery Mobile脚本库。下面是开发框架的html文件,里面有样式表和脚本库的下载地址,webkit内核浏览器用户可以自行取用。默认的开发界面很简洁,适合有css基础的朋友添加样式代码。

阅读全文>>

北宫嬛于2012-12-30 20:59 Sunday  已有2967次浏览 1条评论
弃强项就弱项的我简直蠢透了

被JQuery和Javascript折磨了一天一夜,昨晚没睡好今早起来继续搞,屡战屡败何其惨烈啊!到最后网上再也找不到能让我山寨的滑动菜单代码,不懂JQ和JS的人真是伤不起!为什么就不能用css搞定横向菜单切换功能呢?等一下为什么我会认为css没法搞定横向菜单切换功能?

在所有菜单层外面套一个主层,利用“主层:hover 菜单层”和“主层:hover 菜单层:hover”的原理控制鼠标效果。不就是给各种各样的鼠标动作包括鼠标不在主层上、鼠标在主层上但是不在菜单层上、鼠标在菜单层上……设置css样式麻烦一点吗?倒也不算难。本篇分享一下这两天的成果,感兴趣者可自行查阅源代码,使用chrome、傲游、火狐浏览器有动画效果附赠哟。

阅读全文>>

北宫嬛于2012-12-2 15:46 Sunday  已有5013次浏览 17条评论
初次试用AppCan开发环境

AppCan SDK开发环境下载安装完毕,总体而言功能还是比较全面的。常用工具栏左起第一个按钮是新建项目,点击输入项目名称会弹出一个登录框,填写AppCan官网账号密码即可申请到项目ID(虽然暂时还不知道这有什么用,姑且以观后效吧)就算新建成功,左侧包资源管理器会自动生成源代码列表,用户可以直接就着列表中的html文件、css样式表以及javascript脚本进行修改。

总的来说,AppCan SDK 2.0开发环境距离理想中的状态还差得很远,但它目前的功能已经足以应付基本的程序开发了,并且我对它的前途还是非常看好的。我决定先搞一个电子书出来,也就是所谓的Native App(既本地APP应用程序)。先把AppCan的基本功能摸透了再挑战高难度的Hybird App应用!

阅读全文>>

北宫嬛于2012-11-8 16:22 Thursday  已有8508次浏览 4条评论
清理垃圾冗余代码有利身心健康

国庆假期到此为止,明天开始就要忙起来了。在清闲同时也几乎没有任何油水的编辑部呆了三个月,终于要调到有丰厚绩效奖金但同时也意味着必须忙的团团转的优化部了,搞不好还得加班,确切说来优化部似乎鼓励加班并且歧视不愿意加班的员工?据说很多人因为被强迫加班干脆在上班时间摸鱼的,真不知道BOSS们是何苦来哉。

干多了竞争激烈到病态的民营医疗网站优化,再看其他行业的网络优化同行们真像生活在天堂里一样,更要命的是很多医院(或者叫门诊)确实是来骗钱的……很多时候我都精神分裂地想着百度干脆把某些“垃圾冗余”网站K到死得不能再死就好了。民营医疗行业是网络营销新人跳板这句话真不是骗人的!

阅读全文>>

北宫嬛于2012-10-3 22:01 Wednesday  已有2945次浏览 4条评论
秀一下CSS3新成果:宠物恐龙

依然是令人蛋疼的一天,早上起来开始研究html5的video相关标签,为了了解如何修改视频界面同时增加某些浏览功能,于是下载了几个Javascript脚本插件,除了一个特别简单的播放/暂停/放大/缩小插件以外,其他的几个都要使用swf文件——喂喂这样一来是不是还得再装一个flash插件?难道这玩意不该随着html5的问世被扫进垃圾堆吗?!

考虑到放假时间有限,我决定不在挑战Javascript那种零基础高难度的东西,打开文本编辑器写我的css3代码去。搜狐网站有个很可爱的小狐狸宠物,鼠标移上去可以显示各种特效和链接,过去我一直觉得那玩意需要Javascript支持遂敬而远之,最近了解了一些css3代码发现自己也可以写,折腾了大半天弄出个宠物恐龙来。

阅读全文>>

北宫嬛于2012-10-2 21:37 Tuesday  已有4289次浏览 15条评论