05 2019 档案

2016年 CodePen 最热门的前端代码 Top 100
摘要：2016年 CodePen 最热门的前端代码 Top 100 原文：http://www.shejidaren.com/top-pen-of-2016.html 每年 Codepen 都会公布年度最热门的代码片段，这些片段有的技术超弦，有的超实用、有的超有创意，有空看看都能给我们带来灵感。 同时从 阅读全文
posted @ 2019-05-29 21:40 鬼小妞 阅读(633) 评论(0) 推荐(0)
MUURI – 响应式、可排序、可拖拽的布局插件
摘要：MUURI – 响应式、可排序、可拖拽的布局插件 原文：http://www.shejidaren.com/muuri.html 流布局是目前觉的用于图像类布局的展示方式之一，最觉就是花瓣、Pinterest，而这类布局也有很多，比如之前介绍的《有用的jQuery布局插件推荐》，今天主要向大家介绍M 阅读全文
posted @ 2019-05-29 21:36 鬼小妞 阅读(3451) 评论(0) 推荐(0)
iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小
摘要：iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小 原文：http://www.shejidaren.com/ityped.html 仿文字输入这个特效很早就有了，比如《制作有吸引力的文字动画效果-textillate.js》有介绍，然而更轻量更简单，而且不需要 jQuery 库的 JS，这 阅读全文
posted @ 2019-05-29 21:34 鬼小妞 阅读(488) 评论(0) 推荐(1)
CSS 让指定区域背景图像高斯模糊
摘要：Nice! CSS 让指定区域背景图像高斯模糊 原文：http://www.shejidaren.com/css-blur-image.html 在网页设计中很多时候我们只看到半透明效果的层级效果，然而半透明+模糊背景，这种超漂亮的视觉却很少见，其中一个原因就是实现方式有难度，难道真这么难实现吗？N 阅读全文
posted @ 2019-05-29 21:31 鬼小妞 阅读(6424) 评论(0) 推荐(1)
偏门却又实用的 CSS 样式
摘要：偏门却又实用的 CSS 样式 原文：http://www.shejidaren.com/pian-men-de-css-style.html 很早之前我们推荐大家看《推荐大家使用的CSS书写规范、顺序》，里面提到 CSS 的一些常用命名、规范等等，而今天主要是说一些偏门一点的 CSS 样式、技巧。 阅读全文
posted @ 2019-05-29 21:29 鬼小妞 阅读(240) 评论(0) 推荐(0)
纯 CSS + 纯字符实现的 loading 加载效果
摘要：纯 CSS + 纯字符实现的 loading 加载效果 原文：http://www.shejidaren.com/text-spinners.html 等待加载、加载中的在网页上是很常用的元素，实现方式也很多，其中直接用 GIF 动画、CSS sprites 等，而今天介绍的就是以纯 CSS + 纯 阅读全文
posted @ 2019-05-29 21:25 鬼小妞 阅读(1384) 评论(0) 推荐(0)
bttn.css – 简单实用的按钮样式库
摘要：bttn.css – 简单实用的按钮样式库 原文：http://www.shejidaren.com/bttn-css.html CSS 能实现很不多不同的样式，只有你想不到，没有做不到哦，今天为大家分享的 bttn.css 是一个专注分享网页按钮的样式库，设计师和前端人员可以参考这个设计，也能直接 阅读全文
posted @ 2019-05-29 21:23 鬼小妞 阅读(1410) 评论(0) 推荐(0)
16个不错的网页文字动画及源码
摘要：16个不错的网页文字动画及源码 原文：http://www.shejidaren.com/16-moving-letters.html 我们通常在网页中实现看到的文字动画大部分是一些渐变过渡，生动一点的却很少见到，原因估计是编写文字动画的代码复杂，又或者不太必要。但这个注重交互动效的时代，没有一点创 阅读全文
posted @ 2019-05-29 21:21 鬼小妞 阅读(2955) 评论(0) 推荐(0)
这10个按钮，把 CSS HOVER 的创意发挥到极致了
摘要：这10个按钮，把 CSS HOVER 的创意发挥到极致了 原文：http://www.shejidaren.com/button-hover-and-click-effects.html CSS hover 样式很简单，但是想创造出有意思、实用、有创意性的特效是很考验设计师的创意能力，所以设计达人 阅读全文
posted @ 2019-05-29 21:19 鬼小妞 阅读(854) 评论(0) 推荐(0)
给网站增加交互音效 – Loud links轻量插件
摘要：给网站增加交互音效 – Loud links轻量插件 原文：http://www.shejidaren.com/loud-links-js-library.html 想必大家玩过 APP 游戏，里面的按钮每点击一下都会有一个响声来回应你的点击状态，这是很不错的交互效果，若想在网页也能实现这样的交互声 阅读全文
posted @ 2019-05-29 21:13 鬼小妞 阅读(765) 评论(0) 推荐(0)
CSS border-radius 新玩法(含可视化生成工具)
摘要：CSS border-radius 新玩法(含可视化生成工具) 原文：http://www.shejidaren.com/css-border-radius.html 这个 CSS 属性对于前端人员一定不陌生，一直以来都把它当作矩形圆角使用，然而，对于喜欢创新的设计师来说，这是不够的，我们要最大化利 阅读全文
posted @ 2019-05-29 21:08 鬼小妞 阅读(2099) 评论(0) 推荐(1)
Tippy.js 玩转鼠标悬停提示信息
摘要：Tippy.js 玩转鼠标悬停提示信息 原文：http://www.shejidaren.com/tippy-js.html 网页设计师对 tooltips 鼠标经过提示效果应该不陌生，这种效果虽然可以直接用 css hover 来实现，但是如果想更友好的、更美观的效果，可能就要借助 JS 来实现啦 阅读全文
posted @ 2019-05-29 21:05 鬼小妞 阅读(1744) 评论(0) 推荐(0)
查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
摘要：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com 阅读全文
posted @ 2019-05-29 20:52 鬼小妞 阅读(1479) 评论(0) 推荐(0)
最新JavaScript、Ajax典藏级学习资料下载分类汇总
摘要：最新JavaScript、Ajax典藏级学习资料下载分类汇总 (2011年12月21日更新) 原文： http://club.topsage.com/thread-363051-1-1.html 其他网站开发相关资料 超强HTML和xhtml，CSS精品学习资料下载汇总 最新html5以及css3资 阅读全文
posted @ 2019-05-28 20:26 鬼小妞 阅读(366) 评论(0) 推荐(0)
深入理解：函数、匿名函数、自执行函数、闭包
摘要：深入理解：函数、匿名函数、自执行函数、闭包 原文：https://www.jianshu.com/p/a72395741c50 1 定义函数的方式 函数的声明 函数表达式 1.1 函数声明 下面是函数声明的结构： function sum(x, y) { alert(x+y); } sum(1, 2 阅读全文
posted @ 2019-05-26 20:45 鬼小妞 阅读(2098) 评论(0) 推荐(2)
you-get 库的使用方法
摘要：原文： https://www.cnblogs.com/bigpig369/articles/8785761.html you-get 库的使用方法 一.在python版本3下，使用清华源下载(推荐) pip3 install -i https://pypi.tuna.tsinghua.edu.cn 阅读全文
posted @ 2019-05-26 18:20 鬼小妞 阅读(35698) 评论(0) 推荐(3)
8个设计师必看的免费UI图标设计资源站
摘要：原文：http://www.xueui.cn/download/excellent-material/ui-icon-design-resource-station.html 图标是我们日常APP及网页设计过程中必不可少的元素之一，通过小小的图标，可以快速方便的实现视觉引导和功能划分。在创作时，我们 阅读全文
posted @ 2019-05-26 16:24 鬼小妞 阅读(921) 评论(0) 推荐(0)