前端技术交流群:565733884

 分类:资源共享

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

面向网页设计师的12大基于Web的色彩工具

面向网页设计师的12大基于Web的色彩工具
选择一个完美的配色方案不应该是一个痛苦的事情。你所需要的只是适合这项工作的工具和设计的眼光。 我不能帮助你培养挑选颜色的眼光,但是我可以分享一些方便的颜色工具,当你使用它们的时候,它们可能会改善你的设计眼光。 这些工具都是100%免费的,所以它们很容易添加书签并重复...

3周前 (03-01) 65℃ 16喜欢

web前端开发经典面试题整理

web前端开发经典面试题整理
  每到年底,想起来金三银四跳槽季,心里就痒痒:那么多高薪机会,我要不要看看?听了太多“别人公司的福利”、“别人公司的薪资”、“别人公司的发展机会”,于是,很多人摩拳擦掌准备拿了年终奖就另择高枝换个更好的工作。可是,你真的准备好了吗?然而对于前端开发的小伙伴来说,在面试之前刷一...

4周前 (02-27) 137℃ 17喜欢

jQuery鼠标悬停上下拉伸图文切换效果

jQuery鼠标悬停上下拉伸图文切换效果
今天给大家分享6款有关鼠标悬停图文切换效果例子,这种效果呢在日常的网页中大家会经常见到,使得原本平凡单调的网页看起来更加生动更加炫酷,用户体验很好,让我们整个网页看起来高端大气上档次。那么这样一个图文切换效果是如何实现的呢?其实很简单,就是利用jQuery的自定义动画anima...

2个月前 (01-25) 115℃ 6喜欢

css优雅的画出形状图形

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

2个月前 (01-17) 297℃ 5喜欢

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

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

3个月前 (12-19) 425℃ 7喜欢

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

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

4个月前 (11-29) 278℃ 4喜欢

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

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

4个月前 (11-20) 217℃ 5喜欢

css3制作3D旋转导航特效

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

7个月前 (09-08) 124℃ 2喜欢

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

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

7个月前 (09-05) 308℃ 2喜欢

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

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

7个月前 (09-04) 290℃ 2喜欢

canvas 带泡泡的海草动画特效

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

7个月前 (08-21) 313℃ 1喜欢

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

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

7个月前 (08-16) 293℃ 2喜欢

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

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

7个月前 (08-14) 142℃ 1喜欢

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

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

8个月前 (08-01) 293℃ 2喜欢

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

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

8个月前 (07-25) 842℃ 4喜欢