网站设计配色网：Material UI - 设计 - 掘金
无论是在平面设计，还是在 UI 设计上，配色总是最重要的一环。今天分享的这个网站 - Material UI ，它收录了网络上各个优秀站点的常见设计风格以及配色组合。除此之外，此网站还提供 Material Design 图示、选色器等工具。 ​​​​...

一套炫酷多样式的 Web UI 模板 - 工具资源 - 掘金
摘要：炫酷多样式的 Web UI 模板 Navigation Headers e-Commerce Blog Base Elements Footers 资源下载 链接: https://pan.baidu.com/s/1sl96J4x 密码: ...

前端学习计算机图形学 - 前端 - 掘金
序 来自vczh某计算机图形学问题的回答: 程序员的三大浪漫：操作系统、图形学、编译原理，学了都是用来给你开眼界的。这些都不是什么你不学就怎么样的课程，而是你想成为大牛，不学不行=_,= Web前端技术中和图形学挂钩的大致是CSS3的动画变换、SV...

全套 Emoji 矢量图 - 设计 - 掘金
哇，设计师的福音...

创意现代化 Web UI 组件下载 - 工具资源 - 掘金
摘要：一套创意现代化 Web UI 组件，PSD 格式。 资源下载 链接: https://pan.baidu.com/s/1bLWT... 密码: 扫描下方二维码或者搜索微信搜索【xituarea】关注回复813即可获取下载密码！...

HTML 不能这么写、你造吗？ - 前端 - 掘金
目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素，内联元素不能包含块级元素，只能包含内联元素 p标签不能包含块级元素 ...

RESTful API 最佳实践 - 后端 - 掘金
在参考了GitHub API设计和大量博客文章后总结了一下RESTful API的设计，分享如下。想要更好的理解RESTful API首先需要理解如下概念： REST：REST(Representational State Tran...

PWA 具体实践 - 前端 - 掘金
前面几篇文章大概介绍了 service worker 的底层原理，这里，我们通过实例来看看，如何自己做好一个 service worker 的应用。先说一下我这项目的大致架构，借由 react-redux-starter-kit 作为基础底层开发环境（这真是个...

2000 枚简洁多种类的 icon 图标下载 - 工具资源 - 掘金
摘要：包含头像，购物，工业，药物，食物，音乐，服饰，玩具，建筑，医疗，出行等分类的ICON 图标。 资源下载 链接: https://pan.baidu.com/s/1jHOxQ1w ...

响应式图片实战 - 前端 - 掘金
说到响应式网站，我们都知道弹性布局、弹性图片、媒体查询，更多指的是布局的方式，比如说使用max-width: 100%，这样让图片的宽度随着容器的大小而改变，响应式设计让网站能兼容各种屏幕设备，但是在我们流量这么昂贵的时代，让一个小屏幕的手机去加载一张为大屏幕...

贝塞尔曲线之购物车动画效果 - 掘金
question 贝塞尔曲线是什么？ 贝塞尔曲线可以做什么? 怎么做？ what is it？ 贝塞尔曲线在百度定义是贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。 do what? 贝塞尔曲线根据...

全球最大飙车场 Pornhub，发布了情人节司机数据 “黄皮书” - 阅读 - 掘金
提到Pornhub这个全球最大飙车场，诸位老司机必然笑而不语。然而你不知道的是，它家的数据分析做的也比别家厉害。   这不，Pornhub 前不久就发布了其官网在情人节当天的访问情况，粒度之精细，分类之清晰，堪称业界楷模。   圣诞节，感恩...

掌握 HTTP 缓存——从请求到响应过程的一切（下） - 掘金
作者：Ulrich Kautz 编译：胡子大哈 翻译原文：http://huziketang.com/blog/po... 英文原文：Mastering HTTP Caching ...

设计模式之静态工厂、工厂方法和抽象工厂的联系与区别 - 后端 - 掘金
解析： 开闭原则：对扩展开放，对修改封闭。静态工厂增加需要是修改源代码，对修改不...

七牛云大数据平台建设实践 - 后端 - 掘金
2017 年 1 月 14、15日，为期 2 天的 ECUG Con 十周年大会在深圳圆满结束，会上七牛云 CEO 许式伟做了题为《七牛大数据平台建设实践》的演讲，首次披露七牛云在大数据方向的产品思路，以下是对他本次的演讲实录。 ...

CardSlider：基于卡片的 Tinder 风格动画效果及演示 - iOS - 掘金
Tons of apps use a Tinder-style interface with cards that users can swipe right to 'like' or left to 'dislike'. But Yaroslav Zubko...

[设计文章：都说是 2016 年国外最火 55 套 PS 实用教程

• 设计 - 掘金](https://juejin.im/entry/58b6d...
  今夜，西元2017年的第一天，又是一个365天的日夜轮回，成长有所得，生活有所福，时间有所守，工作有所进，慢条斯理即便如树懒也是一年，风驰电掣就算是天速星神行太保戴宗，一年也终是一年。PS小公举，还是阿随君电脑中打开率最高的软件之一，这一年，精进有无，爱有无，...

电商（天猫商城）APP 原型资源分享 - 产品 - 掘金
2017 版天猫商城 APP 原型资源分享，组件库和原型均可下载使用。...

APP 设计：那些打动人心的设计点 - 设计 - 掘金
打造用户喜欢的产品，让产品从能用、好用到爱用，是每个互联网从业者的使命，为你的APP增添一些打动人心的小设计，不失为一个好办法。当然，前提是该设计能为用户带来价值，千万不要为了设计而设计。 你好，这是2017年的第三篇文章。 能用、好用、爱用，这三个层次往...

15000 字字体基础知识大全 - 设计 - 掘金
目 录 [隐藏] 1 术语 1.1 字形和字体 1.2 罗马体与意大利体 ...

深入新版 BS4 源码 探索 flex 和工程化 sass 奥秘 - 前端 - 掘金
你可能已经听说了一个“大新闻”：Bootstrap4 合并了代号为#21389的PR，宣布放弃支持IE9，并默认使用flexbox弹性盒模型布局。这标志着：1）前端开发全面步入“现代浏览器”的时代进一步来临；2）样式处理也再一次面向未来，拥抱更加灵活的弹性盒模...

设计无限滚动下拉加载，实践高性能页面真谛 - 掘金
UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Twe...

响应式和自适应的区别 - 前端 - 掘金
玩前端也有几个月了，发现大家普遍混淆了响应式和自适应的概念。先给大家体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/&nbs... 响应式的体验 http://segmen...

自适应设计与响应式网页设计 - 前端 - 掘金
目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。 在这先说明下这两者的异同： 自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门...

Java 人员正确使用 IntelliJ IDEA 的方式 | 掘金技术征文 - 掘金
原本地址：Java人员正确使用 IntelliJ IDEA的方式博客地址：http://tengj.top/ 前言 博主是Java开发人员，以前一直都用myeclipse来开发的，说实话感觉myeclipse毫无美感可言，后来经过同事介绍，认识了IDEA，一...

2017 年创建网站的 11 个便利资源 - 设计 - 掘金
准备好了要重新拾起被你搁置的网站了么？是时候把你的网站好好设计一番发布出来了！不管它是一个简单的博客还是更复杂的一些工程，你需要开始做的仅仅是从这几个棒棒哒的工具开始。 ｜...

史上最简易Omnifocus神器使用教程，没有之一！ - 掘金
Omnifocuss在手机上安装了很久，一直躺在那里没有用，看过网上的一些教程，即使是那些号称最容易懂的教程，我也没看懂。最近，有幸跟成哥学习了如何使用该工具，听完分享受益匪浅，终于有点眉目了！ 初学Omnifocuss，觉得它是一个"清单+个人...

6 款精致的求职简历模板 - 工具资源 - 掘金
摘要：精选6款求职简历，给面试一个好印象。适合设计师与开发者。 资源下载 链接: https://pan.baidu.com/s/1i5vA9W5 密码: 扫描下方二维码或者搜索微信搜索【xituarea】关注回复815即可获...

简单模仿 Airbnb app 的首页导航 - Android - 掘金
完全依靠官方自带的CoordinatorLayout实现的 演示效果图...

12 款优质简洁的个人简历打包下载 - 设计 - 掘金
摘要：适合开发者与设计师的优质简历打包下载 Resume RESUME CV The Resume Resume Templates Resume templates Resume Resumes Templates Resume ...

Dribbble 2 月份的热门 UI 设计作品 - 设计 - 掘金
设计变化多端，我想很多设计师的创意大多来源于一些优秀作品或一件事物才能激发创作灵感，所以「多看」是必不可少的，有空就看一看吧，今天为大家分享 Dribbble 2月份热门的 UI 设计作品（ APP UI与 Web UI）。 下面一起来看看这些优秀网页...

一组包含 150 + 精致界面的 UI 套件下载 - 设计 - 掘金
摘要：本次带来的UI套件包括150+精致的界面，7个主题，完美适应Retina屏幕，而且100%为矢量图层。另外UI套件合理的结构更易于我们轻松上手。帮助设计师和开发者带来不一样的设计灵感。 资源下载 链接: https://pan.baidu....

10 套精致多彩 APP UI Kits 下载 - 设计 - 掘金
资源下载 链接: https://pan.baidu.com/s/1bp88JPt 密码: 扫描下方二维码或者搜索微信搜索【xituarea】关注回复674即可获取下载密码！...

2000 枚精致的 icon 图标下载 - 设计 - 掘金
摘要：多达2000枚图标，分类多样。 the weather icons the war icons the christmas icons the culture icons the branding icons the bad boys icon...

Star Order - GitHub Star 管理工具 - 工具资源 - 掘金
为开源爱好者打造的 GitHub Star 管理工具。...

2017 年度视觉设计趋势 - 设计 - 掘金
大家好，去年HJUED团队完成了16年设计趋势报告，在一年的实践过程中验证了数个关键词确实如我们所预测有了较大范围的应用。在上个月中旬整个沪江用户体验设计团队开始了新一年的交互和视觉设计趋势研究，从大量的高质量素材采集到合并提炼，几乎所有成员都参与到了这个研究...

微信、京东、知乎等知名公司【UI 设计规范】 - 设计 - 掘金
一个合格的产品想长久做下去一定会有自己的设计规范，设计规范是保证项目统一化进行的基本原则。设计规范有利于多人协作也有利于设计的统一性。在工作中我们也经常要去制定设计规范从而让项目得以沉淀。下面我收藏了一些各大公司的设计规范，在设计过程中大家可以参考一下~ 看...

简洁清爽的 web ui 组件 - 设计 - 掘金
摘要：简洁清爽的 Web UI 组件，组件清晰明了，有 Photoshop 与 sketch 双版本。 资源下载 链接: https://pan.baidu.com/s/1qYJF1O4 密码: 扫描下方二维码或者搜索微信搜索【xituarea】关注...

50 款创意卡片式网站设计欣赏 - 设计 - 掘金
摘要：创意卡片式设计鉴赏 AIGA CSSDSGN AWWWARDS SHOPIFY THEMES WORDPRESS.COM THEMES POLAROID CASUAL S...

【译】扁平化设计最佳实践 - 设计 - 掘金
扁平化设计算是秉承了极简主义理念的至亲了 – 因为它将简洁的思想融入至所有元素的设计。然而，要达成简洁的扁平化设计依旧困难 – 即需要我们以相同的设计理念为目的，并创造出一套连贯的视觉与功能体验。 让我们来了解下，你能够通过扁平化设计为用户做些什么呢？...

独立开发 一个社交 APP 的架构分享 (已实现) - Android - 掘金
（本博客为原创：http://www.cnblogs.com/linguanh/）   My BananaCloud Android Application 前言:  这算是我的第一个 完完全全 由自己开发的社交类安...

混合型界面: 对话式 UI 的未来 - 设计 - 掘金
2016年是对话式设计之年。消息应用正以惊人的好评度和参与率，占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品，为了提高好评度、参与率和销量，都已经或即将加入消息功能。 有大量关于对话式UI的讨论，还有这...

设计思考，不只是流行词而已 - 设计 - 掘金
原文地址：Design Thinking, Not Just Another Buzzword 原文作者：Marco Lopes ...

Android、iOS、Mac开源项目推荐 - 掘金
很多新手（包括我在内）在写项目的时候不知道项目框架如何搭建，很多时候计划的很好，但是随着项目大额增大，最后还是写的一塌糊涂，没有条理，结构很烂，导致我们项目问题不断，最近一直总结这个原因，其实是我们脑袋里没有这些东西，没有这些逻辑结构，缺乏框架的思维，对于我们...

黑白简洁的 APP UI 套件 - 工具资源 - 掘金
摘要：设计师可以轻松用于自己的项目，有Photoshop 和 sketch 两个版本。 资源下载 链接: https://pan.baidu.com/s/1nuDz... 密码: 扫描下方二维码或者搜索微信搜索【xituarea】...

好的设计不仅仅是为了审美 - 设计 - 掘金
你可能认为好的设计就是那些看起来美的东西，但事实上设计比它看起来更重要。在好看的前提下，它需要性能高、变换灵活，有时甚至能引得观众惊叹。 最后，它必须能实现它的目的。如果这都不能实现，那么无论它看起来有多漂亮都无关紧要了。 &...

（译）实时响应设计的几个原则 - 设计 - 掘金
设计实时响应的用户体验时可能有用的几个基本原则： 1、状态清晰 用户应该清楚系统当前所处的状态，任何时候，程序应该向用户传达清楚当前发生了什么并针对用户的每一步操作给出清晰的反馈。 应用程序本身建立在一个非结构化的系统之上，其试图向用户提供结构化的数据。虽然实...

淘宝 2017 设计风格升级总结 - 设计 - 掘金
  前言 面对互联网产品的日益变化和用户的不断成长，淘宝在经历了移动互联网爆炸式的发展后，是时候全面升级了。寒冬已过，杨柳夹岸，艳桃灼灼，迎着春天的气息我们向用户呈现出一个全新的手淘客户端，期望向他们传达新的品牌理念，配合更流行的观感和更友好的体验赋...

非心灵鸡汤！2017 年 “设计师” 发展趋势指南 - 设计 - 掘金
@你丫才美工 ：我们不断的研究设计技法，也是为了成为更好的设计师。这是一篇没有图的设计师趋势指南，但读起来一点也不枯燥。 趋势系列： UX设计丨《2017年即将流行的9大UX设计趋势》 前端技术丨《腾讯工程师：2017年前端领域可能...

这 8 个要点，能让你的网页首图抓住用户注意力 - 设计 - 掘金
编者按：Banner 是我们最常聊到的设计元素，它是一个网页的招牌，是用户最容易看到的视觉元素。今天，我们来聊聊Banner中的急先锋，网页首图，它的设计之道。 网页设计师都明白，网页对于用户的第一印象是非常重要的，而网页给用户的第一印象很大程度上取决于网页的...

这个项目碉堡了 - 掘金
新年第一天上班，没想到就立春了，俗话说，一年之计在于春，全新的 17 年开始啦，来，收拾下心情，投入到工作中，撸起袖子，就是干！ 就在前几天，Airbnb 开源了一个项目叫做 Lottie，我个人觉得这个项目简直碉堡了！ 动画相信大家都不陌生，在 App 开发...

简洁清爽的 web ui 组件 - 设计 - 掘金
摘要：简洁清爽的 Web UI 组件，组件清晰明了，有 Photoshop 与 sketch 双版本。 资源下载 链接: https://pan.baidu.com/s/1qYJF1O4 密码: 扫描下方二维码或者搜索微信搜索【xituarea】关注...

15+ 优质实用简洁的个人简历模板打包 - 设计 - 掘金
Resume / CV - "Alex" Resume / CV - "Collins" Resume / CV - "Daniel" Resume / CV - "John" Resume / CV - "Reynolds" Resume / CV...

svg 图标文件引入小技巧 - 前端 - 掘金
今天刚刚get到的一个小技能，忍不住想和大家分享一下，万一有同学不太懂，刚好也可以学习一下（ps：知道的同学可以帮我斧正，感谢！）。惯例，先来简单介绍一下 svg，虽然相信大家都懂?: SVG（可缩...

(译) 如何为复杂应用设计表单 - 设计 - 掘金
原文地址：Form Design for Complex Applications 原文作者：Andrew Coyle 译文出自：掘金翻译计划 译者：特伦 校对者：...

浅析中英文基本字形的演变和发展 | 网易用户体验设计中心 - 设计 - 掘金
读一本书，看一份报，文字从产生之初就发挥着它不可撼动的地位，充斥着我们每个人每天的生活；然而在繁杂的文字设计中，跳开这些设计，更该去看看最初的文字是什么样子的，珍惜它们每一次的蜕变… 中文字体之宋体 中国文字创造之初，与埃及相同，都是由图画、象...

单选按钮的用户体验设计 - 设计 - 掘金
单选按钮作为表单系统的一个基本元素，它们被使用在当存在互斥的两个或多个选项而用户必须选择其中之一的时候。换句话说，点选某个尚未选中的单选按钮，之前的选择的哪一个就会恢复成未选中状态。 正确的使用单选按钮会起到非常好的作用——它...

(译) 如何让用户发掘移动应用中的 “隐藏” 手势 - 产品 - 掘金
原文地址：How To Communicate Hidden Gestures in Mobile App 原文作者：Nick Babich 译文出自：掘金翻译计划 译者：Gocy ...

卡片式设计的最佳实践 - 设计 - 掘金
卡片本质上是一个简单的信息容器，信息量有限，但设计干净整洁。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。作为最初由Pinterest和Facebook这样的终端服务引入的一种新的设计方案，今天卡片式设计的影响力正在多个...

谷歌 Material Design 从这些方面打破了我的思维局限 - 设计 - 掘金
这段时间为了研究控件，细看了一下 Material Design，结果发现了很多创新、好用又有趣的东西。如果你想看一看 Material Design 的译文或者控件目录，这样的资源想必你能搜到不少。所以，我就不再锦上添花了，这里主要写的是 Material ...

《致设计师》来自前端工程师 - 设计 - 掘金
亲爱的设计师，这封信已经酝酿了很多年，并且它的部分内容已经通过口头或书面形式交付给了各种设计师。 然而，我总犹豫是否发布它，因为它可能会牵连到正和我对接的设计师或是我正为之服务的客户。所以在此之前，我想强调一下，我并不是针对谁（^_^ 我是说在座的各位...

【译】2017 年十大网页设计趋势 - 设计 - 掘金
又迎来了崭新的一年，让我们来了解网页设计的发展趋势吧。 随着技术的蓬勃发展，它们已经深入到了我们日常生活的方方面面，而用户们也越来越注重线上的体验。 自身、互动、相关这三个关键词，是用户期望通过他们的 UX 设计来满足的体验。而这也意味着网页设...

网页设计中的破图 3 法 - 设计 - 掘金
写在前面： 什么是破？ 破：行话“破画面”。 是打破规矩与常见的一种设计技巧，它类似于平面构成中的变异处理。 破图的作用：1､让人眼前一亮 2､有吸引人的视觉焦点 3､打破条框的约束 4､增加画面层次 _____________...

移动用户体验设计: 错误状态 - 设计 - 掘金
“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误，有时是系统错误。无论错误原因是什么，它们——还有解决方式——对用户体验影响深远。但它往往不被重视，草草处理错误、组织混乱的错误信息会使用户沮丧，最终抛弃你的应用。相反，处理得当的错误提示，能把...

简洁精致的 Web & mobile Wireframe Kits 线框图 - 设计 - 掘金
摘要：Web & mobile 两个版本，包含菜单栏，登陆，表单，博客，商城和一些基础的Web 线框图和APP线框图的基本组件。 登陆注册线框图 头部线框图 Feature线框图 展示线框图 表单线框图 团队线框图 评价类线框图 博客线框...

以科学态度看，为什么 “简单” 的网站超级赞？ - 设计 - 掘金
翻译：David Lee在谷歌2012年8月的一项课题中，研究人员发现，用户在1/20-1/50秒内即可判断网站设计的漂亮与否，并且，与更简洁的设计参照物比对，视觉复杂程度高的网站得到了一致差评。此外， “原型化”程度很高的网站 ——既那些与同类型网站有相似布...

(译) 为何而设计？ - 设计 - 掘金
原文地址： Why Design 原文作者： Julie Zhuo 译文出自：掘金翻译计划 译者：王子建 校对者：Zhiwei Yu、Mark 我成长中收到的最好的礼物来自于生活在日本的叔叔。 每隔一两年，他都会穿着那件粗花呢的西装戴着厚厚的眼镜...

一套 Material Design 风格的管理面板 HTML 模板下载 - 设计 - 掘金
index.html alerts.html animations.html buttons.html wall.html messages.html widgets.html pricing-table.html preloaders.htm...

前端 PS 切图方法，图文详细 - 掘金
写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！ BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要...

Vonic 2.0 全新文档站上线 - 前端 - 掘金
VONIC Mobile UI Components, based on Vue.js and ionic CSS. 介绍 什么是 vonic ？...

前端切图神器 avocode - 前端 - 掘金
安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面，所以切图是作为一个前端的基本技能。杀敌要有趁手的兵器，而前端一般都是用photoshop,但是这个兵器非常笨重，可能当你笨拙的挥动的它时，敌人已经挥刀到你的颈部了。毕...

简约至上，美炸了的 Vue 圆环菜单组件 - 前端 - 掘金
API Props ...

最新的15 个有趣的前端库（December 2016） - 掘金
「英」原文链接 github ? ? ? 还有许多其他有趣的收集 ? Deck.gl Deck.gl是由Uber开源的数据可视化库，基于WebGL的可视化图层。能够支持大规模数据的2D和3D可视化。 可以在React中使用，也可以单独使用； �...

这交互炸了：饿了么是怎么让Image变成详情页的 - 掘金
晚上叫外卖，打开饿了么，发现推了一个版本，更新以后，点开了个鸡腿，哇，交互炫炸了。 本文同步自wing的地方酒馆 不过还是有槽点。我是无意中才发现可以左右滑动的。这。。。你不告诉我，我怎么知道左右可以滑。 https://github.com/githubwi...

JavaScript 进阶 -- 拉勾网鼠标移入移出效果 - 前端 - 掘金
JavaScript进阶 1024丝毫不减少我敲写代码的激情，因为我闻到了代码的味道。 先上效果图（gif自己录制的，有点难看抱歉，工具licecap） image 其实也是个偶然的机会，让我想去研究一下这个效果。主要是由于有个群里的人发了个讲...

让你的 Web 项目有趣起来！ - 前端 - 掘金
在上一篇文章介绍了几个CSS框架，这次要介绍一些让你的项目变得有趣的库和工具。这些工具用起来都很简单，所以就不具体说用法了，感兴趣的话可以点进链接去了解。一、动态效果Animate.csshttps://daneden.github.io/ani...

如何打造亚秒级页面加载速度的网店？ - 前端 - 掘金
如何打造亚秒级页面加载速度的网店？...

超全面 + 最流行的「前端速查表」高清版大全 - 前端 - 掘金
今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。...

[[deviceone 开发]- 毛玻璃效果示例 - 前端 - 掘金](https://juejin.im/entry/581ad...
一、简介 do_Bitmap组件可以把图片加载为内存里的Bitmap对象，能够对这个对象做各种图形化处理。目前只有3种处理，圆角，毛玻璃，灰度。以后会添加更多。 二、效果图 三、相关下载 https://github.com/do-project...

CSS3 布局利器 Flex 详解 - 前端 - 掘金
传统的网页布局基于盒装模型，使用display，position，float属性来达成各种布局。对于一些特殊的布局使用这些来实现不是很方便，比如垂直居中。Flex应运而生，它可以简便、完整、响应式地实现各种页面布局。Chrome 21，FF22，IE 10，S...

(译) CSS 遮罩的过渡效果 - 前端 - 掘金
原文地址：Transition Effect with CSS Masks 译文出自：掘金翻译计划 译者：luoyaqifei 校对者：Graning, hyuni CSS 遮罩的过渡效果 一份关于如何使用 CSS 遮罩来创建一...

35+ 优秀灵动的动效欣赏 - 设计 - 掘金

1. Menu open / tick / close By Kreativa Studio 2. Download / save 查看图片 By Warren Lebovics 3. Play / pause 查看图片 By Kreativa Studio...

揭开 QQ 缩略图与大图不同背后的秘密（附简单合成工具） - 前端 - 掘金
不知道你是否看过在QQ中看到这样的图片，没点开时是一张图，点开后瞬间变成另外一张如果没见过的话请看下图，如果想要那张图的话访问下面第二个地址 QQ效果访问地址：http://7xp9v5.com1.z0.glb.clo...

动效篇（6）－－CSS 极简动效鉴赏与制作 - 前端 - 掘金
（一）牛人动效 作者Fabio Ottaviani，编写语言HTML/SCSS/JS 作者Jason Jacobson，编写语言HTML/CSS(SCSS) 作者ari，编写语言HTML(jade)/CSS(SCSS) 作者Fabio Ottav...

最佳 WEB 字体排版实践的简明指导手册 - 前端 - 掘金
目录 简介 字体排版设计 视觉层次 字体排版中的格式塔原则 字体 选择字体 使用web字体 字体加载 OpenType的特性 Web 样式指导 相对大小 容器 字体尺寸 垂直间隔 颜色 下划线 总结 简介 字体排版绝不仅仅是使用字体那么简单，...

跟着建议走！这样的移动端网站设计才对头 - 设计 - 掘金
编者按：虽然移动端优先的口号喊了这么多年，我们仍能看到许多“不称职”的移动端页面。看似理所当然的网页背后还有着许多弯弯绕呢！今天的文章简单梳理了一下移动端网页设计常见的问题和技巧，说不定正是你想要的呢~ 移动端的用户往往拥有着更加明确的目的性，通常他们希望能够...

29 个基于 Bootstrap 的 HTML5 响应式网页设计模板 - 设计 - 掘金
概述：Bootstrap是目前使用最为广泛的一种前端框架,它使用CSS3属性和JavaScript函数用于创建高质量的网站。在这篇文章中，我们展示了由一些极具经验和创意的设计者所涉及的30个免费的HTML5模板，它们都能免费进行下载，你还可以在模板中重新添加新...

一套完美的 Bootstrap 打造的设计工作室网站 HTML 模版下载 - 前端 - 掘金
今天分享的是一套极简主义个人网站HTML模版，是用Bootstrap打造的，它可以帮助你更好的展示作品和介绍公司，模版里包含很多漂亮的动画效果，绝对会让你眼前一亮，感觉去体验吧！ DEMO 下载链接: https://pan.baidu.com/...

25 个网页设计模版 & 150 个优质 UI 组件下载 - 前端 - 掘金
摘要：今天分享的 UI Kit，共有25个模版，设计风格非常现代化，整个资源包含150个优质的组件，可以让你高效使用他们，用于适应的场景。另外，这些模版可以帮你找到独特的灵感。 查看图片 查看图片 查看图片 查看图片 查看图片 查看图片 查...

［译］嘿，Logo，你应该是这个尺寸的！ - 前端 - 掘金
原文地址：Practical SVG 本文已获得原作者 Chris Coyier 的授权 译文出自：掘金翻译计划 译者： MAYDAY1993 校对者： zhouzihanntu hpoenixf 可能你想控制任何你放在网上的图片...