经过数次的修复和优化，很高兴的向大家宣布lyicon v0.0.1正式版发布了！欢迎大家去github给我们一个star并且留下 宝贵的建议，我们会认真考虑您的建议。lyicon是一套图标众多、风格清新、更适合国人使用的开源字体图标库，100%兼容fontawesome的图标，细化图标，把实心图标都改成空心，更加方便APP及现代化网页使用。此次我们发布0.0
......
320
0
0
2022-08-20
前端开发人员可能都遇到这种情况，有时候我们想把div的高度像设置宽度一样设置成占网页的百分之多少，却发现高度百分比并不起效。比如我们想让一个div的宽度为50%，高度为50%，很自然的写出：可结果发现宽度为50%，高度却不起作用。查阅很多资料后，终于找到了解决办法。问题就在于浏览器计算高度和宽度的方式不同：Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽
......
386
0
0
2022-08-10
现在实现前端的效果是越来越多，对于Web前端开发人员的要求也越来越高。在本文中小编向大家主要展示在Web前端开发中一些免费但是非常有用的代码，Web前端开发人员可以下载它们来简化工作流程。在这个集合中的所有代码都是经过精挑细选的，对于开发人员来说非常有用。在开发一个网站时，这些代码将节省大量的开发时间。下面源码时代web前端培训小编将为大家介绍10个Web前
......
327
0
0
2022-08-10
做一件事之前一定要先想清楚做这件事的目的，为什么要做这件事，只有这样，才能万变不离其宗，不会变成为了做事而做事，这很可怕。拿交互设计文档来看，为什么要写交互设计文档，这是开始写之前要想清楚的。为什么要输出《交互设计文档》产品进行需求分析，得出需求文档，交互设计师要将抽象的需求转化为具象的线框图。这其间涉及到信息架构设计、导航设计、流程设计等分析，最后才能够输
......
331
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
......
283
0
0
2022-08-09
Javaweb技术分享在我们日常的Java web前端开发的过程中呢，程序员们会遇到各种各样的要求，所以不每天学的东西感觉自己都退步了，都更不上时代的发展了。每天应对各种需求，每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活，热爱Java，HTML ,JSP。在昨天的文章中，我写了关于Javascript中null 与 undefined 的区
......
331
0
0
2022-08-06
前端需要考虑性能的同时还原设计（字体），如果 100% 还原那就只能用图片了。如果考虑页面兼容性和性能，需要做一定的妥协。（设计师体谅体谅前端吧）1. 兼容性windows/OSXIE 8 及以上/Chrome/Safari/360/猎豹/QQ/Firefox/Opera 等...Retina Display2. 锯齿是个大问题html 仅表达 12-16p
......
350
0
0
2022-08-02
HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”（HTTP状态码），此信息代表客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应且不知原因。404恐怕是人们最不想看到的网页之一了，但看了下面的这12款404网页，大家会不会喜欢上它呢？温泉版404money版404简洁版404僵尸版404喵星人版404爱情药版404
......
236
0
0
2022-08-01
上期文章我们介绍了响应式设计的概念以及意义，本期我们将一起来看看要实现响应式设计所必需的web设计框架。1.FoundationFoundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。2.BootstrapBootstrap是现在网上最流行的HTML、CS
......
627
0
0
2022-07-31
页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。实现方法1. 将内容部分的底部外边距设为负数这是个比较主流的用法，把内容部分最小高度设为100%，再利用内容部分的负底部外边距值来达到当高度
......
359
0
0
2022-07-30
下面由桔子科技给大家分享一下网站设计的页面规范布局框架：1、页面框架WEB的页面框架是指构成完整页面的组织结构。通常是由以下三部分构成：Head，Main，Foot，有些时候出于布局的需要，在“Head”下面还会加上用于页面功能导航的“Menu”。2、布局原则对于WEB应用来说，页面布局是和web应用的功能区相对应的，并且对于页面中各个部分之间的切分比例也需
......
540
0
0
2022-07-30
只为电脑设计网站的日子已经一去不复返了。技术的发展和移动网站的普及，推动着网站设计师去重新思考他们的工作成果将如何在不同设备上呈现。想一想，你每天在手机和电脑上浏览网页的时间哪个更长？什么是响应式设计？简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将
......
307
0
0
2022-07-23
随着智能手机的普及和发展，人们停留在手机上的时间越来越长，APP的发展也越来越快。而对于移动开发人员来说，首要做的就是抓住客户的注意力，而一个简洁优美的界面和充满感觉的设计最能打动客户，所以移动网页设计是尤为重要的。除此之外，移动网页设计还要兼具一下两方面的功能，一个是功能直观明了，让用户不需指导就可以上手使用;另一个是为用户带来新鲜感，改变他们的生活方式。
......
321
0
0
2022-07-22
每当给移动端写网页的时候就会出现要兼容各种屏幕大小的情况。了解的rem之后，觉得挺不错的，决定尝试一下。原理提一下：1rem的长度等于 html的font-size大小，默认浏览器的html的font-size是16px,所以正常情况下1rem = 16px(chrome默认字体大小下限是12px);要想让网页内容随屏幕大小而等比放大和缩小，首先我得找个基准
......
534
0
0
2022-07-21
写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要会的一项技能，因为只有你自己才会知道怎么切合适。况且这项技能根本一点都不难，所以还是自己动手丰衣足食比
......
330
0
0
2022-07-20