登录页面设计是网站用户体验流程的关键部分。好的设计有助于推动访问者访问你的网站，并把新用户进行转化。它也给返回用户一个简单的方式登录到您的网站。以下案例中我们将提供：当你设计你的登录界面的时候，你应该做什么和不应该做什么。不是所有的提示和例子都适用于你的产品。关键是选择最适合你的。技巧1：更明显你不应该让你的用户到处寻找登录区域。他们找的时间越长，就会越沮丧
......
429
0
0
2022-04-10
作者：HelloGitHub-小鱼干不知道各位前端 & 移动端同学拿到 UI 同学给你的动效图，心里是什么想法。小鱼干曾混迹某个国内技术论坛，里面的大佬们对动效有惊人的一致评论：砍死设计师系列，花里胡哨系列，有时间再做，一点都不实用…统一下，大部分的开发对动效的感觉是没啥卵用徒增工作量的 Task，不过也有部分开发小伙伴觉得 App / Web 大多
......
456
0
0
2022-04-10
Articulate Storyline 是Articulate公司于2015年5月发布的一款新的课件制作软件。它是一个功能强大的、独立的、单机版的E-learning多媒体互动课件开发工具，具有无可比拟的交互功能，可以帮助使用者建立动态的、引人入胜的课件，其中包含模拟、屏幕录制、拖放式交互、单机显示活动以及测试和评估等。这款软件的功能特点主要有：（1） 支
......
380
0
0
2022-04-09
给自己的网站加上一个小图标，显示既专业又美观。网站左上角显示的小图标一般是ico格式的图片，然后在HTML里使用代码去设置ico小图片为该网站的小标。<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="icon" href="/fav
......
370
0
0
2022-04-09
设计语言是一个很庞大的设计体系，包括字体、网格系统、颜色、图形等等，而笔者在本文中也分享了相关的设计原则与关键词，希望对你有所启发。前面两期我分享了，为什么需要设计语言，对内对外有哪些帮助，同时和大家分享了，在做设计语言之前我们先要建立设计原则，以及设计原则下面的设计关键词，通过设计关键词推导出对应的视觉表现手法，也就是通常我们所说的，形、色、字、构、质。那
......
456
0
0
2022-04-09
今年的清明是灰色的，由于疫情原因，牺牲了很多的烈士和同胞，整个互联网也是灰色的，为了纪念我们的同胞，做为一个码农，没什么本事，写了点代码分享给大家，让你的网站和头像变成灰色的，以此悼念那些牺牲的烈士和同胞。第一个把网站变成灰色的功能，这个很简单，只需要在你的网站加入以下css代码，你的网站全网就会变成灰色的，我就把自己的网站变成了灰色，以示哀悼之心！具体的代
......
340
0
0
2022-04-06
在你去真实世界购物前，在虚拟世界中尝试家具布局、配色方案等等。-- Seth Kenlon（作者）这里有关于如何装饰房间的三大流派：购买一堆家具，并把它们塞进房间。仔细测量每件家具，计算房间的理论容量，然后把它们全部塞进房间，忽略你在床上放置一个书架的事实。使用一台计算机进行预先可视化。之前，我还实践了鲜为人知的第四个方式：不要家具。然而，自从我成为一个远程
......
391
0
0
2022-04-06
在应用界面中图标的存在，会给用户一个良好第一印象，这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性，突出了重要的内容，加强了功能或特性，增强了设计。因此，使用现成图标是很好的一个选择。最佳图标库的列表这里阿里的iconfont就不做介绍的，国内的开发者基本都知道，也都在用，现在我们来
......
381
0
0
2022-04-06
作者｜Mike Taylor译者｜薛命灯单页面应用程序（SPA）的异步 JavaScript 为改善 Web 应用程序的用户体验提供了绝佳的机会。CSS 框架（如 Bootstrap）使得开发人员能够在处理结构和行为时快速提供样式。可惜的是，SPA 和 CSS 框架提供的解决方案都相对复杂，传统上分离的关注点（如 HTML 结构、CSS 风格和 JS 行为）
......
399
0
0
2022-04-06
在国内，我想大家基本上都是用阿里的iconfont图标库，这里介绍10个其他的开源图标库，下面列出的所有库都是完全开源的，因为我已经检查了许可条款和条件。Font Awesome我相信我们大多数人至少使用过一次Font Awesome图标，直到现在为止，因为它们是最早发布的高度流行的开源图标库之一。截至目前，他们的图库中总共有1,588个免费图标和7,842
......
604
0
0
2022-04-05
介绍titanic是在Github上开源的一组免费的动画图标，可以将其简单的运用到网页中，而且代码及其简单，但是动画效果却很不错，动画图标和静态图标的不同之处在于它可以让你的网页更加富有活力，让产品更加具备视觉吸引力，一起来看看！开源首页https://github.com/icons8/titanic如何安装使用？安装使用及其简单，可以通过CDN或npm安
......
398
0
0
2022-04-04
谷歌公司由于掌握了 Chrome 浏览器，一直在推动浏览器的原生组件，即 Web Components API。相比第三方框架，原生组件简单直接，符合直觉，不用加载任何外部模块，代码量小。目前，它还在不断发展，但已经可用于生产环境。基本概念Web Components 由这四种技术组成自定义元素 (Custom Elements)HTML模板 (HTML T
......
414
0
0
2022-04-04
在前端的学习中我们可以选择的框架是比较多的，我们可以根据不同项目的特点来进行选择适合的框架，那么今天我们就来说说有关于：“bootstrap如何垂直居中？”的这个问题吧！下面是小编收集整理的相关资料希望对大家有所帮助。一、图片的垂直居中我们来看下面这段代码：<div class="container"><div class="nav fle
......
659
0
0
2022-04-03
介绍loaders.css是Github上一个使用纯粹的css实现的开源loading动画库，完全用CSS编写的加载动画的集合。每个动画仅限于CSS属性的一小部分，以避免复杂的绘画和布局计算。下面这张图是在demo页面截取的Gif效果图，可供参考！Github就这样一个小小的库也收获了9.5k的stars，以下是其仓库源地址https://github.co
......
487
0
0
2022-04-03
作者：Patrik Kiss 译者：前端小智 来源：dev1.Animista网站地址:http://animista.net/网站描述:在线生成 css 动画Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能1. 选择不同的动画我们可以选择想要的动画类型（例如entrance/exist），除了可以选择某个动画（例如，scal
......
428
0
0
2022-03-31