随笔分类 - 前端开发
摘要：IE系列
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');
参数：startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直，为1时代表水平
阅读全文
摘要：随着越来越多的CSS预处理器的普及，一些新的工具和应用程序，基本上使得网页设计师或开发人员的开发工作更轻松，像这样的工具：CSS2Less。今天就分享一些这个工具的使用，css2less 是一个用 Ruby 开发的小工具用来将 css 转成 Less CSS 格式的文件
阅读全文
摘要：RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
阅读全文
摘要：项目当中用到复制地址和标题给好友的功能，现将代码公布如下
阅读全文
摘要：使用CSS3可以打造出非常漂亮的导航效果，在今天的教程中我将创建菜单项悬停效果，很容易地通过编辑 css 文件进行自定义，没有使用任何图像, 我会在水平和垂直位置的背景按钮进行动画处理。当你把鼠标移到菜单项的时间，将会涌现非常腻滑的滑动结果，下面就一路来看看这个简朴美丽的CSS3动画菜单吧。
阅读全文
摘要：在Javascript应用领域上，使用jQuery可以制作出非常优秀的动画效果，滑块、滑球，以及各种不同的应用。在前端web开发当中我们经常会进行表单的验证，这时候如果你不能选择合适的web框架，往往是很费时的（你要考虑表单的美观，页面兼容性， ajax验证等等，足够让你忙活的），同样一些图片的局部放大效果，以及现在手机和触屏设备的开发，经常会遇到设置淡入/淡出的效果，激活放大功能，缩放图片等功能，如果你不知道相应的解决方案，往往是不能够进行下去的； 今天分享我收藏的精选出30个最佳的精典案例，如果你是一个前端设计师，一定不要错过。
阅读全文
摘要：在web开发当中，工具提示条对于完善web网站的用户体验至关重要。title属性通常是用来帮助用户了解显示链接的信息。默认情况下用于一个访客来说真是不好找，因为鼠标放上去他才可能显示。如果做一个像电子商务网站的注册页面，页面包含这么多的信息，如何让用户可以把鼠标悬停链接他自动弹出醒目的信息。这个使用jquery强大的工具提示插件在这种情况下是可以的完美实现的。你需要做的就是添加title属性指定的类名。在这篇文章中，我收集了17个和新鲜的jQuery的工具提示插件，
他们都是轻量级的工具提示插件，他们几乎没有相同的功能，你需要下载下面为他们配置类或者ID，就可以使用
阅读全文
摘要：排版是在网页设计当中的一个重要的元素，实现一个高层次的排版风格可以让你的网页设计看起来更令人叹为观止， 当你看到一些非同寻常的排版样式，你很好奇这些绚丽的色彩文字搭配效果是如何实现的，往往我们第一印象是使用CSS实现的，可是对于自己来说感到又有一定的难度，如今的瀑布流效果，大背景缩略图效果，我们其中只关注了图片绚丽的布局，其实还有一个细节就是文字色彩排版的实现，这个其实是主要的，有一些专门用于这些效果的jQuery插件，你可以实现卓越的排版设计在您的网站上。我们都知道，在传统的排版当中使用DIV+CSS来实现的话是很困难的，今天使用jquery插件，你可以实现卓越的排版效果，专门用于为您提高您的排版水平。
阅读全文
摘要：我记得10年之前开始流行的网页设计，在那个时候我是从头开始自学html建立网页。今天，网络上有着成千上万的免费教程和代码。开源精神已经极大地塑造了IT产业的高技术含量
即使如此，你找到优秀的教程网站不是一件容易的事情，互联网经过这么多年的发展，已经出现了众多的 Web 开发技术，像 iso /ruby/php等 等技术，今天就给大家分享我精心收集到的21个个优秀的国外设计开发网站，涵盖了Web设计，平面设计，Flash和Flex，设计资源等网站，极力推荐
阅读全文
摘要：jQuery是一个最流行的JavaScript框架，功能强大的工具，他提高用户的互动，并帮助开发人员编写代码，并更快速地开发产品。jQuery改变你编写JavaScript的方式。更特别的是，HTML5 Canvas和CSS3 3D转换的的滑块过渡的实现使得jquery的应用达到了一个全新的水平。jQuery库提供了几种方法可用于添加动画，灯箱，图片库，Web页面的选项卡效果。
今天，就给大家分享我精心收藏的60 个令人印象深刻的jQuery图片画廊，灯箱，标签，菜单，效果插件，如果你正在做一个这样的项目，你可以使用这些插件来达到意想不到的效果
阅读全文
摘要：作为一个开发人员的开发人员，应该确切地知道AJAX对于开发的需要。用户看到的百度搜索提示；无刷新提交表单，在博客方面，用户的星级评分系统，以及现在在一些下载网站下载东西的时候要求输入花色的验证码等等，都是使用ajax技术，ajaxi技术的使用大大减小了服务器的压力，对于用户体验来说也是很棒的，无刷新就可以完成想要的效果；今天我收集了您最想看到的ajax技术和教程，几乎涵盖了AJAX开发所有方面，应用程序，民意调查，编辑，分析，视觉效果等等。
阅读全文
摘要：在近现代的网页设计最大的趋势之一是利用视差滚动效应。当把一个网站的滚动功能相结合时，视差滚动效果可以有一个强烈的视觉冲击，你可能已经看到现在不少网站上的视差效果。我也写过这方面的文章，jquery实现的视差滚动教程(视差大背景效果)从今天开始再奉献一篇这方面的文章来讲解这种效果的实现代码，根据维基百科：视差是一个明显的位移或在明显位置视线沿着两条不同的线路观看对象的差异性。视差效果于1980年首先运用到视频游戏方面，最近，它开始在Web界面流行，所以无论如何我们都要学会这样的效果
阅读全文
摘要：今天在给客户做网站的时候 网站想实现使用select二级联动效果，实在是不好弄，就简单的弄了个代码，用起来挺实用的，下面是使用的代码
阅读全文
摘要：
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。现在越来越多的网站采用视差水平滚动来创建绚丽的效果，其实这样的效果使用jquery实现的，上一次我发布了一篇使用这个效果做的网站，《40个视差滚动效果网站的新技术应用》，今天就给大家分享一下这样的效果实现原理，下一次在做网站的时候你就可以使用这样的效果作出绚丽的效果
阅读全文
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。现在越来越多的网站采用视差水平滚动来创建绚丽的效果，其实这样的效果使用jquery实现的，上一次我发布了一篇使用这个效果做的网站，《40个视差滚动效果网站的新技术应用》，今天就给大家分享一下这样的效果实现原理，下一次在做网站的时候你就可以使用这样的效果作出绚丽的效果
阅读全文
摘要：JavaScript的幻灯片成为越来越受欢迎在网站设计当中引进的效果，使用jQuery库。可以实现非常绚丽的效果，比方说现在流行的视觉滚动效果，非常的大气，他横跨整个屏幕的。其实他是使用相关jquery插件和最新html5技术实现的，今天就给大家分享20个使用全屏幕幻灯片效果达到的酷网站效果
阅读全文
摘要：通过网页设计师的大量CSS经验，我们会记住所有种代码语法，兼容性和片段。有一些特定的CSS，可以真正帮助改变你的网站设计改变较旧的技术规则和声明。这里是我收集到的很有用的10条CSS规则
阅读全文
摘要：经常看到有些网站输入框或者搜索框有个底色文字，当你吧鼠标放上去的时候就没有了，离开就又有了，这个是怎么实现的呢？经过我的一番研究，终于知道他是如何实现的了使用 jquery控制实现的，代码如下
阅读全文
摘要：今天我们要告诉你如何创建一些令人兴奋的3D使用CSS3和jQuery悬停效果。这一想法的灵感来自于凉爽的悬停效果，再给客户做网站的时候用的这样的效果，今天就共享出来
在这个效果当中，我将使用的thumbails，就会发现一些更多的信息悬停。将创建一个使用jQuery的结构，将允许的图象出现折叠或弯曲，当他悬停时候。为悬停效果，我们将使用CSS 3D变换。效果如下
阅读全文
摘要：我通过一个最简单的例子来测试，结果发现我还是喜欢用jq来实现，呵呵。虽然很简单，但是还记下来了，学习的过程，哈哈。。。
html文件：
阅读全文
摘要：今天展示我辛苦收集的导航菜单。包括手风琴菜单 ，dock菜单 ，导航/下拉菜单,滑动菜单 .树形视图 等等 ，如果你再遇到这样的导航菜单，就不用百度搜了，这里都收集全了，呵呵
阅读全文