腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
腾讯社交用户体验设计
专栏成员
举报
797
文章
802595
阅读量
142
订阅数
订阅专栏
申请加入专栏
全部文章(797)
tcp/ip(141)
其他(112)
微信(98)
图像处理(69)
游戏(60)
设计(54)
ps(43)
ip(38)
https(36)
腾讯云开发者社区(34)
ios(33)
网络安全(29)
小程序(27)
linux(26)
云直播(22)
腾讯(20)
html(17)
编程算法(17)
app(16)
css(15)
行业(14)
短视频(11)
容器(11)
ui(11)
http(10)
html5(10)
com(10)
iphone(9)
人工智能(9)
渲染(9)
模型(9)
区块链(8)
windows(8)
网站(7)
svg(7)
大数据(7)
产品(7)
动画(7)
配色(7)
实践(7)
javascript(6)
line(6)
api(5)
神经网络(5)
hadoop(5)
安全(5)
机器人(5)
腾讯文档企业版(5)
mac(5)
工具(5)
基础(5)
android(4)
express(4)
开源(4)
数据可视化(4)
费用中心(3)
对象存储(3)
机器学习(3)
mac os(3)
go(3)
ide(3)
深度学习(3)
腾讯云测试服务(3)
hive(3)
gui(3)
seo(3)
数据分析(3)
blender(3)
动效(3)
工作(3)
连接(3)
数据(3)
效率(3)
用户体验(3)
人脸识别(2)
NLP 服务(2)
node.js(2)
xml(2)
git(2)
windows server(2)
出行(2)
flash(2)
rpc(2)
nat(2)
canvas(2)
processing(2)
语音消息(2)
adt(2)
colors(2)
gif(2)
icon(2)
nft(2)
product(2)
web(2)
二维码(2)
服务(2)
互联网(2)
技巧(2)
开发者(2)
科技(2)
框架(2)
视觉设计(2)
手机(2)
原型(2)
数据万象(1)
数字货币(1)
swift(1)
r 语言(1)
react(1)
opengl(1)
arm(1)
数据库(1)
sql(1)
access(1)
mvc(1)
github(1)
搜索引擎(1)
文件存储(1)
移动直播(1)
访问管理(1)
人脸融合(1)
腾讯云区块链服务平台 TBaaS(1)
电商(1)
企业(1)
socket.io(1)
存储(1)
缓存(1)
shell(1)
spark(1)
面向对象编程(1)
unity(1)
npm(1)
敏捷开发(1)
socket编程(1)
信息流(1)
gerrit(1)
云计算(1)
虚拟化(1)
腾讯会议(1)
手势识别(1)
汽车(1)
ada(1)
adobe(1)
airbnb(1)
apple(1)
bi(1)
bug(1)
button(1)
cell(1)
character(1)
children(1)
discord(1)
document(1)
double(1)
expo(1)
factory(1)
figure(1)
gan(1)
get(1)
gps(1)
graphics(1)
hidden(1)
instagram(1)
it(1)
live(1)
max(1)
metal(1)
mvp(1)
neo(1)
photoshop(1)
poi(1)
position(1)
project(1)
prompt(1)
prototype(1)
safari(1)
sketch(1)
snapchat(1)
spa(1)
space(1)
telegram(1)
time(1)
title(1)
twitter(1)
using(1)
var(1)
version(1)
video(1)
vr(1)
watch(1)
yahoo(1)
布局(1)
产品设计(1)
地图(1)
对象(1)
反射(1)
公众号(1)
工作流(1)
规范化(1)
教程(1)
苹果(1)
日志(1)
入门(1)
软件(1)
视频(1)
数学(1)
搜索(1)
图表(1)
网络(1)
系统(1)
异步(1)
音视频(1)
隐私(1)
优化(1)
语音(1)
元宇宙(1)
搜索文章
搜索
搜索
关闭
玩转HTML5移动页面(动效篇)- 腾讯ISUX
svg
css
http
html5
html
作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢? 这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇。 ====前方高能==== (1) CSS3时序错开渐显动画 这是一种比较常用的动画,它的优点是节奏感强,做法就是先让每个元素隐藏,然后当页面呈现后
腾讯ISUX
2018-06-29
2.7K
0
为什么要用SVG?- svg与iconfont、图片多维度对比
svg
seo
区块链
SVG是什么? SVG是一种可缩放矢量图形(英语:Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开
腾讯ISUX
2018-06-29
5.4K
0
SVG fallback 及可读性
svg
xml
| 导语 这里谈到的svg回退,不针对于动画的回退,针对于面对高清屏的日益普及项目中所利用svg矢量图形,所做的图片和图标的回退。目前类似的高清处理方案还有icon fonts,也有多倍图,经过项目中不断尝试和总结,svg目前可能是最符合我们预期的方案,无论是浏览器渲染后的效果,还是出于对设计师的工作成本的考虑,以及后期各个环节人员配合的效率来看,svg都有过人之处。(具体推演过程参看ISUX博文) 1. 为什么使用SVG 体积小,可压缩 与同类图片相比,在体积上有优势,同时作为一种XML文件,对gzip
腾讯ISUX
2018-06-29
696
0
web图像的常见应用策略与技巧
svg
容器
本文介绍一些关于响应式图像的适配应用策略,回退原理,SVG的换色技巧,雪碧图的百分比定位计算公式等相关的一些小知识点,目的在于帮助一部分同学快速的理清图像应用思路,以及一些web图像的应用技巧。 1.响应式图像的应用与回退 特点:应用简单,上手容易,性能表现良好 难点:lazyload实现 根据不同设备,不同分辨率,不同像素比使用的响应式图像,常用的有两种场景: 1.1固定尺寸图像 基于设备像素比选择,很多网站logo就是固定宽度图像的一个例子,不管viewport的宽度如何,始终保持相同的宽度。 在dom
腾讯ISUX
2018-06-29
1.5K
0
高清ICON SVG解决方案(下) - 腾讯ISUX
svg
区块链
在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清ICON,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。 从上一篇文章中我们得知SVG 做的图标在IE9+的浏览器渲染效果相当的差,所以在IE下我们我们不使用SVG ICON,我们可以将SVG转成一倍的png图片来进行替代。首先来简单的普及一下SVG ICON的几个使用方法: 第一种Inline S
腾讯ISUX
2018-06-29
1.2K
0
带你轻松打开SVG动画的大门 - 腾讯ISUX
svg
css
初学SVG的时候,感觉那一坨一坨的代码难读难懂,现在回过头仔细想想,是因为那时候看文档缺少一些具体的实例,导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为,无论是项目里的应用还是demo都所
腾讯ISUX
2018-06-29
416
0
H5动效的常见制作手法 - 腾讯ISUX
html5
canvas
svg
flash
javascript
众所周知,一个元素,动往往比静更吸引眼球; 一套操作界面,合适的动态交互反馈能给用户带来更好的操作体验; 一个H5运营宣传页,炫酷的动画特效定能助力传播和品牌打造。 近两年,小到loading动画,表
腾讯ISUX
2018-06-29
4.8K
0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档