前端技术

分享一款flash头像编辑上传利器:富头像上传编辑器

富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等...

  1. 小巧的身材:文件大小仅仅只有 46.3 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者达 80 KB 之多以上。
  2. 漂亮的外观:灰色系的外观设计,适用于所有风格的站点。还可轻松地实现换肤。
  3. 强大的功能:原图支持本地上传、视频拍照和网络加载,图片编辑有缩放、裁剪、旋转、定位和调色等功能。
  4. 丰富的接口:可自定义头像(大小、数目...)、所有文本(包括其字体,大小,颜色,方便扩展多语言站点)、可在外部接口中定义选项卡、按钮...
  5. 跨平台兼容:运行环境Flash Player 10.1+,任何浏览器 IE All、Firefox、 Chrome、Opera...都正常使用。
  6. 极致的体验:人性化的设计方式,细节上精心的处理,用户使用起来得心应手。

» 阅读全文

关键词: flash头像上传

移动web app开发HTML/CSS等小贴士代码 收藏有用【转载】

1 创建主屏幕图标 (Creating a home screen icon ,for ios)


//57*57
<link rel="apple-touch-icon"href="http://wlog.cn/html/"/custom_icon.png"/>
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina.png" />

启动画面图像 (Creating a splash screen, for ios)

» 阅读全文

关键词: 移动开发

简单的jquery实现弹出即消失的提示层demo

简单的jquery实现弹出即消失的提示层demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title></title>
     
<script type="text/javascript" src="http://www.jincon.com/include/jscript/jquery.js?ver=1.7.1"></script>
     <script type="text/javascript">

» 阅读全文

微信中里如何判断页面被分享到朋友圈和微信号的成功,附代码

微信中里如何判断页面被分享到朋友圈和微信号的成功,附代码

其实微信已经给好了回调函数了。

见代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

» 阅读全文

关键词: 分享回调 , 微信

分享一段iframe框架自适应的JS代码

分享一段iframe自适应的JS代,随手搞的,没什么技术含量,mark一下而已。

<script>
function resize_window(){
    $("#main").height($(window).height()).width($(window).width()-291);
}
$(function(){
    resize_window();
    $(window).resize(function(){
        resize_window();
    })
})
</script>

关键词: 自适应 , iframe框架

minify:服务端合并和压缩JavaScript和CSS文件

Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并 JavaScript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites 和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用。目前大部分网页中的 JavaScript和CSS文件数量和开发时一致,少量的网页会根据实际情况采取本地合并,这些合并中相当多的是有选择地手动完成,每次新的合并都需要 重新在本地完成并上传到服务器,比较的随意和繁琐,同样文件的压缩也有类似的情况。而利用服务端的合并和压缩,我们就可以按照开发的逻辑尽可能让文件的颗 粒度变小,利用网页中URL的规则来自动实现文件的合并和压缩,这会相当的灵活和高效。

minify

      在 Google Code上有一个PHP的开源项目叫Minify,它可以合并、精简、Gzip压缩和缓存JavaScript和CSS文件。其文件合并功 能就非常类似Combo Handler,只不过URL的语法稍微有点不同。如果Yahoo! CDN安装了Minify,那么上面 Rich Text Editor的代码用Minify的默认格式来写就是:

» 阅读全文

关键词: 压缩javascript和css , minify

artDialog v6 更新,经典的网页对话框组件,内外皆用心雕琢

blob.png

文档与示例

http://aui.github.io/artDialog/doc/index.html

兼容性

测试通过:IE6-IE11、Chrome、Firefox、Safari、Opera

» 阅读全文

关键词: 网页对话框组件 , artdialog使用

解决javascript下location跳转获取不倒来源referer的方法

目前百度统计,google ads统计,CNZZ统计,都是利用js的 document.referer 方法可以准确地判断网页的真实来路。

因为IE不支持标准,标准外的默认行为又和其他浏览器经常不一致:
在IE中用javascript做跳转,比如用window.location.href = “”; google如果使用document.referrer无法取到浏览器请求的HTTP referrer,因为IE清空了
而其他主流浏览器Firefox和Chrome都会保留referrer。

以下代码可以解决ie的这个问题:
检测如果是ie浏览器,则手动的给增加一个referer。这样的原理就是给IE浏览器的页面偷偷加了个链接,然后自动点这个链接,于是referrer就能保留了。

» 阅读全文

关键词: location跳转