`
文章列表
http://www.css-gallery.co.uk/index.php?page=8  经典的CSS网站设计网站 http://www.carlsholm.se/hem/ http://www.isureinsurance.co.uk/ http://www.csshardcore.com/?referrer=css-gallery.co.uk http://www.heathwaen.co.uk/about.php http://www.free-css.com/http://www.cssmania.com http://www.cssremix.com http://www.alv ...
 前言:在CSS的学习实践过程中,我经常遗忘一些貌似常用的代码,为了能够强化记忆特在此作归纳整理并将陆续增删,以备即时查阅。但愿今后能遇到问题及时解决,牢牢记住这些奇怪的字符们。     一、关于段落文本强制对齐 text-align:justify;  text-justify:inter-ideograph;  若要文本两端对齐,必须先定义P的宽度,然后 { text-align:justify; text-justify :distribute-all-lines; }       二、给按钮的不同状态加CSS <style type="text/c ...
最近做图,忽觉存储文件过程中MAC奇慢无比,竟然发现存储出来的几百像素宽高的图片JPG格式竟然也能达到近30M,PNG格式就更吓人了,直逼300多M!直觉判断就是PS出问题了,上网搜索,果真是PS的原因。当然网上也有解决方法,什么全选全部图层复制图层另存之类,我试验了一下确实可用,但是实话说这真是一种笨方法,相当于另僻一个文件,还得再回到文件夹里把旧文件删了,所有的文件都得依例如此,实在不能一劳永逸。为寻找更有效的方式,我参考了一些其它贴子,网络知识库果真是万能的!原来有如此简单的方法解决这个恼人的问题!遂做如下记录,以供日后查阅,反哺知识库。     1.将下面这段js代码复制粘贴在记 ...
10个经典实用的HTML5图表动画应用 (www.html5tricks.com) http://www.html5tricks.com/10-html5-chart-animation.html     今天我们要来分享另外一种类型的HTML5动画:HTML5图表应用。图表在网页中应用十分广泛,尤其是后台的统计功能,更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画,有些结合jQuery,有些是直接基于Canvas,一起来看看吧。 1、超酷HTML5 Canvas图表应用Chart.js 之前我们已经为大家分享过很多HTML5图表应用了,每一个HTML5图表 ...
loda-button是一款按钮加载动画的jquery插件,使用CSS3创建动画转场,当点击按钮后,数据与服务端通信时出现加载动画,大大地提高交互体验性。由于使用的是CSS3,因此只支持现代浏览器,即IE10+,当然你可以使用html5.js来实现低版本IE支持。 使用方法 引入核心文件
jquery.validate,错误信息位置 张映 发表于 2011-01-19 分类目录: js/jquery 标签:jquery, 
分享几个优秀的在线loading图标生成网站,方便实现。http://preloaders.net/http://www.ajaxload.info/http://www.webscriptlab.com/http://www.chimply.com/http://mentalized.net/activity-indicators/
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;    background-image:none!important; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease ...
@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);
可以打破规则,但不能忽视规则。 Rules can be broken-but never ignorerd. 1:必须有一个概念 Have a concept 平面设计如果没有信息,没有观点,没有叙述,或者没有有益的经验,就不是平面设计,一件东西看起来那么漂亮都不要惊讶, ...
前台JS限制上传图片质量大小和尺寸!(转)<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=??????"> <script language="javascript"> <!-- function imgSel() { var img = new Image(); img.src = document.imageForm.file.value; document.imageForm ...
UI色彩与字体1)UI字体、色彩要一致2)整体色彩搭配要融为一体,起提示作用的部分要清楚醒目3)不可修改的字段,统一使用灰色文字显示 窗口风格
提供几本本WEB前端开发电子书, 这是本人在网上收集和购买的一些书籍电子版,基本为PDF格式,扫描的质量还不错很清楚。现在分享给大家,有喜欢的可以去下载下来看看。 1、用户体验的要素:以用户为中心的web设计115网盘下载 百度网盘下载 2、应需而变——设计的力量115网盘下载 百度网盘下载 3、赢在用户完整115网盘下载 百度网盘下载 4、瞬间之美__WEB界面设计如何让用户心动115网盘下载 百度网盘下载 5、javascript高级程序设计115网盘下载 百度网盘下载 6、JavaScript+DOM编程艺术1
http://dribbble.com/ http://dribbble.com/ 非常好的原创设计分享平台,你也可以注册一个帐号关注喜欢的设计师,但是要有设计师的邀请码才能发表作品,把关比较严格,可想而知作品也不会差http://www.behance.net 也是非常不错的原创设计分享平台http://www.thebestdesigns.com     thebestdesigns优秀的网站设计集合http://www.csswinner.com    csswinner看域名就知道 ,就是不仅仅视觉设计很棒,很多网站用了html5+css3,里面的网站都是视觉设计 ...
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=240;WQVGA屏density=120density值表示每英寸有多少个显示点,与分辨率是两个概念。不同density下屏幕分辨率信息,以480dip*800dip的 WVGA(density=240 ...
Global site tag (gtag.js) - Google Analytics