2015年09月_ywb201314

转载贝塞尔曲线与CSS3动画、SVG和canvas的基情

贝塞尔曲线与CSS3动画、SVG和canvas的基情by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3626一、甚忙，短言之最近谷歌那谁谁因为自己的相好被老大抢了，就去小米了！狗血的三角关系要比烂掉的TVB神剧好看多了。但这只是小菜，贝

2015-09-29 17:19:23 1437

转载 css3动画animation-timing-function中的cubic-bezier(n,n,n,n)

cubic-bezier即为贝兹曲线中的绘制方法。图上有四点，P0-3，其中P0、P3是默认的点，对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) 为自定义，x1,x2,y1,y2的值范围在[0, 1]。预留的几个特效： ease: cubic-bezier

2015-09-29 17:06:10 2386

原创 css outline

1. outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。2. outline-offset 属性对轮廓进行偏移，并在边框边缘进行绘制。

2015-09-29 14:33:29 454

转载使用 CSS3 新属性 user-select 控制网页内容的选择范围

IE10平台预览第四版中包含了对 CSS3 新属性 -ms-user-select 的支持，Web 开发人员可以利用这一新属性轻松精确的控制用户可以在网站上选择哪些文本。以较为典型的新闻网站为例，大多数页面中会包含一条正文报道，有用户习惯在浏览新闻报道的时候边阅读边用鼠标选中内容，或者选中正文内容与他人进行分享。与此同时，新闻网站页面上还会包含一些其他内容和链接，用户可能不需要选取

2015-09-29 14:26:03 719

转载怎么挑选网页字体？优秀网页字体的秘密

优秀的网页意味着设计人员对页面的精雕细琢，在这一过程中，我们既要接受规则，也要乐于发现并掌握新的工具，努力让生活变得更简单，设计更优秀。其实网页的字体和真实的字体没有本质上的区别，所以我很不赞同”网页字体”和”真实的字体”不同这一说法，只能说它们的每个应用比如说网页字体、铅字、海报字体以及电影字体都有自己的特色和限制，但是归根究底，它们是同根生。本文主要是告诉大家该怎么挑选网页的字体，

2015-09-29 14:06:33 702

转载 font-feature-settings

CSS 的局限性：利用字体的全部特性 2012年1月18日 3:530由于提供了对 CSS3 @font-face 规则和 WOFF 字体封装格式的跨浏览器支持，现代的 Web 版式已远远超出了“Web 安全字体”所定义的范畴，像 New Yorker 这样的知名杂志就使用了 Web 字体来彰显标题版式的独特风格，而在美国总统奥巴马的竞选连任活动中，

2015-09-29 14:05:06 2855

转载 -webkit-font-smoothing

-webkit-font-smoothing控制的字体渲染只对MacOS的Webkit有效。所以，你在MacOS测试环境下面设置-webkit-font-smoothing时，只要你不把它设置为none，怎么好看就设置为什么属性，反正这个属性仅仅是面向MacOS，不会在其他上下文中出岔子的（除了none的情形）。前端控制字体渲染的接口非常匮乏，如果可能，尽可能地控制输出的字体，而非控制

2015-09-29 14:04:34 1488

转载 HTML5----响应式（自适应）网页设计

第一步：在网页代码的头部，加入一行viewport元标签[html] view plaincopyprint?meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等

2015-09-29 11:43:43 538

原创各种尺寸单位详解，px, dp, sp...

1. 英寸。1in = 2.54cm2.px ：1px代表屏幕上一个物理的像素点。3.dp：像素密度：每英寸包含的像素点数，单位dpi （Dots Per Inch）。 1in = 160dp； 1dp = 0.00625in；这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关，所以首先我们解释一下什么是像素密度。假设有一部手机，屏幕的

2015-09-28 21:37:43 10290

转载 js urlencode , encodeURIComponent

js urlencode , encodeURIComponent js 对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。

2015-09-21 17:56:55 363

转载 JSTL EL表达式语言简介

JSTL EL表达式语言简介 EL 是从 JavaScript 脚本语言得到启发的一种表达式语言，它借鉴了 JavaScript 多类型转换无关性的特点。在使用 EL 从 scope 中得到参数时可以自动转换类型，因此对于类型的限制更加宽松。 Web 服务器对于 request 请求参数通常会以 String 类型来发送，在得到时使用的 Java 语言脚本就应该是 request.getPar

2015-09-21 14:18:34 464

转载 js javascript 获取url，获得当前页面的url，静态html文件js读取url参数

获得当前页面的url Html代码 window.location.herf [html] view plaincopyprint?window.location.herf 静态html文件js读取url参数 Html代码 location.searc

2015-09-17 17:32:47 2205

ywb201314的专栏