网页编辑器也美化，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[……]
推荐书籍
-
艺术的故事艺术与审美入门之书 -
DON'T MAKE ME THINK设计师必看 -
《移动应用UI设计模式》手机APP设计 -
《设计心理学 全四册》高阶技能！ -
JavaScript权威指南(第5版)只能说牛X -
《见微知著》Web用户体验入门书籍
Archives
- 2023 年 4 月
- 2022 年 10 月
- 2022 年 9 月
- 2021 年 7 月
- 2021 年 6 月
- 2020 年 6 月
- 2020 年 5 月
- 2020 年 4 月
- 2020 年 3 月
- 2020 年 2 月
- 2020 年 1 月
- 2019 年 12 月
- 2019 年 11 月
- 2019 年 10 月
- 2019 年 9 月
- 2019 年 8 月
- 2019 年 7 月
- 2019 年 6 月
- 2019 年 5 月
- 2019 年 4 月
- 2019 年 3 月
- 2019 年 2 月
- 2019 年 1 月
- 2018 年 12 月
- 2018 年 11 月
- 2018 年 10 月
- 2018 年 9 月
- 2018 年 8 月
- 2018 年 7 月
- 2018 年 6 月
- 2018 年 5 月
- 2018 年 4 月
- 2018 年 3 月
- 2018 年 2 月
- 2018 年 1 月
- 2017 年 12 月
- 2017 年 11 月
- 2017 年 10 月
- 2017 年 9 月
- 2017 年 8 月
- 2017 年 7 月
- 2017 年 6 月
- 2017 年 5 月
- 2017 年 4 月
- 2017 年 3 月
- 2017 年 2 月
- 2017 年 1 月
- 2016 年 12 月
- 2016 年 11 月
- 2016 年 10 月
- 2016 年 9 月
- 2016 年 8 月
- 2016 年 7 月
- 2016 年 6 月
- 2016 年 5 月
- 2016 年 4 月
- 2016 年 3 月
- 2016 年 2 月
- 2016 年 1 月
- 2015 年 12 月
- 2015 年 11 月
- 2015 年 10 月
- 2015 年 9 月
- 2015 年 8 月
- 2015 年 7 月
- 2015 年 6 月
- 2015 年 5 月
- 2015 年 4 月
- 2015 年 3 月
- 2015 年 2 月
- 2015 年 1 月
- 2014 年 12 月
- 2014 年 11 月
- 2014 年 10 月
- 2014 年 9 月
- 2014 年 8 月
- 2014 年 7 月
- 2014 年 6 月
- 2014 年 5 月
- 2014 年 4 月
- 2014 年 3 月
- 2014 年 2 月
- 2014 年 1 月
- 2013 年 12 月
- 2013 年 11 月
- 2013 年 10 月
- 2013 年 9 月
- 2013 年 8 月
- 2013 年 7 月
- 2013 年 6 月
- 2013 年 5 月
- 2013 年 4 月
- 2013 年 3 月
- 2013 年 2 月
- 2013 年 1 月
- 2012 年 12 月
- 2012 年 11 月
- 2012 年 10 月
- 2012 年 9 月
- 2012 年 8 月
- 2012 年 7 月
- 2012 年 6 月
- 2012 年 5 月
- 2012 年 4 月
- 2012 年 3 月
- 2012 年 2 月
- 2012 年 1 月
- 2011 年 12 月
- 2011 年 11 月
- 2011 年 10 月
- 2011 年 9 月
- 2011 年 8 月
- 2011 年 7 月
- 2011 年 6 月
- 2011 年 5 月
- 2011 年 4 月
- 2011 年 3 月
- 2011 年 2 月
- 2011 年 1 月
- 2010 年 12 月
- 2010 年 11 月
赞助商
