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），适合后台程序循环输出逻辑。说明实现思路。 提示：...
