现在的网站和App的设计中越来越重视用户体验,而优秀的动效则能使你的应用更具交互性,从而吸引更多用户的使用。我一般会在网站中加入一些简单而一致的动效,我所用的技术则是用SASS+bourbon来生成出那些基于CSS3的动画效果来。但如果你对CSS3中定义动效还不熟练,或希望采用更加简单直接的方式在你的应用中引入动效的话,你可以参考并使用下面的这10个优秀动效
......
460
0
0
2022-09-14
毫无疑问,每个人都不喜欢等待,而在浏览网页时,对着千篇一律、毫无新意的加载页面,简直无聊至极。有研究表明,普通用户能够忍受的最长的加载页面的时间一般为8秒钟,如果加载时间超过8秒,除非用户必须在这个页面获得一些信息,一般用户会关闭页面或者转到其他页面。有了这些有趣的LoadingGIF,相信没看够的用户只会怪页面加载太快吧。小猫你倒是抓啊很好奇哪个网站需要这
......
523
0
0
2022-09-13
打开网页页面,有些时候会出现:HTTP 404或Not Found这些字样。也许有的小伙伴还不太清楚,ME哥在这几简单介绍一下:HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”(HTTP状态码),此信息代表客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应且不知原因。自定义404错误页面是增强用户体验的很好的做法。
......
349
0
0
2022-09-07
目前,图片产业可能是一个快速成长的行业。具有创造性的新网站如雨后春笋般,每天都会涌现出来,而 HTML 与 CSS 也存在于每一个控制指令中。CSS 在电子结构化内容建设的道路上,还有很长的路要走。它被用以管控文件布局的绝对精准度,并以媒体类型来进行对比布局。当今的网站提供给了用户多种类型的交互方式,而 CSS3 呈现的效果也被广泛的应用在其中。搜寻免费的代
......
392
0
0
2022-09-06
作为一枚射鸡师(设计师),手里没有素材怎么可以?!这里有8PSD素材下载网站,范围涵盖了图标,网站模板,flash模板,图片等等~如果没有你想要的,就去http://hao.uisdc.com!这个包含更多!所以,收藏是一定要的!1、PSDRepo网站地址:http://psdrepo.com/PSDRepo 网站是一个致力于分享按钮、图标、网页模版、用户界
......
380
0
0
2022-09-01
小编折腾了一个下午做的45页内容,包括ppt图片资源、网编配图资源、社交配图资源、修图工具等,有需要的小伙伴们收下,以后这个图片资源内容将进行不定期更新,帮大家搜罗一些好用的平台、app,小伙伴们有用过好用的也麻烦推荐给我。PPT图片资源主要有背景、图标、文字云、图标云、信息图。网编配图资源主要有高清大图、GIf图、样机图、美食图、二维码等。微信社交配图主要
......
460
0
0
2022-08-30
前言对于一套好看舒适的前端设计方案,风格统一是基本要求,其中必然包括字体的统一。由于国产化进程的不断推进,冒出了不少基于 Linux 的国产操作系统,这就导致我们平时在 windows 上使用的好好的字体,在这些国产操作系统上就失效了,其原因是这些操作系统上没有安装对应的字体。在这里,我就记录一下最近解决字体问题的一次过程。现象某客户在某国产系统上运行我们的
......
498
0
0
2022-08-25
经过数次的修复和优化,很高兴的向大家宣布lyicon v0.0.1正式版发布了!欢迎大家去github给我们一个star并且留下 宝贵的建议,我们会认真考虑您的建议。lyicon是一套图标众多、风格清新、更适合国人使用的开源字体图标库,100%兼容fontawesome的图标,细化图标,把实心图标都改成空心,更加方便APP及现代化网页使用。此次我们发布0.0
......
429
0
0
2022-08-20
前端开发人员可能都遇到这种情况,有时候我们想把div的高度像设置宽度一样设置成占网页的百分之多少,却发现高度百分比并不起效。比如我们想让一个div的宽度为50%,高度为50%,很自然的写出:可结果发现宽度为50%,高度却不起作用。查阅很多资料后,终于找到了解决办法。问题就在于浏览器计算高度和宽度的方式不同:Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽
......
518
0
0
2022-08-10
现在实现前端的效果是越来越多,对于Web前端开发人员的要求也越来越高。在本文中小编向大家主要展示在Web前端开发中一些免费但是非常有用的代码,Web前端开发人员可以下载它们来简化工作流程。在这个集合中的所有代码都是经过精挑细选的,对于开发人员来说非常有用。在开发一个网站时,这些代码将节省大量的开发时间。下面源码时代web前端培训小编将为大家介绍10个Web前
......
441
0
0
2022-08-10
做一件事之前一定要先想清楚做这件事的目的,为什么要做这件事,只有这样,才能万变不离其宗,不会变成为了做事而做事,这很可怕。拿交互设计文档来看,为什么要写交互设计文档,这是开始写之前要想清楚的。为什么要输出《交互设计文档》产品进行需求分析,得出需求文档,交互设计师要将抽象的需求转化为具象的线框图。这其间涉及到信息架构设计、导航设计、流程设计等分析,最后才能够输
......
456
0
0
2022-08-10
把一个div里面的文字居中,大家都很清楚,不就是写css,text-align:center;和line-height:盒子的高度;<div id="box">我要居中</div>
#box{
width:200px;
height:200px;
border:2px solid red;
m
......
398
0
0
2022-08-09
Javaweb技术分享在我们日常的Java web前端开发的过程中呢,程序员们会遇到各种各样的要求,所以不每天学的东西感觉自己都退步了,都更不上时代的发展了。每天应对各种需求,每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活,热爱Java,HTML ,JSP。在昨天的文章中,我写了关于Javascript中null 与 undefined 的区
......
445
0
0
2022-08-06
前端需要考虑性能的同时还原设计(字体),如果 100% 还原那就只能用图片了。如果考虑页面兼容性和性能,需要做一定的妥协。(设计师体谅体谅前端吧)1. 兼容性windows/OSXIE 8 及以上/Chrome/Safari/360/猎豹/QQ/Firefox/Opera 等...Retina Display2. 锯齿是个大问题html 仅表达 12-16p
......
533
0
0
2022-08-02