- 博客(126)
- 资源 (1)
- 收藏
- 关注
原创 10个经典实用的HTML5图表动画应用
10个经典实用的HTML5图表动画应用 (www.html5tricks.com)http://www.html5tricks.com/10-html5-chart-animation.html 今天我们要来分享另外一种类型的HTML5动画:HTML5图表应用。图表在网页中应用十分广泛,尤其是后台的统计功能,更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动...
2015-03-24 13:35:07 701
原创 jquery按钮加载动画插件loda-button
loda-button是一款按钮加载动画的jquery插件,使用CSS3创建动画转场,当点击按钮后,数据与服务端通信时出现加载动画,大大地提高交互体验性。由于使用的是CSS3,因此只支持现代浏览器,即IE10+,当然你可以使用html5.js来实现低版本IE支持。使用方法引入核心文件1234<link rel="stylesheet" h...
2015-03-17 16:53:26 451
原创 jquery.validate,错误信息位置
jquery.validate,错误信息位置张映 发表于 2011-01-19分类目录: js/jquery标签:jquery, validate好长时间没有用jquery.validate.js这个插件了,忘得差不多了。唉,好东西还是要经常拿出来看看的,今天用jquery.validate来做一个小东西,遇到一个问题,就是错误提示信息的位置问题,如果知道...
2015-03-13 15:50:43 398
原创 在线loading图标生成网站
分享几个优秀的在线loading图标生成网站,方便实现。http://preloaders.net/http://www.ajaxload.info/http://www.webscriptlab.com/http://www.chimply.com/http://mentalized.net/activity-indicators/...
2014-07-15 11:39:32 2483
原创 备忘录
text-shadow:0 1px 1px rgba(255,255,255,0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; ...
2014-04-17 16:52:11 113
原创 引文字 样式写法
@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);
2014-03-15 14:40:52 125
原创 好设计的20条金律
可以打破规则,但不能忽视规则。Rules can be broken-but never ignorerd.1:必须有一个概念Have a concept平面设计如果没有信息,没有观点,没有叙述,或者没有有益的经验,就不是平面设计,一件东西看起来那么漂亮都不要惊讶,如果不具有清晰的信息,它就是一个空壳,尽管他很漂亮,这就是这条规则的复杂所在。让我们继续前进吧!2:需要沟通,...
2014-01-27 16:46:55 249
原创 【转】前台JS限制上传图片质量大小和尺寸
前台JS限制上传图片质量大小和尺寸!(转)<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=??????"> <script language="javascript"> <!-- function imgSel() { v
2013-12-05 17:25:11 263
原创 UI界面规范,可作界面测试的参考 (转)
UI色彩与字体1)UI字体、色彩要一致2)整体色彩搭配要融为一体,起提示作用的部分要清楚醒目3)不可修改的字段,统一使用灰色文字显示 窗口风格 1)所有窗口最大化、最小化风格要一致2)报错页面的风格一致,最好有统一的报错页面3)类似功能的窗口打开的风格要一致4)相同功能在不同模块的名称要一致5)子窗体应尽量在显示在主窗体的左上或居中放置6)弹出式窗口尽量在不借助滚动条的情况下显示所有内容7)窗体最...
2013-01-08 13:20:12 500
原创 提供几本WEB前端开发电子书(2012/10/31更新)
提供几本本WEB前端开发电子书, 这是本人在网上收集和购买的一些书籍电子版,基本为PDF格式,扫描的质量还不错很清楚。现在分享给大家,有喜欢的可以去下载下来看看。1、用户体验的要素:以用户为中心的web设计115网盘下载 百度网盘下载2、应需而变——设计的力量115网盘下载 百度网盘下载3、赢在用户完整115网盘下载 百度网盘下载4、瞬间之美__WEB界面设计如何让用户心动115网...
2013-01-08 09:29:57 781
原创 转:5个设计师应该去的优质设计分享平台 [复制链接]
http://dribbble.com/http://dribbble.com/ 非常好的原创设计分享平台,你也可以注册一个帐号关注喜欢的设计师,但是要有设计师的邀请码才能发表作品,把关比较严格,可想而知作品也不会差http://www.behance.net也是非常不错的原创设计分享平台http://www.thebestdesigns.com thebestde...
2012-08-28 16:16:24 160
原创 Android的计量单位px,in,mm,pt,dp,dip,sp
px:是屏幕的像素点in:英寸mm:毫米pt:磅,1/72 英寸dp:一个基于density的抽象单位,如果一个160dpi的屏幕,1dp=1pxdip:等同于dpsp:同dp相似,但还会根据用户的字体大小偏好来缩放。建议使用sp作为文本的单位,其它用dip针对dip和px 的关系,做以下概述:HVGA屏density=160;QVGA屏density=120;WVGA屏density=2...
2011-10-17 11:46:45 99
原创 转一个关于英文自动断行问题的贴子
转自:http://maymei.ycool.com/post.1696872.html css之自动换行 自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚...
2011-04-08 20:18:22 327
原创 设计类电子杂志收集
设计类电子杂志 http://d-cat.blogbus.com/logs/28104260.html1来自美国的关于图形设计素材的杂志 ----Veer 官方网站 http://www.veer.com/2来自葡萄牙的艺术、摄影、插画内容的电子杂志----Woof! 官方网站 http://www.woofmagazine.net/ 3来自玻利维亚的艺术设...
2010-12-09 10:01:39 463
原创 转:[资源] 分享多年美工工作经历中收集的小工具和素材下载站
1.图片素材收集技巧我们很多时候看到一个别的站点里面的图片和动画,怎样能方便拿到?有一个简单的技巧就是,打开IE的 internet选项->internet临时文件,删除所有脱机内容 , 然后把这个网站浏览一遍,再打开IE的 internet选项->internet临时文件,点设置,查看文件 (就会看到刚才该网站的所有素材和动画,复制出来就可以直接使用了)2.在线图片处理工具http:...
2010-11-22 09:47:31 127
原创 40个热门网页设计素材psd源文件下载
摘自http://www.iguoguo.net/html/y2010/5806.html 这是从365PSD转过来,点击图片会跳到下载地方,365PSD是一个不错的网站,也是最近这段时间才慢慢的人多起来,被一些设计人士认可。有兴趣的朋友可以去看下,是个不错的设计站。1. Day 102. Day 113. Day 204. Day 255...
2010-11-22 09:23:53 1370
原创 22个实用的在线配色网站
如果感觉对色彩的把握还不是很到位,如果你的设计的时候色彩的感觉不够,那么我们建议你可以尝试一下在线配色工具,这里我们整理了22个使用的在线配色网站,供大家选择。1. Colourlovers2. Colorjack3. Colorschemedesigner4. Checkmycolours5. Colorschemer6. Colorotate...
2010-11-22 09:21:26 663
原创 推荐60个jQuery插件及使用教程
jQuery插件jQuery SpinButton自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现Javascript自定义动态调整网页文字大小 jQuery插件Magnify放大镜实现javascript图片放大功能 jQuery插件tooltip提示条实现Javas...
2010-11-13 01:37:14 194
原创 ie6png透明
var arVersion = navigator.appVersion.split("MSIE")var version = parseFloat(arVersion[1])function fixPNG(myImage){ if ((version >= 5.5) && (version < 7) && (document.bo...
2010-11-08 22:19:25 138
原创 div层遮盖flash(兼容浏览器)
div层遮盖flash(兼容浏览器)转自:http://www.cnblogs.com/binyong/archive/2009/03/17/1414774.html 今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<paramname="wmode" value="transparent"/>...
2010-10-26 22:34:35 112
原创 (转)75个最佳Web设计资源,强烈推荐!
本文地址:http://www.woiweb.net/top-75-best-design-resources-of-2008.html 字体 - 60 套公司用设计字体 [Smashing Magazine]- 20 套免费手写字体与资源 [Fuel Your Creativity]- 50 套专业Web设计与印刷用字体 [Noupe]- 15 套漂亮的高质量免费字体 [...
2010-10-03 21:14:15 125
原创 JS实现图片加载模糊到清晰
<img src="images/playboy-s.jpg" name="myImage" width="960" height="1285" id="myImage" alt="依希设计" /><script language="JavaScript" type="text/javascript"&a
2010-10-02 20:44:42 566
原创 如何制作缩略图
首页经常会在做网站设计时放几张产品的缩略图,可以用CSS样式表进行控制,采用超出部分隐藏的方法实现缩略图效果,有时候会产生图片缺一块的情况。在这里谈一谈如何用js按比例做出缩略图。function ReImgSize(){ var await=document.getElementById("Imgbox");//定义要改变的图片的容器ID var imgall=await.getEl...
2010-10-02 20:25:15 1504
原创 CSS实现自动等比例缩略图的方法
完美解决自动缩略图的代码,以实现对原图的等比例收缩。代码如下:.thumbImage{ max-width:50px; max-height:50px; } *html.thumbImage{width:expression(this.width>50&&this.width>this.height?50:auto); height:expresion...
2010-10-02 15:30:53 364
原创 针对Google Chrome谷歌浏览器的CSS hack
所幸Google Chrome用的是与Safari一样的Webkit引擎,我们可以使用对safari相似的方式作css hack,写法为:Example Source Code@media screen and (-webkit-min-device-pixel-ratio:0) {/* 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 */}另...
2010-09-14 13:26:43 443
解决不同浏览器窗口大小是否显示某DIV问题
解决不同浏览器窗口大小是否显示某DIV问题:<SCRIPT LANGUAGE="JavaScript">function resize(){ //document.getElementById("tiao").width=window.screen.clientWidth; //document.getElementById("tiao").style.backgrou...
2010-09-12 22:57:47 186
原创 图片在DIV中居中
图片在DIV中永远居中 <div id="div_image_box_wrapper1"> <div id="div_image_box_wrapper2"> <div id="div_image_box"> <img src="*.jpg" /> </div>
2010-05-07 17:20:49 79
表单中涉及到的高度自适应+最大高度问题
<html><head><title></title><script type="text/javascript" src="./jquery-1.3.2.min.js"></script><script language="javascript"&am
2010-04-28 10:18:06 597
常用的CSS BUG解决方法与技巧 收集贴
一、 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用. IE6及其更低版本 * html {} IE7及其更低版本 *:first-child+html {} * html {} 仅针对IE7 ...
2010-04-28 09:51:47 116
设定网页最小最大宽度和高度(兼容IE6)
/* 最小寬度 */.min_width{min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大寬度 */.max_width{ max-width:600px; ...
2010-03-30 21:38:01 174
应聘网页设计师常见的8个面试试题和答案
网页制作Webjx文章简介:CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天webjx.com 收集了常见的8条面试题目,希望对您有所帮助。CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天webjx.com收集了常见的8条面试题目,希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题...
2010-03-01 11:46:55 1438
原创 推荐60+ Flex开发参考网站
http://www.iteye.com/news/5038-recommended-60-flex-development-reference-site 推荐60+ Flex开发参考网站 下面是一些好的Flex开发的网站或者Flex资源,如果你使用Flex开发,可以参考一下。 新手入门参考:Adobe Flex 3 - adobe.com A...
2010-02-22 09:59:28 116
从论坛转来的关于PNG图片
来自:不名一格 - 让 PNG-8图像在网页中完美演绎 ----------- 网页前端设计到今天已经比较成熟,我们现在不会再去比较GIF和PNG孰对孰错,一种惯性会让大家优先选择PNG。W3C组织制定了PNG的规范 Portable Network Graphics,有兴趣的同学可以深入了解。下面来说说我们常用的PNG-8。网页设计时,对于减少网页中图像数据大小,降...
2010-02-22 09:17:20 156
原创 超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff) (转)
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff) 收藏 前几天由于工作需要,要对一个表格进行隔行换色,还要加上鼠标经过效果,但是表格由程序生成,如果在tr标签中添加onmouseover,onmouseout效果的话工作量很大,遂尝试用js实现以上功能,唯一要对表格做的改动就是给table标签加上id. 从网上搜索了很多方法,几乎都是对tr标签进行修改,还好找到了一个完全通过js实现隔行换...
2010-01-31 15:13:33 140
原创 推荐9款很棒的网页绘制图表JavaScript框架脚本(转)
向大家推荐9款很棒的可在网页中绘制图表的JavaScript脚本,这些有趣的JS脚本可以帮助你快速方便的绘制图表(线、面、饼、条…),其中包括jQuery、MooTools、Prototype和一些其它的JavaScript框架。您还可以参考以下JavaScript/CSS相关教程及资源:《10个非常棒的Ajax及Javascript实例资源网站》《精选...
2010-01-29 17:09:12 162
原创 先摘着仔细看-IE与FF兼容
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加...
2010-01-29 16:55:45 87
原创 CSS编码规范
一、 基本书写规范 1、所有的CSS的尽量采用外部调用 <LINK href="/style/style.css" rel="stylesheet" type="text/css"> 书写时重定义的最先,伪类其次,自定义最后(其中a:link a:visited a:hover a:actived 要按照顺序写)便于自己和他人阅读。 ...
2010-01-26 15:07:02 86
原创 一些好用的CSS Reset
Css Reset也就Reset Css ,就是重置一些标签样式,或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率,提高样式代码的重用,减少重复代码,减少维护成本。 现发表于:2009-03-21 17:18 分类:首页 > 网站重构 > CSS+XHTML > , 标签: CSSCss Reset也就R...
2010-01-26 13:54:26 155
原创 99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错)
大家都清楚一个网站象征着你和你的品牌,这取决于你如何构建自己的网站。正因为Wordpress越来越受到互联网设计群体的关注,它并不代表最基本的(X)HTML/CSS很丑、很杂乱和单调。彬Go将向大家推荐99个高质量的免费(X)HTML/CSS模板,你可以用于自己或公司企业的网站。您还可以参考以下(X)HTML/CSS相关教程及资源:《30个基于CSS的导航和按钮优秀...
2010-01-26 13:02:23 5446
原创 你需要了解的21个CSS惊人技巧
级联样式表(CSS)在当代Web设计中已经成为重要的环节,如果没有CSS现在的网站将像10年前一样不堪入目。随着CSS技术的普及,越来越多的高质量CSS教程涌入互联网,让我们的学习更加方便。下面彬Go向大家推荐21个惊人的CSS技巧,相信其中必有你想不到的。还等什么,继续往下看吧!您还可以参考以下CSS相关教程及资源:《CSS Sprites(CSS图像拼合技术)教...
2010-01-26 12:55:03 130
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人