摘要： 话说HTML5的炫酷真的是让我爱不释手，即使在这个提到IE就伤心不完的年代。但话又说回来，追求卓越Web创造更美世界这样高的追求什么时候又与IE沾过边儿呢？所以当你在看本文并且我们开始讨论HTML5等前沿东西的时候，我们默认是把IE排除在外的。本文的例子可以工作在最新的Chrome及Firefox浏 阅读全文

摘要： HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用window.setTimout()或者window.setInterval()通过不断更新元素的状态位置等来实现动画，前提是画面的更新频率要达到每秒60次才能让肉眼看到流畅的动画效果。现在又多了一种实现动画的方案，那就是还在草案当中的window.requestAnimationFrame()方法。初识re 阅读全文

摘要： 如此有用的文章我已记不得是什么时候发现的了，但在看完的那一刻便想将之翻译，分享给大家自己也受用。时间过了很久，来到了2014年，终于静下心来花了大把时间连同图片一起译成了中文。像我这样业余的翻译六级分数只够及格的程序员，不敢说做到信雅达，但求意思到位。1 尽量使用单列而不是多列布局单列布局能够让对全... 阅读全文

摘要： Windows上帝模式（Windows Master Control Panel）由来已久，最早是从Win7优化大湿里看到的一个选项，开启后在桌面生成一个图标，点进去后里面包含了几乎全部Windows设置选项。直到今天刷G+(view on google plus)发现另一种方式创建这个上帝模式，挻有意思的不是嘛。在桌面新建一个文件夹按F2重命名为GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}DONE! 阅读全文

摘要： 遇到个输不出来的字符怎么办，因为输不出来的字符一般又是不常见大多数时候连名字也喊不出来的，所以想问百度谷歌大大也不大可能。如果是小白用户肯定会去把输入法软盘打开切换到其他键盘一个一个找。即使有搜狗输入法这样强大的特殊字符集的汇总，也还是要找啊。话说那天在GitHub上折腾的时候不小心整出个错误页面（你们还是打消重现的想法吧，很难），一看好别致，我去，感叹与问号的合体，我去这是什么符号‽啥也表说了兴许以后在自己的设计中用得上，于是就copy了下来。后来一想哎不对啊，我不能打出来，我要使用的时候必需通过复制。这个不太保险。如果知道他的unicode代码，那就可以在HTML,JavaScript中随 阅读全文

摘要： Overview:构造基本的HTML页面动态加载样式表Viewport字体缩放侧边栏导航菜单图片自适应其他总结说到响应式网页设计(Responsive web design)，最近在谷歌加上碰到个奇葩贴子，通过一个原始到无法再简单的网页Motherfucking Website及满屏幕的fuck道出... 阅读全文

摘要： 本文只是讨论和实现了动画效果，并未将动画与页面实际下载关联，有朋友们问如何应用，可以使用现成的一些插件比如这个，这个，还有这个。之前一篇文章《CSS3 动画一瞥》简单介绍了CSS3动画相关的内容，这里继续讲一个例子。前些时候有注意到YouTube网站放出的新特性，那就是在视频页面间切换时，页面顶部会有一道华丽丽的红色激光脉冲掠过。那不是其他什么为了炫技的东西，它是一个进度条，平时我们见了千百遍经常以转圈形式出现的进度条。当然谷歌对于进度展示的创新不止于此啦，比如用于谷歌加的下载gif也是很有新意的一个玩意儿。但YouTube这个进度条似乎更具创新，让人觉得相当惊艳。所以好奇的我按捺不住想要拔开 阅读全文

摘要： 现在的互联网产品已经严重被各色社交分享按扭所荼毒了！几乎大部分应用与游戏不管是电脑端还是手机端，少不了都会跟风加上社交分享按钮。一天始倒不觉得什么，但当这样的按钮满天飞的时候我觉得只要我一打开网页打开手机全特么是分享按钮！！这难道不会是种使用上的疲劳么。且不说这样的按钮究竟为应用本身带来了多大的宣传效果，就我个人而言，我是吃错了药才会没事帮别人打广告，比如分享一个店铺到我的扣扣空间或者Google+去！相反当我打开扣扣空间想关注一下朋友们的动态的时候，我期望看到的是大家的心情，从中我可以了解到谁谁失恋了，某某跟某某又好上了等等，但我一看到类似社交分享过来的东西就避之而不及，所以你还奢望什么，我 阅读全文

摘要： 伴随HTML5而来的CSS3让前端大湿们可以用简单的CSS样式即可写出动画效果来，而在这之前，一提到动画我们可能会想到JavaScript，Flash，Java插件等。如果是用JavaScript那倒也不是很糟糕的事啦，但如果写出来的效果非要强迫客户端安装第三方插件才能显示，毕竟不是很理想。这也就是为什么谷歌会不遗余力地推广他所主导的开源项目WebRTC （Web Real-Time Communication），把实时通讯的功能都做进浏览器，像视频通话这样的高级应用直接在JavaScript里调用几个浏览器API即可实现！这在以前想都不敢想。再加上HTML5将很多之前需要依赖外部程序或者需要 阅读全文

摘要： Chromium 其实就是开发版本的Chrome, 即Chrome dev 版本。一般他的版本要比正式版的Chrome高两个及以上。比如正式版本现在是29，开发者版本已经是32了。这表示很多新功能你可以在Chromium中提前体验，这使得像我这种假装极客的程序员爱不释手。有的人觉得用这个版本纯粹找虐，没事闲的。但我主要是喜欢体验新鲜感那种跟正式版本不一样的风格，那素雅的图标多么让人有一种与众不同与装逼的感觉。用Chromium唯一不足的地方是没有自动更新。而我们大家都知道它是版本帝，一天都要更新好见个小的版本。只要你不时地打开它的文件页面看看，就能感觉到时时刻刻都有开发人员在提交代码。所以如果 阅读全文

摘要： 很多时候我们需要打开命令行然后进入到相应目录进行一些操作。常规的做法是:Win+R打开运行窗口输入"cmd"回车打开命令行窗口假如我们要进入的是D盘foo文件夹下的一个bar子文件夹，路径是这样的D:\foo\bar，首先输入" D："回车进入D盘再依次输入"cd foo"," cd bar";或者在资源管理器的地址栏里复制文件夹地址"D:\foo\bar", 然后输入cd 再把复制的地址一次性粘贴到cd 后面（适用于文件夹路径较长时，避免一个一个地输入）如果需要进行频繁命令行操作，每次都要通过 阅读全文

摘要： 页面中除了传统的超链接外，还可以将邮箱地址写入标签，意思不表自明，当然是用户点击后就会打开相应的邮件客户端向这个连接指向的邮件地址发邮件。liuwayong@gmail.com效果：sample@test.com了解邮件连接一般情况下，如果你的浏览器之前有设置过 mailto: 协议的话，它会启动mailto协议里指定的程序来打开这个邮件链接。比如我的Chrome浏览器里设置为使用Gamil,那么单击后，会自动打开Gamil页面，并且把收件人地址填好了。另外，如果你在连接中传了subject 参数，或者还有其他参数，邮箱页面打开后，相应位置的内容会从参数当中去取，然后自动填上。下面是完整参数的 阅读全文

摘要： 我当然知道未经作者允许修改别人程序是不道德的了，但作为学习研究之用还是无可厚非，这里仅供交流。一切都是需求驱动的话说某天我在网上猎奇的时候无意间发现这么一款神奇的谷歌浏览器插件：Extension Source Locator。翻译成大中华语意思大概是扩展程序源码定位器！它是干什么的呢，根据被翻译过来的不太准确的大中华语可以大概知道这玩意儿可以定位到一个你已经在谷歌浏览器上安装了的扩展程序的源码，或者说源文件 ，在你电脑磁盘的哪个地方。这当然没什么神奇的了，你或许说我可以通过上网查查就知道谷歌浏览器扩展程序安装后与之相关的文件在磁盘什么地方了。但有了它使我们更加方便地定位到源文件所在文件夹。更 阅读全文

摘要： 因为有时看国外教程时，手头上的PS是中文的而教程里的界面是英文的，而且中英菜单顺序在某些地方是不一样的，所以很不方便。终于找到一个非常完美的方法可以把界面换成英文，而且不需任何语言包。并且试了在最新的Photoshop CC版本中可用。下面是具体方法，你想像不到的简单与方便，并且可以随时换回你原来的语言。打开Photoshop所在文件夹，即你的安装位置，如果是绿色版本则是你解压后存放的位置定位到Adobe Photoshop CC v14.0\Adobe Photoshop CC\Locales\zh_CN\Support Files, 比如我的PS是放在D盘的，所以最终路径是：D:\Prog 阅读全文

摘要： 有兴趣的同学可以文章最后的代码复制贴到控制台玩玩。Go for Code在正常模式下，一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读，除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息，在控制台中出来的效果如下：在输出信息前面会有一个带感叹号的黄色三角警告符号。似乎比一般的console信息要友好得多了。虽然图标是黄色的，但输出的文字仍然是黑色。另外经常用到的是输出错误信息。可以通过调用console.erro() 来实现。输出的效果如下：信息前面会出现一个带叉的红色圆形图标。这个效果要比警告信息更友好了，字体颜色成 阅读全文

摘要： 变量1.JavaScript hoisting>>请看例子，我们拿Chrome的console作为JS的运行环境。上面直接执行console.log(a), 不带一点悬念地抛出了not defined 错误。这是预料之中的。看下面进化后的代码：之前变量没有定义的错误没了，取而代之的是告诉我们a的值是 'undefined'。先不管a的值缘何为 'undefined' 了，至少可以知道现a这个变量是定义了，因为之前报的' a is not defined'的错误没有了。这正是因为JavaScript 中的一个声明提前的特性起的作用。Ja 阅读全文

摘要： 在进入主题之前，我们先来看一个前台页面经常用到的功能：点击页面输入框时自动选择其中文本。很容易想到利用输入框的focus事件，当输入框获得焦点时，再调用jQuery的select()方法。Okay，想法很简单，逻辑似乎也无错。具体我们来看一下现实到底能不能实现。1.页面构造个表单，放上几个输入框。代码看起来是这样子的。 Name: Age: ... 阅读全文

摘要： 每次写博我觉得取上恬当的题目比整篇行文都难，词量有限的情况下突然想到JavaScript拾遗应该会是一个非常文艺而夺目的博文题目，但我并没有急着使用，经验告诉我应该先去搜一下看有没有被用过。果不其然，不搜不知道，一搜吓一跳。不仅已经有JavaScript拾遗，JavaScript基础拾遗等题目的博文，而且更上一层楼的还有Javascript基础之贝海拾遗！看到这里我已然觉得高中每月买一本的《萌芽》真的是弱爆了。我要是早点融入到程序员的世界该多好，即学技术又没落下我追求文学的梦想。看来我们程序员还是不乏文艺细胞，写代码的人搞文艺也差不到哪去啊。学习资源关于JavaScript比较优秀的中文资料我 阅读全文

摘要： 从后台组织好数据然后传递到页面倒是水到渠成很方便，因为MVC自身就将这样的需求内建到了这个系统中。我只需要在后台组织好一个List 或IEnumerable类型的变量，将需要传递的数据模型扔进去便可。比如这里我们向视图返回5条product信息在页面进行展示，仅仅是返回这么简单。然后在页面我们就毫不费力地得到了后台传过来的数据模型，然后进行显示即可。但问题是，如何又将多个模型传回后台去呢。一个form一般只传递一个模型，我们可以在JavaScript里序列化多个模型然后通过ajax 传递回去。1.首先改造页面，假设在页面有很多输入框供用户输入模型的相关信息，并且搞一个按扭来提交。 @fo... 阅读全文

摘要： 在ASP.NET 网页或ASP MVC中嵌入Telerik Reporting时，报表出来的样式是有问题的，按扭的位置错位了。在页面中引入以下CSS文件可以将报表样式修复从而回到正常的报表样式。.TReport input, .TReport textarea { margin: 0; padding: 0;}.TReport .PageNumberText { font-size: 8pt; font-family: Verdana; padding-top: 1px; margin-left: 6px;}.TReport .InputButtonClas... 阅读全文