Iout - iout.in
General Information:
Latest News:
从Web字体谈起——默认字体样式设置 20 Mar 2013 | 02:47 pm
在网页设计中字体的设置不可小觑,好的字体让人赏心悦目,凌乱的字体让人抓狂,如何正确的设置网页中的字体便是今天讨论的话题。在网页设计中字体设置时要考虑到不同系统、不同浏览器、不同渲染方式的字体表现,选择一套合适的字体设置值得深究,为保证各种平台环境中的表现效果兼容性,需要设置一套默认的字体样式。 首先我们来看看各大网站的默认字体样式的设置: 在每一套字体设置中都有Arial字体,这是因为Aria...
Evernote 个人知识管理系统 31 Jan 2013 | 06:25 pm
从云笔记到 Evernote 之前在博客中也介绍一款叫做云笔记的笔记工具,当时也曾于各大云笔记工具做了一些比较,最终选择它的原因是简单易用。可因为一直没有更新,对外接口少,移动应用体验体验差,最后只能充当一个收藏夹用了。文章一多,分类整理,跨平台使用不方便,就连文章的导入导出都麻烦的很。它的简单是真的简单,简单的背后并没有用心的设计,这也是我抛弃它的原因。 在选择云笔记的替代品时试用了许多国内...
Markdown+Pandoc 最佳写作拍档 6 Jan 2013 | 10:20 pm
我们为什么写作? 自从人们开始写作,写作便是记录、抒发、批判、反省的好工具。从石板上的刻印到笔墨纸砚,再到如今的信息时代。从静态的个人主页到托管博客,从个人博客到微博,从wordpress到jekyll。无数投入写作中的人们写作的目的大同,写作的方式越简单越好,这样才能让我们专注于写作而不是为其他格式所困扰。另外现在智能终端快速普及,文件格式的多平台使用也成为了写作的一大问题。 为了更好的写作...
试试wordpress移动客户端 23 Dec 2012 | 11:04 am
今天尝试了一下wordpress的官方安卓客户端,感觉很不错,以后可以方便随时写点东西了,哈哈。 上点图:
JavaScript Dom 实现动画效果 (上) 4 Dec 2012 | 09:49 am
众所周知DOM在修改文档样式上有大的效果,用javascript修改样式可以获得许多精彩的效果。用js来实现随时间变化而不断改变元素的样式,便可产生动画效果。今天便利用简单的DOM操作来了解js动画的基本原理。 初始位置: 首先定义一个需要实现动画的元素,确定它的初始位置。 在页面加载使要调用这个postionMessage函数,确定它的初始位置。 共享onload函数 但是后面还回出现...
addLoadEvent 函数共享onload事件 2 Dec 2012 | 07:48 pm
在同一个文件中调用多个onload事件时,如果逐一的将事件绑定在onload事件上,将会导致只有最后一个被执行: 为解决onload事件冲突,可使用两种方法: 第一种方法: 创建一个匿名函数容纳这些onload函数,在绑定在onload函数上。 但是如果同时执行onload事件数比较多后就不太容易操作了。 第二种方法: addLoadEvent是由simon编写的一个函数,它讲需要onload的函...
每日一练:初识HTML5 Geolocation(地理定位) 1 Dec 2012 | 08:00 pm
美其名曰是每日一连,可事实上是每几天一连,有时甚至是一个星期才写一篇。之前想做这一个坚持是效仿藤藤的每日一练,每天坚持写一个DEMO,将最近学到的东西写成实例,不积跬步,无以至千里.不积小流,无以成江河。日积月累必定会有成长的,随便锻炼下笔头字也是好的。不扯别的,来点实际的好。 HTML5最近以来一直很火,国内也兴起了许多基于HTML5的开发应用。HTML5除了在新的标签语义外还有哪些重要功能呢?...
每日一练:css3倒影之“登录很忙” 28 Nov 2012 | 06:53 pm
先看一张图片: 今天微博上最好的就是这个登录按钮了,不同人眼里的登录按钮有不同的风格,最后boss的效果才是亮点。最近正在看css3倒影的用法,也顺便写一个带有倒影的登录按钮,“让登录很忙!” 先看效果图: css部分: html部分: css中的重要部分在: 下面是box-reflect的语法说明: box-reflect:none | ? ? = above | below | left |...
每日一练:ICOFONT制作常用社交图标 23 Nov 2012 | 05:14 pm
icofont为何物?图标字体也。图标和字体怎能混为一谈呢?icofont就是用font-family来实现icon,主要用到了css3中的@font-face。 实现我们来熟悉一下@font-face这个属性。 @font-face的语法规则: 取值说明: YourWebFontName:此值指的就是你自定义的字体名称,最好是使用你下载的默认字体,他将被引用到你的Web元素中的font-fami...
百姓网2012前端笔试题 21 Nov 2012 | 12:04 pm
前段时间接到百姓网的前端笔试题,还是蛮激动。做了一下,可惜js还是在学习阶段,最后一题没做,最后没能接到面试通知,这只能说需要学习的还有很多,今天把做的一些题目发出来,大家多给些批评建议。 笔试题: 一、写一个百姓网首页列表 要求:语义化、模块化,兼容所有主流浏览器(IE6+ / Chrome / Firefox / Safari / Opera),适合后台程序循环输出逻辑。说明实现思路。 提示:...