使用 css 代码画一只玉兔，迎中秋佳节

前言：中秋佳节，大家都在讨论月饼啊、嫦娥啊，但我们怎么能忘了可爱的玉兔呢。今天我们就来用 css 画一只玉兔出来。

演示：

代码
HTML代表
  <div class=[……]

阅读全文 »

Flexbox 可视化信息图

这是一张 CSS Flexbox 属性可视化信息图，有助于前端工程师更好的了解Flexbox的各个参数属性的用法，Flexbox在网页的布局上非常实用，这是一个重要的WEB布局属性，必修要学会。如果要下载这个图，直接把图像另存为就可以了。[……]

阅读全文 »

2021前端框架选哪个？Vue，React 还是 Angular？

Web 前端开发是时下最热门的领域之一，为了提升开发效率和用户体验从而创造更具竞争力的产品，选择适合自己项目或团队的开发框架成为技术决策者首先需要解决的问题。那么2021前端框架选哪个？Vue，React 还是 Angular？下面我们一起来看看吧。[……]

阅读全文 »

网页编辑器也美化，FiraCode 代码专用等宽字体

最近在更新设计导航 HTML 代码时，发现有个样式总是加载不出来，经过细看发现竟然是因为用了中文的双引号导致，但因为网页代码编辑器西文和中文的双引号太相似所以忽略查找这个问题，如此初级的问题却浪费了不[……]

阅读全文 »

如何在网站上添加 google 地图（嵌入式可自定义名称）

为方便用户寻找到公司地址，网站的联系我们页面通常会加入地图，但如果只是图片格式就太不智能了吧，之前我们介绍过《给网站添加百度地图》一文，但如果我们做的是英文网站，并面向的是国外用户呢？那么就需要添加[……]

阅读全文 »

CSS border-radius 新玩法(含可视化生成工具)

这个 CSS 属性对于前端人员一定不陌生，一直以来都把它当作矩形圆角使用，然而，对于喜欢创新的设计师来说，这是不够的，我们要最大化利用 border-radius，让它玩得更出色。

先来看看截图[……]

阅读全文 »

给网站添加百度地图代码，并可自定义定位坐标

有一次给客户网站的联系我们页面添加一张标注有公司地址的百度地图，结果客户反馈说，为什么我的地图不能用鼠标拖动的啊？没想到现在客户要求这么高了，想偷懒一点也不行。经过几番折腾，发现添加百度地图API代码[……]

阅读全文 »

表单密码强度可视化设计

在填写表单密码时，有的会会显示「弱、中、强」的文案来表示你填写的密码强度，这是一种不错的用户体验方式，然而今天我们分享一个更有趣的体验，就是用「可视化」来表达。

这个「可视化」方[……]

阅读全文 »