javawebsoa

作者：蒋宇捷（hfahe）版权声明：原创作品，欢迎转载，转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。 css3提供了强大的transform属性来实现动画效果。下面我简介一下如何用css3来实现浏览器里的缩放功能。HTML页面 我们先写一个简单的页面，以测试页面缩放的代码。 页面上有两个按钮，一个放大，点击后放大页面，一个缩小，点击后缩小页面。Javascript代码 利用transform:scale(缩放比例)设置body的比例可以将页面整体进行缩放。编写JS代码如下所示： var size = 1.0; function zoom... Read More

CEF（The Chromium Embedded Framework）于2011年2月1日发布了新的181版本，添加了多项激动人心的特性，包括：开发者工具、缩放支持、硬件加速和HTML video的支持等等。 CEF的主页见：http://code.google.com/p/chromiumembedded/，下图是可运行版本里开发者工具的截图。 完整的更新列表如下：通过使一些方法只能被UI线程调用增进线程安全 (issue #175).在cef_runnable.h里添加NewCefRunnableMethod和NewCefRunnableFunction模版以简化任务委派(issue.. Read More

原文地址：http://webdesignersdesk.com/2010/08/create-animated-price-grid-using-css3/译者：蒋宇捷 今天我们将要只使用CSS3来创建一个动画价格表。完全不使用Jquery，不使用图片，不使用Flash。今天我们将要学到的知识CSS3线性渐变CSS3放射渐变CSS3转换CSS3动画先看看示例（只支持Safari和Chrome）第一步 HTML文件 首先我们要编写基本的HTML代码作为开始。这样我们需要一个表格可以放置我们所有的内容。这个表格有四列六行，代码如下所示：<div id="grid"> Read More

和朋友聊天，有感而发写下几点：1、一个公司的领导，如果被一群人包围，听不到下面员工的真实心声，平静水面下是涌动的暗流，这样的公司很危险。2、一个团队的管理者，如果不cover自己的下属，不会有人为你卖命工作。3、不要动一些小心思，你对员工是不是真的好，员工看的出来。4、人人都会犯错误，不要为了小错误轻易惩罚员工，即便是大错误。 Read More

原文地址：http://webdesignersdesk.com/2010/05/create-ajax-loading-animation-with-css3/译者：蒋宇捷 通常前端工程师采用gif动画图片来表现Ajax的加载。但是现在css3已经引入了动画属性，我们可以在不采用gif动画图片的情况下，采用css3达到同样的Ajax加载动画效果。那么让我们现在开始来实现想要的效果。重要提示：只支持Webkit内核的浏览器（Safari和Chrome）示例HTML 在这里我们只展示demo里第一个Ajax载入示例的代码。首先我们需要一个名为“loading”的容器，以放置所有的动画元素。然后我 Read More

ppencode/rrencode/jjencode/aaencode是Perl、Ruby、Javascript的小工具，可以将各自的代码进行混淆，转换成特殊字符，甚至还可以转换成有意思的表情。ppencode-Perl 台湾的Perl达人唐鳳在YAPC曾经介绍过ppencode，它可以把Perl代码转换成只有英文字母的字符串。 下面是转换示例： Demo的地址：http://namazu.org/~takesako/ppencode/demo.html。rrencode-Ruby rrencode可以把ruby代码全部转换成符号。 下面是转换示例： 项目地址：http://www.lab.. Read More

Raphael JS库是在webrebuild交流会上听专家将到的，后来就看了下，果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。 这其实和cufon等网络字体的实现原理是有些类似的：非IE浏览器使用SVG绘图，然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案，包括一些动画效果。 Raphael的语法也很简单，基本上了解SVG就会很容易上手的：var c = paper.path("M10 10L90 90"); // 画一条线； 浏览器支持 IE6+、Firefox 3.0+、chrome、opera等都是很好支持 Read More

在前面的新浪微博开放平台历险一文中，提到了开发浏览器微博插件时，如果要进行OAUTH认证时，为了避免跳转到本地页面，实现方式是通过新浪微博的callback=json方式，前台让用户输入用户名和密码，后台请求微博API获取verifier。在开发腾讯微博插件时，我发现其实还有另外一个非常巧妙的方式可以解决此问题。让我们回到开始，我们的本地页面地址是“file:///C:/Program%20Files/Maxthon2/Plugin/QQT/index.html”，将此地址作为callback参数传递给request token api，并点击authorize api api和token构成 Read More

区别对待的方式：开口问。询问你的员工的目标：你在目前职位上追求什么？你的事业在向哪里发展？哪些个人志愿你愿意告诉我？你想隔多久时间见一次面讨论你的进步？了解他对赞扬方式的偏好：他喜欢公开赞誉还是私下认可？书面还是口头？谁是他最好的听众？叫他告诉你他曾经得到的最有意义的赞誉，这是非常有效的。找出那件事难以忘怀的原因。也问问他对于你们之间关系的看法。他能不能告诉你，他是怎样学习的？你可以打听他是否曾经帮助过他的良师或搭档。他们是怎样帮助他的？花最多的时间和最有成效的员工在一起。针对每个员工提出独特的期望强调并完善每个人的独特风格为每个员工排除外部干扰花时间和你最好的员工在一起向每个人描绘卓越的形象 Read More

九宫格，也叫做快速拨号（Speed dial） ，是现代浏览器一个非常重要的功能，用户可以在空白页上定制和放置自己喜爱的网站，这样可以方便的打开所需的网站，无需输入和记忆网址。 九宫格页面一般由9个格子到16格子组成，每个格子可以自由的拖动以交换位置。下面我们来实现一个简单的3*3九宫格。 我们先定义一个容器来放置3*3个格子，定义它的宽度为3个格子的宽度之和再加中间的间距。然后在上面放置9个浮动的格子。 为格子添加一些表现效果： background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.75) Read More