jQuery-jQuery.imgAutoSize.js自动调整图片大小(auto scale)

最近项目要用到自动根据容器的大小调整图片尺寸的大小的功能,记得曾经有收藏过这个插件的,哎,找了半天却发现好像没有~好不容易从过去的项目中找到这个插件,简单,方便,还好用,收藏一下省的以后遇上了还要乱找一通。
// jQuery.imgAutoSize.js
// Tang Bin – http://planeArt.cn/ – MIT Licensed

WEB-怎么设计精美的视差效果网页效果

对于视差滚动(Parallax Scrolling),关注网页设计的朋友都不会陌生。在网页设计中,视差滚动是一种很特别的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。
前阵子视差被用来提供一个漂浮在屏幕周围的元素,有很多的网站使用这种效果,有点势不可挡的趋势。如今,“少即是多”的概念也被应用于视差效果中。
—以上文字摘自《梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源:激发你的灵感:16个精美的视差效果网页设计作品》
英文来源:17 Inspiring Example of Parallax Scrolling Site
这边分享一下一个小效果,从中我们可以看到视差效果网页效果的制作原理及设计制作过程噢
其实原理很简单:就是利用两个DIV层的背景图,设置背景的位置造成视差~~

ShopEX二次开发DIY日记13之模板主题设计制作:单独页面的创建及单独页模板的配置设计维护提高篇

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

在二次开发DIY日记9《ShopEX二次开发DIY日记9之单独页面的创建及单独页模板的配置设计维护基础篇》一文中,已经讲了单独主题页的新建及维护的基本方法,今天来一个提高,顺便填一下基础篇里面挖的那个坑:如果要实现单独主题页的布局、页头、页尾的不一致怎么办?
标题写的是提高篇,其实,也仅仅是增加了代码的修改,要求大家或多或少懂一点CSS与DIV的基础知识。
借用上一篇的一张图片:
图01:单独页面的代码编辑界面
在基础篇里,我们遇上这个步骤的时候是建议大家直接点击保存的,并没有说明这个文档的作用及怎么修改噢,本文就是来解答这个问题。
这个编辑器里面的代码都是page-welcome.html文件里面的内容。
作用就是渲染出那些“坑”位还有“系统区域”,定义这些东西的位置,样式等信息的。
比如我们看到的有一个系统区域,那么如果要把系统区域取消怎么办呢?
很简单,直接将<{main}>这样的字符串给删除或者注释掉,然后保存,然后可视化编辑的时候你将看不到系统区域了~~不过一般没人无聊到这个地步给他取消的哈~建议保留。
请看下图,一般我们都是把暂时不要的给注释掉,就是在花括号上加上*号,然后我们在图04上看到,原先有的图02上的系统功能区块在图04中已经消失了噢。
另外,在代码中我们还看到很多用<{...}>括起来的内容,这些什么意思呢?下面说明一下模板标签噢:
1、<{require file="block/header.html"}>引入我们的页头:这是为了重复利用而设计的,当然你也可以没有这个。
2、<{require file="block/footer.html"}>引入我们的页尾:这是为了重复利用而设计的,当然你也可以没有这个。
3、<{widgets id="abc"}>这是一个名字叫做abc的挂件坑位。你可以有无数个坑位,唯一差别就是id的名字要不一样!
4、<{header}>:引入系统必须的资源,这个资源是放在头部。必须存在,如果没有在上面1中,请自行在页面内包含。
5、<{footer}>:引入系统必须的资源,这个资源是放在尾部。必须存在,如果没有在上面2中,请自行在页面内包含。

ShopEX二次开发DIY日记12之如何去除ShopEX版权

虫曰:
《二次开发DIY日记》系列由ChinaBUG企划,根据开发过程中客户需求做的修改而延伸出来的开发要点,将有很多的需求点可能在实际应用中并不会需要到,在本系列之中我们将会有所考虑的给予分析解答,主要目的只为了更好的说明如何根据不同的需求点来DIY我们的程序。

总是感觉为什么这个需求好多人在问?到哪里都有人在发帖问呢?
好吧,有人问最好,正是我需要的,那就说一下我的解决办法呗~别的地方有没有用我是不知道了,不过我这边的一定是可以用的。
这边需要申明的是:ShopEX的版权其实不影响什么,如果不是很特别需要的还请保留,你都不付费帮人做个广告总可以了吧?如果连这个都不愿意的话,你懂的。
本文不支持鼓励大家去除版权,仅作技术探讨之用,有利用本文用于非法用途,与本站无关噢。
第一种
思路分析:我们知道版权出现的位置是最下面部分,还是最后一行对吧,所以我们就会想,我不让你显示那就隐藏呗。
第二种
思路分析:从第一种上我们知道了,不就是设置一下DIV的属性了,那么我直接给<{footer}>增加一个DIV标签,给包含住,然后再设置隐藏不就简单了?
第三种
思路分析:你也许会觉得上面两种很麻烦,还要做加法增加内容,难道就不能做一下减法,删除<{footer}>标签不就可以了?
第四种
思路分析:既然做减法,那就干脆直接找到<{footer}>控制代码所在,直接把版权部分取消,而其他的则不变,这不是最轻松的嘛,啥都不用修改?

CSS-常用的浮出层箭头特效框如何用纯CSS样式写?

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,今天从大前端看到这篇文章,受益匪浅,转过来给有需要的人一起学习。
下面这张图就是浮出层的效果,引用大前端。
上面就是最终的效果噢,将下面的代码另存为一个.html超本文的文件之后你就能看到效果了哦~~
需要注意的是下面代码之中标红色字体的style=”top: 50%;”与style=”left: 50%;”,这两个加上去就会让相应的箭号都垂直居中(top属性)或者水平居中(left属性)的。

悦读推荐

2015.08
Effective JavaScript Item 12 理解Variable Hoisting
2015.07
PHP中unserialize返回false的解决方法
2015.06
JavaScript客户端检测技术详细解析
2015.04
SQL注入,你想知道的那些事
实战:上亿数据如何秒查
某中介无线组网及VPN接入应用案
2015.03
ThinkPHP框架安全实现分析
2015.02
微信公众平台的八大法则
来自实例的经典分析–HTTP协议
2015.01
常见HTTPS攻击方法解析
2014.12
解读大型网站系统架构的演化
2014.09
有用的PHP代码段(useful php snippets)
11个实用的Apache .htaccess配置
程序员需要知道的字符知识总结
2014.08
不用jQuery写JS的10条技巧:10 Tips for Writing JavaScript without jQuery
手游设计如何给玩家带来愉悦的交互体验 原文链接:http://colachan.com/post/3380
分析了一下作为一个吸引人的游戏应该有哪些东西哈~阅读一下
2014.06
走进科学:揭秘如何入侵电视机
265行代码实现第一人称游戏引擎
2014.05
零售行业的数据挖掘七步走
2014.04
ASP.NET的HTTP模块和处理程序之处理程序的执行
关于Android配色 自适应颜色的实现
2014.03
下载youtube上视频的姿势大全
Android设计中的.9.png
最锋利的Visual Studio Web开发工具扩展:Web Essentials详解
PHP CodeBase: 判断用户是否手机访问
亚文化是产品经理必修课
再谈javascript图片预加载技术-比onload更快获取图片尺寸
大型网站负载均衡架构
成为一个PHP专家:缺失的环节
程序员接触不到大项目,该如何提高自己?
没读过设计院校,如何成为设计师
张小龙神话已破灭 马化腾该接管微信了
颤抖了吗?九步逆向破解银行安全令牌
Android开发者必备的42个链接
2014.02
怎么一步步编写简单的PHP的Framework
只有20行Javascript代码!手把手教你写一个页面模板引擎 原文Javascript template engine in just 20 lines
我是如何反编译D-Link路由器固件程序并发现它的后门的
中国的黑客究竟有多张狂?
实战演示黑客如何利用SQL注入漏洞攻破一个WordPress网站

CheatSheet-CSS层叠样式表使用点滴

1、IE6不支持display:inline-block?
2、怎么样来区分IE6,IE7,firefox或者是ie6 hack?
3、开启 IE8 的兼容模式(用于解决ShopEX4.8.5的IE8,IE9,IE10的兼容问题)
4、IE6兼容position:fixed
5、自动换行与不换行
6、360浏览器为什么输入框外面有蓝色框框呢?怎么去除这个蓝色框呢?
7、IE系列的CSS条件判断注释(参考Conditional comments)

CSS-position:fixed固定你的层

最近在设计一个网站需要用到固定左边栏,不随着滚动条滚动而滚动。用JQ来实现吧,麻烦呀~有什么好办法没有噢?
查找了一下还真有,下面就是代码噢,原来就这么简单
应用场景:固定一个层;固定一个背景;两边的春联特效;固定一个导航等;右下脚的回到顶部效果等等

XAMP-mod_rewrite规则的使用与规则修正符与.htaccess RewriteRule详解

一、mod_rewrite 规则的使用
二、mod_rewrite 规则修正符
三、附录:一些问题的处理方案
2013.04.10 处理ShopEX开启伪静态造成中文乱码、搜索编码错误导致搜索不到商品信息
打开.htaccess文件,找到如下内容(没有的话就自己在ShopEX开启伪静态,让ShopEX自动生成一个吧)
RewriteRule ^(.*)$ index.php?$1 [L]
然后修改为下面的内容:
RewriteRule ^(.*)$ index.php?$1 [QSA,NU,PT,L]

CSS-position:absolute and relative

今天,想要在一个按钮边上弄一张图片,漂浮在按钮的右边角,就像我们经常看到的new或者是hot那样子的效果。
结果想半天不知道怎么去做。分析来肯定是用定位,而且是绝对定位,但是怎么尝试就是没办法实现我所要的效果。
最后才发现,要实现这个效果的前提是父类容器需要的定位方式必须为相对,效果才会出现。

网页布局中易犯的10个CSS小错误

1. 检查HTML元素是否有拼写错误、是否忘记结束标记
2. 检查CSS是否书写正确
3. 用删除法确定错误发生的位置
4. 利用border属性确定出错元素的布局特性
5. float元素的父元素不能指定clear属性
6. float元素务必指定width属性
7. float元素不能指定margin和padding等属性
8. float元素的宽度之和要小于100%
9. 是否重设了默认的样式?
10. 是否忘记了写DTD?