网页编纂器也丑化，FiraCode 代码公用等宽字体

比来在更新设计导航 HTML 代码时，发明有个款式老是加载不出来，经由细看发明居然是由于用了中文的双引号招致，但由于网页代码编纂器西文和中文的双引号太类似所以疏忽查找这个成绩，如斯低级的成绩却糟蹋了不[……]

浏览全文 »

若何在网站上添加 google 地图（嵌入式可自界说称号）

为便利用户寻觅到公司地址，网站的联系我们页面平日会参加地图，但假如只是图片格局就太不智能了吧，之前我们引见过《给网站添加百度地图》一文，但假如我们做的是英文网站，并面向的是国外用户呢？那末就须要添加[……]

浏览全文 »

CSS border-radius 新弄法(含可视化生成对象)

这个 CSS 属性关于前端人员必定不生疏，一向以来都把它看成矩形圆角应用，但是，关于爱好立异的设计师来讲，这是不敷的，我们要最大化应用 border-radius，让它玩得更精彩。

先来看看截图[……]

浏览全文 »

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

有一次给客户网站的联系我们页面添加一张标注有公司地址的百度地图，成果客户反应说，为何我的地图不克不及用鼠标拖动的啊？没想到如今客户请求这么高了，想偷懒一点也不可。经由几番折腾，发明添加百度地图API代码[……]

浏览全文 »

表单暗码强度可视化设计

在填写表单暗码时，有的会会显示「弱、中、强」的案牍来表现你填写的暗码强度，这是一种不错的用户体验方法，但是明天我们分享一个更风趣的体验，就是用「可视化」来表达。

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

浏览全文 »

Tippy.js 玩转鼠标悬停提醒信息

网页设计师对 tooltips 鼠标经由提醒后果应当不生疏，这类后果固然可以直接用 css hover 来完成，然则假如想更友爱的、更雅观的后果，能够就要借助 JS 来完成啦。明天和人人分享的 Tip[……]

浏览全文 »

CSS 或 srcset 让阅读器主动切换 1X/2X/3X 图象

如今许多客户都买高分屏的电脑，假如直接发 JPG 图给客户，会影响设计质量。为了让网站设计后果图加倍真实，比来把设计提案直接做成 Web 版，模仿阅读器真实视觉后果，同时能主动辨认能否为视网膜显示屏，[……]

浏览全文 »

小创意：圣诞球切换开关

还有几天就到圣诞节，简直到哪里都能看到圣诞氛围的设计，网站也是如斯，为了让网站页面更有氛围，我们不克不及放过任何小创意，即便是一个小小的切换开关元素。

人人请看下图，这是来自 Chris Ganno[……]

浏览全文 »