Categories
网站建设

第一印象

今天对网站的首页 (liyunchen.com) 进行了微调。好像我自从2013年开始就没有怎么动过首页了,特别懒。发现了一个一直存在的拼写错误(!),大部分外链也都过期了,互联网变化就是这么快,没有什么是永垂不朽。

加了两张照片,然后发现过去的像素(800*300)在现在看来已经是非常不清晰了。我尝试着去上传更大尺寸的照片,却发现当年的代码写死了,改了css半天并没有办法自动缩放图片,遂放弃。伤筋动骨重写整个旧代码工作量太大了...还不如直接重写整个首页。况且我太久没有碰前端的东西了,真不知道怎么写了。就这么模模糊糊也凑合了吧,美其曰,朦胧美?

还有一点好处,小尺寸图片加载比较快...可能还会再加一些图片?现在还没想好,先这样凑合着吧。

这次更新的动力主要是,这毕竟是很多人对我的第一印象(如果是搜索我的名字的话),所以太过时的信息有点不符合我现在的人设了。咦,人设是什么?

Categories
网站建设

新网站上线,全面启用HTML5

这两天手痒痒,就把个人网站(cloudlychen.net)改版了...原来那个实在是太朴素了,完全没有HTML5和CSS3的感觉...

这次走黑色系,主要是因为网络图还是在一片暗黑的宇宙中比较闪耀。

先上效果图:

2013-12-09 00_22_06-Liyun Chen's Website

然后简单记录一下这次的变动。

  • 其实这是v2了,V1在Photoshop里面效果图出来之后,就被我kill掉了...这次主要想营造的是星空的感觉,然后加上network的feature,突出在茫茫星海中遨游(explore)这样子。
  • 大的框架是从某个摄影师网站抄的,runemolnes.com。不过被我kill掉了很多很炫的效果。实在是没那么多东西可以填呀。
  • 然后最上面的banner实际上是可以“调戏”的网络图,这个是底层是HTML的canvas效果,每次刷新都会随机生成,可以鼠标调戏之~技术层面是sigma.js. 基本就是把他家的banner抄过来了,很强大的网络图HTML5可视化框架,可以加interactive效果什么的!
  • 中间是精选了一些以前的照片,目前是博物馆系(开场图是一张很朴素的chihuly museum的墙图,主要是想要这样的风格,虽然那些更炫的照片只能压箱底了...)。底层的是COIN SLIDER. 这个本来想效仿flickr的翻页,结果看了一下源码比较难抄(话说顺便看到他们的小广告——we are hiring),所以另外找了一个基于jQuery的框架。还比较契合整体页面的黑色风格。
  • 其他的就没什么特殊的了...那个logo是我很无奈的从网上随便拎了一个...填空而已。
  • 移动端访问效果未知....非FF和Chrome访问效果未知...欢迎报告bug。
  • Css3已经强大到渐变线这种都不需要在PS里面画好另存为图片了...直接几行代码搞定,大爽!

吐槽时间:真的是太久不做前端了,完全赶不上潮流了。写个JS真的是绞尽脑汁才搞定...PS也是越来越不熟了,还好一开始想要的设计感还是多少保留了。后端能写死的都写死了,才不去调用PHP或者其他API来增加风险...

还好有那么开源的框架可以用,终于磨磨悠悠的搞定了。说明我做网页的基本功力还是在的,哈哈。

Categories
Wordpress 我的生活状态

WordPress懒人模式开启——自动翻页

最近发现那种自动翻页的懒人模式挺好的,减少一次点击呢...所以打算给落园动动手术。

先搜了一下,找到了一篇jQuery Ajax 分页 WordPress 版,但是发现在我已然千疮百孔的落园上,显然不怎么适用。发现几年没折腾,WP已经强大到很多功能我都不认识了...比如加载个jQuery库居然可以这么简单了...

function my_init() {
if (!is_admin()) {
wp_enqueue_script('jquery');
}
}
add_action('init', 'my_init');

只是鼓捣了半天毫无反应,开始搜其他的东西(我果然是太久没有写过JavaScript和Ajax了,完全不记得这东西语法是什么了,读起来jQuery的源代码表示一片的茫然,还是另寻捷径吧)...果然有现成的WP插件——Infinite-Scroll。不知道为什么WP官网的版本比较旧,那么就用直接github上面找新的东西吧:https://github.com/paulirish/infinite-scroll/tree/master/wordpress-plugin

安装完了之后要仔细的配置一下:

https://github.com/benbalter/Infinite-Scroll/raw/develop/screenshot-1.pnghttps://github.com/benbalter/Infinite-Scroll/raw/develop/screenshot-1.png

然后就可以了...不过鉴于我在这里浪费了许多时间,还是简单的翻译一下这些配置选项吧。

1. 你放置所有文章内容的div,经典的twenty ** 系列都直接是#content,去找WP主题里面的循环开始之前的div就好了~
2. 导航链接所在的div,比如我这里保留了pagenavi的翻页,是因为另外加了一个层,只有一个链接指向后一页。
3. 导航链接所在的a标签——注意这个first是指第一个a标签,我傻乎乎的以为是a标签的名字,汗...没仔细看jQuery CSS 选择器指南哇..
4. 每篇文章的div,就是会自动加载进来的新的层内容,直接去找WP主题里面的循环开始之后的div就好了~

然后就可以正常的使用啦。话说,我这里顺便把首页文章篇数调到了2篇,可以加快一下加载速度嗯。

Categories
互联网产业观察

接触PHP

现在接触的所有东西几乎都是基于PHP架构的,比如我这个博客。
今天忙活了一晚上为了修改PHP模板。先后使用了三套系统,都感觉不太理想,最后一套勉勉强强符合要求。各个作者有自己不同的架构模式,这就给我的理解带来了很大的困难。
不知道PHP到底有什么巨大的魅力,至少现在我的周围用PHP的远远比ASP或者JSP的多。
终于知道了类似于PHPWIND架构的网站怎么修改模板,现在我改版权页已经很熟练了。。。汗颜啊,先学会的竟然是这个。
然后前几天花大力气改的一个网站主页现在看来用不上了,因为静态和动态之间的结合不好做,要是做的话就几乎是把所有页面都改一个遍,这工作量可谓巨大。先放一个简洁的在那里凑合着吧。
但愿我可爱的老师能满意。。来日方长我慢慢改……反正也没多少访问量……
现在努力的学习PHP的结构,随着修改这几个模版我大概已经有了个了解。果然是在实践中提高阿,能看懂别人写的东西就是修改的基础。
但是让我头痛的是VeryCMS中层的定位,它似乎不是定死的,而是动态拼接的,这就造成我删除某个部分会导致其它东西漂移,更奇怪的是我查看源码却没有发现有关定位的语句。也就是说,我能在浏览器上看到的正常的页面时必须动用他所有默认的东西……Dear!
接连因为网站的问题看来好多关于网页设计的书,听了N多讲座,不惜千里迢迢的从南新区跑到东校。我都怀疑自己到底是学什么的了。。。经济or计算机?
大概改完这两个网站的模版之后我就会潜心研究PHP更深入的东西了。从图书馆借来N多书,准备作为参考。感觉上书上的东西和实际操作起来还是有很大的区别的,很多东西都已经更新换代了。要是能方便的上网就好了,这样就可以随时看到最近的技术发展情况了,也可以更深入的了解程序。
对于网络编程来说我还是只可怜的菜鸟,不知道什么时候才可以羽翼丰满,相信不会用太多的时间的。一年,这一年我要潜心学习编程的东西。
在此,我立下一个誓言:
明年春天过C语言二级!
不仅仅是应付考试而已,我的目标是掌握所有二级设计的知识。不仅仅是语法和算法,也要进一步了解数据库方面的东西,尽快的过三级。不过,对于内存的精确控制我还是一点不懂,不知道什么时候才能达到这样的积淀来理解。
说多了,我都不知道自己称不称得上一个有着近7年网龄的网虫了。为了一些东西我一度远离了互联网最尖端好长时间了,但愿弥补回来。虽然以后不会从事这个职业,虽然以后不会像现在一样这么关注技术的更新,但是我希望在大学中好好的学点自己喜欢的东西。
嗯,继续研究我可爱的PHP~至于平面设计嘛,权当cookies好了。
对了,顺便好好学学我可怜的英语~因为,以后在Linux之下的时候,可能会使用一个全英文的版本呢!再说要把Blog逐渐的改成全英文的呢。