今天和大家分享拥有180种渐变配色方案的网站：Web Gradients，此网站特色不仅提供漂亮的渐变配色，而且还有更多格式选择，比如 PSD, Sketch, PNG 以及可直接复制成一段 CSS 渐变代码，如此一来，…
Grabient 在线渐变配色网站，交互操作超方便
今天为大家分享配色网站:Grabient，这个网站的交互体验还真不错！拥有它可以方便实现漂亮的渐变效果。 网站名称：Grabient 网站地址：htt…
【笔记】CSS垂直居中的11种实现方式
这里的demo都只是针对现代浏览器所做，未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下： 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码： <div id="box"> &…
CSS3黑科技 - 内凹圆角
圆角，大家一定都会做，border-radius, 内凹圆角如何实现？ 可以拿个白色圆盒子盖住方形盒子的大半边实现，但是这样，是不透明的，背景发生改变时，就要改遮盖盒子的颜色，或者背景是渐变，改起来更麻烦，或背景是图片等…
韩都衣舍全屏轮播代码
怎么说呢， 今天放个轮播代码吧，韩都衣舍天猫店首页轮播，最近刚优化了下，平常可能经常加一些效果代码在上面，为了避免和一些效果代码冲突，可能啰嗦了点，需要店铺支持CSS功能，喜欢的记得点个赞。 首先是CSS部分： &nbs…
这100个网站和博客，值得每个网页设计师收藏(下)
这次的网站推荐合集绝对是长期搜集的成果，其中许多网站素质拔群，虽然并不是那么常见，但是内容大多值得网页设计师仔细收藏。如果你不想错过任何一个优质的网站，不妨一个一个点开仔细查看，也许会惊喜不断呢。上半部分戳这里：《这10…
这100个网站和博客，值得每个网页设计师收藏(上)
设计是一定需要灵感的，而设计同样也是需要不断学习的。我想你们中每个人浏览器当中都没少搜集各类设计站点，部分靠谱的设计师甚至将设计师导航设为浏览器首页。要紧跟设计趋势，提升设计技能，掌握核心技巧，成为成功的设计师，这都是必…
【译】20个免费的网页加载动画
没有人喜欢等待页面加载，滑块或任何其它的加载形式。然而，有一些方法可以使加载更吸引用户，动画的应用在这方面发挥了重要作用。 今天，我们选择了20款免费动画加载形式分享给大家，一般以CSS3、HTML5或jQuery创建。…
避开这3个误区，来看设计师学编程的正确姿势
前端作为一种偏视觉化的编程技术，确实是外行比较适合的编程语言。想找工作的设计师，有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中，发现大部分人对于学习编程存在一些误区。 比如很多人虽然想学但又认为编程太…
腾讯【tgideas】谈谈Flexbox布局
Flexbox Layout(Flexible Box)模块，W3C官方称为CSS弹性盒子布局， 是在CSS3中定义的一种新的布局模式。Flexbox可以控制在容器内的子元素的对齐方式、排列方式以及排序顺序，即使其子元素…
详解用CSS3制作圆形滚动进度条动画效果
原文来自：http://www.cnblogs.com/jr1993/p/4677921.html 主 题 今天手把手教大家用CSS3制作圆形滚动进度条动画，想不会都难！那么，到底是什么东东呢？先不急，之前我分享了一个c…
让ICON生动起来 纯CSS实现带动画的天气图标
CSS3动画属性并不是很多，但重点其实是你怎样去运用它，从简单的hover状态或复杂的小动画，都可以巧妙的用CSS3动画属性来实现。 今天主要是和大家分享一个比较有创意、实用的CSS天气图标动画，静态的天气图标看上去是很…
【CSS/JS】一个漂亮的网页卡片特效
今天给大家带来一个css/js卡片特效，比较适合现代浏览器及app特效，可以给你的界面带来比较不错的用户体验。欢迎大家尝试，预览及下载请查看页尾DEMO demo 下载 &nbs…
8个献给前端开发者的免费CSS UI工具包
本篇文章搜集的内容不是很多，但是很实用的CSS用户界面工具包，你可以免费下载的ui工具包。 每个CSS UI工具包包含按钮、盒子、进度条、滑块、标签、通知、旋转木马、复选框、单选按钮、开关等。 点击图片进入下载页面。 C…
CSSgram：让CSS滤镜帮你实现漂亮的图像特效
CSS滤镜（CSS filter）不少前端人员知道，但大多数的用法十分单一，用得最多的就是黑白应用，其实还有很多高级的应用，对设计师来说也需要知道的，以后对图片特效处理又多一种设计方案选择了。 今天主要和大家介绍 CSS…
赞！15个来自 CodePen 的酷炫 CSS 动画效果
CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品，也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。 今天这篇文章为大家挑选了1…
网页动画：JavaScript和CSS3 动效库大全
我们将向大家展示下网页动画的现状地图，并收集了一些具有多变表现力的类库、框架和插件。 图1：网络动画地图 下图分为三个区域，第一部分是一些容易理解的动画类库，撇开已经达到期望的通用动画方法外，还从简单的方法…
干货！献给网页设计师的HTML5/CSS3/JS便捷工具
是时候为网页设计师的来一组便捷的辅助工具了。日新月异的网页技术革新催生了大量的设计与开发工具，HTML5/CSS3几乎成了设网页设计师的必修课，而强大的JS也为网页提供了更多的可能性。尤其是HTML5，作为一门极为有用且…
惊人技术！2014年Codepen上最热门的100个code&CSS片段代码
世界上有很多Web设计师、前端人员喜欢到Codepen上展示他们的片段代码，有的代码的确强大而惊人，所以我们经常到这里获取一些小灵感是很不错的。 最近Codepen官网上发布了2014年Codepen上最热门的100个c…