-
尼尔森十大可用性原则,让你在交互设计中少走弯路！
273
详情
各位设计师小伙伴们，大家一定都遇到过，在设计一款产品时，经常会被业务带着跑从而忽略了 可用性 设计的基本原则，最后导致自己的方案被挑战而说不出理由。所以当设计拿捏不准的时候，最好还好依照基本的原则进行设计。尼尔森的十大 可用性 原则是产品设计与用户体验设计的重要参考标准，值得深入研究与运用。 一、状态可见原则 用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时... -
dede重置栏目ID和文章ID
205主要解决清空所有栏目后id不归1问题！ 在后台SQL运行器运行下面的语句，这样新建的栏目ID就从1开始了: ALTERTABLE`dede_arctype`AUTO_INCREMENT=1; 下面是文章的，运行后，发布的文章的ID从1开始: ALTERTABLE`dede_archives`AUTO_INCREMENT=1; ...
详情 -
解决IE8及以下版本不支持CSS3的nth-child()的写法
222IE8 不支持很多新特效，网站首页图文列表出现错位问题，原因是 IE8 不支持 CSS3 :nth-child() 选择器引起的，关于对此问题的解决办法，有如下两种解决方法（部分内容来源于网络）： 方法一：使用 + 来硬干nth-child() CSS3通常我们这样写： ulli:nth-child(3){width:10%} 遇到IE7、IE8的时候这样干： ulli+li+li{width:10%} 或者这样： ulli:first-child+li+li{width:10%} 方法二：使用JQuery解决IE8不支持CSS3的nth-child()问题 jQuery :nth-child() 选择器的使用方法和 CSS3 的 :nth-child() 没什么两样，...
详情 -
关于position的fixed属性失效的问题，小记录
137如果父级元素如果有transform属性，会导致子元素的fixed失效，暂时无解决方法；只能用别的方法代替CSS3的transform了。 ...
详情 -
JQuery筛选器备忘
130jQuery提供了强大的选择器让我们获取对象。这里，我们暂且将jQuery选择器分为两大部分：选择对象和筛选条件。选择对象表示要获取什么对象，筛选条件是对获取的对象进行筛选，最终留下符合某些特征的对象。 1.选择对象 1).基本 ·#id 根据给定的ID匹配一个元素。例如：$(#id) ·element 根据给定的元素名匹配所有元素。例如：$(div) ·.class 根据给定的类匹配元素。例如：$(.style1); ·* 匹配所有元素。例如：$(*) ·selector1,selector2,selectorN 将每一个选择器匹配到的...
详情 -
用jquery刷新当前页面方法记录
215如何使用jquery刷新当前页面，方法奉上，备用。 window.location.reload()//刷新当前页面.parent.location.reload()//刷新父亲对象（用于框架）opener.location.reload()//刷新父窗口对象（用于单开窗口）top.location.reload()//刷新最顶端对象（用于多开窗口） ...
详情 -
为jQuery添加“鼠标停止时”方法
172最近一个项目需要做待机屏保，琢磨了一下，js、jq里只能获取鼠标的进入、离开、移动，确没有办法获取鼠标的停止，于是乎，寻得方法，用以下方法来模拟鼠标的停止动作。 直接上代码： (function($){$.fn.moveStopEvent=function(callback){returnthis.each(function(){varx=0,y=0,x1=0,y1=0,isRun=false,si,self=this;varsif=function(){si=setInterval(function(){if(x==x1y==y1){clearInterval(si);isRun=false;callbackcallback.call(self);}x=x1;y=y1;},1000);}$(this).mousemove(function(e){x1=e.pageX;y1=e.pageY;!isRunsif(),isRun=true;}).mouseout(...
详情 -
调用IP接口获取当前访客所在城市
98最近项目上用到个城市切换功能，于是乎就简单的扒拉一下，用新浪的ip接口一键获取当前用户所在城市。 先上代码，具体请看代码注释： varcity=$.cookie(grfweb_cookie);/*读取cookie*//*需要显示默认城市的地方添加.this-city类*/$(.this-city).text(city);functiongetLocation(){/*调用新浪ip接口获取当前位置*/$.getScript(http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js,function(){varcity=(remote_ip_info.city);$(.this-city).text(city);alert(获取成功，当前城市是：+city+);$.cookie(grfweb_cookie,city,{/*写入...
详情 -
调用天气预报接口做个动态的网站天气背景
168今天天气特别，有暴雨，上午写代码突发奇想，随手写了段根据天气换背景的代码，不吝啬，分享给大家，基于jQuery的： functionforweather(){/*调用新浪的免费天气预报接口，其它接口自行更换*/$.getScript(http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=jsday=0city=dfc=1charset=utf-8,function(){vars=,r=,q=;for(sinwindow.SWther.w){q=SWther.w[s][0]}wtherimg(q.s1)})};functionwtherimg(imgsrc){/*定义一组天气情况*/varwth01=晴,wth02=多云,wth03=晴转多云,wth04=阴,wth05=小雨,wth06=中雨,wth07=大雨,wth08=暴雨,wth09=雷...
详情 -
画产品原型？别急！先来看这份全面细致的头脑风暴指南
132
详情
头脑风暴 法出自“头脑风暴”一词。所谓头脑风暴（Brain-storming）最早是精神病理学上的用语，指精神病患者的精神错乱状态而言的，现在转而形容无限制的自由联想和讨论，其目的在于产生新观念或激发创新设想，主要用于找出事物产生问题的原因、寻求问题的解决方案、识别潜在的改进领域等。 在设计领域，针对设计的不同阶段，脑爆的内容也各有侧重。我们常见的暴点有：场景、痛点、功能、方案、视觉元素等。 头脑风暴注意事项 判断和创造不...