“2016年12月”存档文章有98

如何制作圣诞袜SVG图标

圣诞节虽然与西方人的信仰有关,但对于我们中国人来说,这是一个和浪漫、娱乐和送礼有关的节日。那么,就让我们用AI来绘制一组SVG格式的圣诞嘉年华图标吧。网页设计师们应该并不陌生,网络的网页字体图标就是利用SVG插入网页显示的,它保持了高清的完美细节,在多平台的网页里受到追捧,这篇教程将教大家如何通过AI绘制SVG图标,并利用在线工具生成字体图标。一起来狂欢吧!  一、认识SVG图标  首先,我们来说...

分享5个主流的HTML5开发工具

HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有...

收集一些jQueryMobile的插件和案例

1,photoswipe 网址:http://www.photoswipe.com/ demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 小我描述:在手机上操纵很流畅,能自应用屏幕尺寸,竖屏显示结果很好,横屏图片太大了,也就是列数固定的原因。 2,Touch-Gallery 网址:http://neteye.g...

界面设计参考:迪士尼动画12原则与界面动效的关联

迪士尼出品的 《疯狂动物城》可谓逗乐了全民,作为迪士尼动画的杰出代表,大人和孩子都爱看的缘由是什么?除了精彩的剧本,拟人和夸张的动画效果可谓是最具吸引力的地方。同样作为体验良好的界面,流畅的动效赋予了其生动和活泼。动画和动效的共通特征大概就是画面“动”的漂亮了。迪士尼动画成立于上世纪20-30年代,虽不足百年,但行成了一套动画创作的黄金原则。详细分析下,这12原则与界面动效设计的原则有很多相通的地...

CSS伪类

1. 链接伪类针对链接的伪类一共有4 个,因为链接始终会处于如下4 种状态之一。 Link。此时,链接就在那儿等着用户点击。 Visited。用户此前点击过这个链接。 Hover。鼠标指针正悬停在链接上。 Active。链接正在被点击(鼠标在元素上按下,还没有释放)。以下就是这些状态对应的4 个伪类选择符(使用了a 选择符和一些示例声明):a:link {color:black;}a:vi...

CSS的几种选择符

1、子选择符>标签1 > 标签2标签2 必须是标签1 的子元素,或者反过来说,标签1 必须是标签2 的父元素。与常规的上下文选择符不同,这个选择符中的标签1 不能是标签2 的父元素之外的其他祖先元素。section > h2 {font-style:italic;}2、一般同胞选择符~标签1 ~ 标签2标签2 必须跟(不一定紧跟)在其同胞标签1 后面。用Shift+1 键左侧的键输入字符~(波浪号...

关于<title>标签

搜索引擎会给<title>标签中的文字内容赋予很高的权重。而且这些文字也会作为网页标题出现在搜索结果列表中。为此,千万不要让那些“欢迎光临我的网页!”之类的废话占据你的<title>标签。一定要让这些文字简洁明确,而且包含目标读者在搜索你的网页内容时会使用的关键词。

CSS3文字阴影

文本阴影与本章前头讲过的盒阴影很相似,它的语法如下:text-shadow:4px 4px 5px #aaa;text-shadow 这几值的含义按顺序分别是:水平偏移量、垂直偏移量、模糊量和颜色。与盒阴影不同的是,文本阴影没有扩展量。最低限度,你得提供水平偏移量、垂直偏移量和颜色值。如果水平和垂直偏移量是负值,阴影就会出现在文本左上方。另外,text-shadow 还支持多个阴影声明。图7-11...