WEB设计笔记2

设计四要素:亲密性、对齐、重复、对比

色轮的对角为互补色

单色又叫色调

hgroup 标题分组

使用HTML5需要用CSS和JS语句解决兼容性

placeholder:表单显示输入提示

属性选择器:*包含、^开头、$结尾

指定子元素序号:nth-child和nth-last-child

使用border-radius添加圆角

使用border-image添加图片边框

使用* html解决针对IE6或更早版本的兼容性问题

属性选择符:[];子对象选择符:>;相邻选择符:+

overflow:auto解决背景无法撑开

_开头只有IE6能识别

解决高度自适应:overflow:hidden; zoom:1

使用clearfix撑开页面

区块不可使用height属性

以父元素为起始点设置position,父元素也需设置position值

IE6捉迷藏BUG使用position:relative或line-height:1.2解决

li加float后底部有空:a也加上float即可解决

img图片元素下多余空白BUG:img设为块级元素;float:left;垂直对齐

用id代替name做页内链接

无法设置边界时使用display:block

解决冲突可以用id代替important,兼容性更好

如果对象掉下去可以试着设置宽度

使用zoom:1触发ie的hasLayout属性

行内元素使用text-align居中,块级元素使用margin:auto居中

 

WEB设计工具:

JavaScript美化工具 jsbeautifiero

HTML5及CSS3特性支持检测:Modernizr

 

HACK总结:

#test{

color:red;

color:red !important;/ Firefox、IE7支持 */

_color:red; / IE6支持 */

*color:red; / IE6、IE7支持 */

color:red\9; / IE6、IE7、IE8支持 */

color:red\0; / IE8支持 */

}

*html #test /IE6支持 */

*+ html #test /IE7支持*/


论道HTML5

终于完整地看完了一本介绍HTML5的书籍。因为是比较前瞻性的内容,相关的书籍还是比较少的,而且大多是手册类的书籍。

一、HTML5

HTML5加入了很多创新的元素,总得来说使得开发变得更简单。以往需要用复杂JS实现的功能,都可以通过原生的标签实现了。不过由于HTML5还未正式发布,各大浏览器的兼容效果千差万别,还有待于观望。

HTML5可以说使语义更加规范了。加入了nav,article,header,footer等语义标签,更有利于搜索引擎的索引。同时,加入了针对多媒体的video和audio标签,虽然各浏览器对媒体的格式支持还有些区别,但不可否认,这是一个十分大的进步。

此外新加入的canvas画布,使WEB绘图更加方便和高效;新的离线存储机制,可以更简单地离线存储大数据;WebGL也使网页上的真3D成为可能。总之,HTML5毋庸置疑是一个跨时代的产物。

二、CSS3

CSS支持了一个原本需要JQuery实现的动画特效,也加入了使页面更美观的圆角、阴影、透明、倒影、渐变等效果。支持更多的伪类,以及网络字体和滤镜等功能。

三、WEB API

新增了方便的元素拖拽功能;针对如平板、手机等设备的API(联系人、地理信息、日历、消息等);XHR的升级版本等。

这些方便的API使得操作各种事件更加地方便简单,也扩展了HTML的功能,顺应了移动互联网的大潮。

四、Canvas 2D

以往绘图往往只能通过SVG、FLASH、VML等,这些都需要插件支持,而且对机器资源耗费也很大。现在,将传统开发中的Canvas移植到Web后,使得开发Web游戏、图像相关应用变得更加简单。

五、移动开发

现在的移动开发领域已经分成三种开发模式,Native App,Web App,以及混合两种的Hybird App。其中,后两者都要用Html5技术,结合CSS3和JavaScript,充分应用了最新的Web技术。

Mac OS X 10.7 Lion使用笔记

关机后勾选“重新登录时重新打开窗口”可以使下次登录时恢复到上次关机时的状态
最大化后恢复:鼠标悬停在屏幕上方,右侧会出现恢复按钮(快捷键Command+Control+F)
Mission Control即多桌面系统
DashBoard可以添加多种小工具
LaunchPad即类iOS界面,方便查找应用程序
快捷键:Command+小数点——停止进程;Command+Option+Escape——强制退出程序;Command+Control+电源键——强制重启
使用“钥匙串访问”可以锁定屏幕
iTunes中歌曲出现乱码,可以使用右键菜单的“转换ID3标记”

最近有点累……

最近换了新工作,慢慢开始有了压力。设计、日语、coding,真正到实际应用时才感到自己还有所欠缺。不知道为什么,每天下班后只想休息,不再像以前那样做一些小东西,或者充充电什么的。一到周末,一下子感到空荡荡的,唯一能做的也就是抽空看看教程之类的。可能刚开始没适应吧,虽然新工作有双休,而且基本不加班,但一回家总是感到很累,也许过段时间就会好了吧。

前段时间因为太累,本来想停止更新腾讯微博,但想了想,既然已经坚持这么久了,而且是对自己每天的总结,半年下来也的确有所收获,最后还是继续更新了。

上周末上电驴大全,看到一部动画意外排名很靠前,于是就试着看了一集,没想到一发不可收拾,一直追到了最新一集,已经很久没这么追过动画了,难道我老了吗?

由于公司不能上QQ,现在总觉得少了什么?少了群友的吐槽?少了一种早已习惯的归属感?好吧,也许是我想多了。

最近沪江上不知不觉报了好几个班,《商务日语》、《韩语100句》、《娱乐英语》。不过多亏我周末的刻苦学习,基本都看得差不多了。前两天刚考完计算机等级考试,又要开始准备12月份的日语能力考了,是不是我安排的太多了?如果顺利的话,希望明年能获得一张TOPIK的证书。哈哈,其实我是为了玩韩服。

前段时间在技术宅社区,加了好几个社团。汉化组、SOS团、御宅通讯社,最近也好久没出新作品了。在这里只能向各位社长说抱歉了,分身乏术啊~~~特别是SOS团,本来答应做的微博模版也夭折了,申し訳ありません。

最后说说游戏吧,上次参加6R的比赛,不幸出局,海选就淘汰了……我想如果用《那些年……》这个游戏参赛的话,应该是可以入围的,不过,哎~这个之前就发布了……最近想研究一下手机游戏以及网页游戏开发,比如用Cocoa2D-X、Unity3D、FLASH之类的,不过问题是时间不够额……有空的话,真该好好自己在没有引擎的情况下实现一些游戏的功能。

马上国庆了,抓住国庆的尾巴,准备动身去旅游,初步决定在6、7号到乌镇、西塘去,好好享受吧,当然,到时候也会做一个视频相册~~

好了,流水账就报到这里,说起来,这个月博客更新得的确有点少,不是偷懒哦~只是,真——心——累!

 

商务日语班笔记

一、尊敬语

大部分い段结尾的动词改为あ段加れます え段结尾和少部分い段结尾的动词直接加られます

名词+します(されます)

お+动词ます形+になります

お(ご)+动词ます形+ください

特别尊敬语 言いますーーおっしゃいます 食べます、飲みますーー召し上がります しますーーなさいます

お加在和语前 ご加在汉语前

特例:ご返事、お返事都正确

 

二、谦让语

お+动词ます形+します

ご+动词ます形+します 例外: 電話しますーーお電話します 約束しますーーお約束します 邪魔しますーーお邪魔します

特别谦让语 食べますーーいただきます 来ますーー参ります

 

三、丁宁语 美化语

ありますーーございます ですーーでございます

いいですかーーよろしいでしょうか

例外 お、ご都可用 返事 誕生 病気 勉強

 

四、会话

かな 疑问 さあ 开头 例の 双方都知道的事 かい  轻微的疑问

仕上げ 完成

こそ 表示强调

に移る 转移到下一次

 

五、邮件

对方用尊敬语 自己用谦让语 基本的用丁宁语会话

居るーーいらっしゃる 居るーーおいでになる 来るーーお越しになる 来るーーおいでになる もらうーー頂く

会うーーお目にかかる 会うーーお会いする あなたの会社ーー貴社 訪れる、訪問するーー伺う 見るーーご覧になる ~してくれるーー~して頂ける、して下さる

読むーー拝読する 見るーー拝見する 聞くーー拝聴する 聞くーー伺う 問う、尋ねるーー伺う 欲しいーー頂きたい 欲しいーー頂戴したい

《影音同期声》部分推荐电影列表

当幸福来敲门
公主日记
穿prada的女王
风雨哈佛路
结婚大作战
女王
国王的演讲
一个购物狂的自白
香奈儿
云中漫步
浓情巧克力
杯酒人生
美食、祈祷和恋爱
勇敢的心
机器管家
八月迷情
海上钢琴师
人鬼情未了
西雅图夜未眠
红磨坊
拜见岳父大人

WEB设计笔记

图片添加alt属性

导航使用列表

标题使用h1~h6

文档使用p

字体大小使用百分比和关键词

横向导航使用float

0值可省略单位

div与span的区别:div换行,span不换行

使用float导致无法撑开外围时,外围也设置float代替指定高度

导航使用活字代替图片

使用background添加圆角

padding和margin的顺序为:四值上、右、下、左;两值上下、左右

margin补丁:display:inline

给布局设置最大、最小宽度

使用滑动伪栏制作自由伸缩的分栏

id唯一,class不唯一

2012.9 to do list

看完《锋利的JQuery》和《论道HTML5》

看完樱花日语FLASH课件

制作SOS团微博模板

参与CodeTank编程竞赛

架设VPS的squid代理

看完沪江网“电影英语班”课件(DONE)

上海书展空手而归

今天抽空去了书展,真是人挤人。天也热,现在有点后悔了。本来是想去看看有什么好的计算机方面的书籍,虽然不一定买,但也可以mark一下。到了后才发现,几家大型的计算机图书出版社,如机械工业、清华大学等都没有大摆展台参展。基本都是一些南方的出版社,内容以文艺类居多。

值得一提的是,这次展会有三多:参观人数多、媒体多、作者多。拿了一个中小学网校的听课卡,还有沪江的30元优惠券,以及上海热线的电影票优惠券。每天基本上有好几十个作者到场,有些是签售,有些是参加媒体采访。

钱程的《正宗上海闲话》签收,是今天排队最长的。

一个电影网站的COSPLAY

广播电台的直播

新浪读书对一位日本作者的采访

《冰与火之歌》,但没看到作者

航空行业的讲座

今天的活动内容

手绘上海书店地图