书读的越多而不加思考,你就会觉得你知道得很多;而当你读书而思考得越多的时候,你就会越清楚地看到,你知道得很少。——伏尔泰

 分类:资源共享

码云笔记,前端博客,前端技术,分享前端资源

css优雅的画出形状图形

css优雅的画出形状图形
CSS可以制作出各种我们日常需要的形状。比如说正方形和矩形制作就很简单,添加一个宽度和高度,就得到了所需的矩形大小。如果我们再给它添加一个border-radius属性,你就可以把这些矩形变成圆形和椭圆形。当然我们还可以用CSS中的伪元素::before和::after...

5天前 58℃

推荐前端必看的高级进阶13本经典书籍

推荐前端必看的高级进阶13本经典书籍
最近很多朋友问我,做前端开发已经做了两到四年了,基本的东西,也都会了,但是很难突破瓶颈,到达前端高级/架构师的水平,问我该怎么学习,该看什么书,今天我把看过的一些比较经典的高级进阶的书整理出来,供大家学习,当然,读书是为了我们更上一层楼,能不能达到更高的前端技术水平,这...

1个月前 (12-19) 315℃

jquery css垂直手风琴菜单列表制作

jquery css垂直手风琴菜单列表制作
分享一个利用jQuery CSS3来完成的垂直手风琴菜单栏,这个适合做web后台系统之类的菜单,这款CSS3手风琴菜单的每一个菜单项都有小图标,而且只能有一项展开,更有意思的是,在菜单折叠和展开式右侧的箭头也会有不错的动画效果。这里我是用<ul><li>&...

2个月前 (11-29) 178℃

推荐两款select下拉框美化的jQuery插件

推荐两款select下拉框美化的jQuery插件
对于select下拉框的美化方法,我想不必要我多说了,在前面的文章中我已经介绍过了,大家可以到这里《如何修改select默认option数量多余显示滚动条查看》和《如何自定义设置select下拉框高度的优化方法》查看具体方法。今天本人推荐两款我认为比较好的select美化jQue...

2个月前 (11-20) 133℃

css3制作3D旋转导航特效

css3制作3D旋转导航特效
这篇文章我们将带着大家做一个3D旋转导航特效,在做之前,大家需要有一定的css3变形transform和过渡transition等知识内容的学习,如果有的同学还是对这一块的知识相对薄弱的话,建议大家先去提高一下这些知识,推荐阅读《css3变形与动画(上)》和《css3变形与动画(...

5个月前 (09-08) 67℃

jQuery smartMenu右键自定义菜单插件的使用方法

jQuery smartMenu右键自定义菜单插件的使用方法
今天介绍的这个插件是我最近项目中刚刚用到的,这是一个什么插件呢?我们在打开一个页面时,点击鼠标右键会出现一个默认的上下菜单选择弹框,说到这儿了,我想大家脑海里应该知道具体效果了,如下图: 看到上图是不是有一种熟悉的感觉,但是我们在实际项目中开发浏览器的默认右键选择菜单却不是我们...

5个月前 (09-05) 175℃

canvas绘制白云天空飘过特效动图

canvas绘制白云天空飘过特效动图
没事就喜欢搞点新玩意学习一下,下面这个canvas例子是仿照小米的天气绘图实现的,实现起来非常简单,就是简单的canvas的画图,没有太难的js,所以学起来还是很轻松的,对初学者来说哟一定的帮助,大神请绕道。当然前期是对canvas的基本知识有个很好的掌握,好了不多说了,不做太多...

5个月前 (09-04) 152℃

canvas 带泡泡的海草动画特效

canvas 带泡泡的海草动画特效
我们先来了解一下canvas是个什么东东!说白了就相当于是一块幕布,我们可以在这张幕布上利用JavaScript来绘画图标、图画等。 canvas是HTML5新增的一个组件,在以前没有canvas的时候,我们在网页上看的一些动画是不能够直接在上面显示的,那个时候需要JavaScr...

5个月前 (08-21) 161℃

jQuery小插件实现table表格行列合并

jQuery小插件实现table表格行列合并
最近在做项目时候,需求要求实现对表格中单元格列合并的功能,如果是只在某一列中进行合并操作,代码是遍历每行的某一列单元格,而这次的需求比较复杂,列数很多,都可以动态显示隐藏,原来的代码功能明显不够用了。 本插件主要用于表格单元格的纵向合并,前提,每行的tr里都有一个属性,比如dat...

5个月前 (08-16) 127℃

jQuery实现tab选项卡切换的小插件

jQuery实现tab选项卡切换的小插件
最近在做项目的时候,需要一个tab选项卡功能,即通过切换tab显示该tab下的不同内容,知识点很简单,我在这里以插件的形式写出来,分享给大家,调用方法直接使用即可。 效果: HTML代码 <div id="tab_demo" class="tab_demo"> ...

5个月前 (08-14) 72℃

css3实现好看的气泡按钮动画特效

css3实现好看的气泡按钮动画特效
CSS3在我们网页设计中是最关键的一环,为什么这么说呢?我们在浏览别人的网站时,经常会看到特别好看的动画效果,比如一个按钮啊,一个图片啊,每次看到都能够让人有种赏心悦目的感觉,这就使网站更具有吸引力和互动性。接下来我就用css3的一些属性来完成点击按钮气泡动画特效。 先看gif效...

6个月前 (08-01) 113℃

分享20种交互式按钮的代码片段

分享20种交互式按钮的代码片段
你能想象一个没有按钮的网站吗?我打赌你不能。这并不奇怪,因为这些小的,大部分是矩形形状的对象,就像导航或者版权信息一样,是任何UI的基本细节之一。它们不仅使链接看起来更有份量、更吸引人、更有冲劲,而且还有助于提高转化率,使用户体验更便捷、更直观。这些CTAs(又称“aka Ca...

6个月前 (07-25) 739℃

CSS3实现波浪进度条效果方法总结

CSS3实现波浪进度条效果方法总结
以下实现的波浪进度条效果特效方法一些是网上搜集的,我认为比较好的都整理下来了,也有自己纯css方法写的,因为这些交互效果我们在项目中有时会用到。码云笔记只为大家在需要的时候直接拿去,方便省时省力。不要谢我,我不是雷锋,哈哈。 看效果图:   一、使用canvas实现波浪效果 实...

6个月前 (07-24) 138℃

anime.js使得CSS和SVG动画变得更简单

anime.js使得CSS和SVG动画变得更简单
anime.js是一个强大的用来制作动画的javascript库,与其他框架相比,它足够轻便,gzip压缩完只有9kb左右,麻雀虽小,却五脏俱全。anime.js不仅允许通过CSS属性的动画,还可以改变SVG动画的HTML属性。像现代网页设计无SVG格式是很难的。 如果我们实现...

6个月前 (07-16) 206℃

纯css创建网页加载动画

纯css创建网页加载动画
有时候我们网页由于数据量大或者是网络速度原因导致请求速度慢,会出现一些空白的页面,使得用户体验不是很好,所以网站都会设置一个预加载效果,即加载之前先让他加载一个动画,二后台继续加载未加载出来的内容,当页面加载完数据后动画消失内容显示,这样就是的我们用户体验很好。 接下来给大家分享...

7个月前 (06-20) 67℃