摘要:
2016年 CodePen 最热门的前端代码 Top 100 原文:http://www.shejidaren.com/top-pen-of-2016.html 每年 Codepen 都会公布年度最热门的代码片段,这些片段有的技术超弦,有的超实用、有的超有创意,有空看看都能给我们带来灵感。 同时从 阅读全文
摘要:
MUURI – 响应式、可排序、可拖拽的布局插件 原文:http://www.shejidaren.com/muuri.html 流布局是目前觉的用于图像类布局的展示方式之一,最觉就是花瓣、Pinterest,而这类布局也有很多,比如之前介绍的《有用的jQuery布局插件推荐》,今天主要向大家介绍M 阅读全文
摘要:
iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小 原文:http://www.shejidaren.com/ityped.html 仿文字输入这个特效很早就有了,比如《制作有吸引力的文字动画效果-textillate.js》有介绍,然而更轻量更简单,而且不需要 jQuery 库的 JS,这 阅读全文
摘要:
Nice! CSS 让指定区域背景图像高斯模糊 原文:http://www.shejidaren.com/css-blur-image.html 在网页设计中很多时候我们只看到半透明效果的层级效果,然而半透明+模糊背景,这种超漂亮的视觉却很少见,其中一个原因就是实现方式有难度,难道真这么难实现吗?N 阅读全文
摘要:
偏门却又实用的 CSS 样式 原文:http://www.shejidaren.com/pian-men-de-css-style.html 很早之前我们推荐大家看《推荐大家使用的CSS书写规范、顺序》,里面提到 CSS 的一些常用命名、规范等等,而今天主要是说一些偏门一点的 CSS 样式、技巧。 阅读全文
摘要:
纯 CSS + 纯字符实现的 loading 加载效果 原文:http://www.shejidaren.com/text-spinners.html 等待加载、加载中的在网页上是很常用的元素,实现方式也很多,其中直接用 GIF 动画、CSS sprites 等,而今天介绍的就是以纯 CSS + 纯 阅读全文
摘要:
bttn.css – 简单实用的按钮样式库 原文:http://www.shejidaren.com/bttn-css.html CSS 能实现很不多不同的样式,只有你想不到,没有做不到哦,今天为大家分享的 bttn.css 是一个专注分享网页按钮的样式库,设计师和前端人员可以参考这个设计,也能直接 阅读全文
摘要:
16个不错的网页文字动画及源码 原文:http://www.shejidaren.com/16-moving-letters.html 我们通常在网页中实现看到的文字动画大部分是一些渐变过渡,生动一点的却很少见到,原因估计是编写文字动画的代码复杂,又或者不太必要。但这个注重交互动效的时代,没有一点创 阅读全文
摘要:
这10个按钮,把 CSS HOVER 的创意发挥到极致了 原文:http://www.shejidaren.com/button-hover-and-click-effects.html CSS hover 样式很简单,但是想创造出有意思、实用、有创意性的特效是很考验设计师的创意能力,所以设计达人 阅读全文
摘要:
给网站增加交互音效 – Loud links轻量插件 原文:http://www.shejidaren.com/loud-links-js-library.html 想必大家玩过 APP 游戏,里面的按钮每点击一下都会有一个响声来回应你的点击状态,这是很不错的交互效果,若想在网页也能实现这样的交互声 阅读全文
摘要:
CSS border-radius 新玩法(含可视化生成工具) 原文:http://www.shejidaren.com/css-border-radius.html 这个 CSS 属性对于前端人员一定不陌生,一直以来都把它当作矩形圆角使用,然而,对于喜欢创新的设计师来说,这是不够的,我们要最大化利 阅读全文
摘要:
Tippy.js 玩转鼠标悬停提示信息 原文:http://www.shejidaren.com/tippy-js.html 网页设计师对 tooltips 鼠标经过提示效果应该不陌生,这种效果虽然可以直接用 css hover 来实现,但是如果想更友好的、更美观的效果,可能就要借助 JS 来实现啦 阅读全文
摘要:
查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com 阅读全文