网页前端设计

http://www.86y.org

搜索文章

前端人员必看CSS命名规范2015/5/19 14:55:28

前端人员必看CSS命名规范

作为前端的设计人员,对于CSS的接触,就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中:读书 /css/book/电影 /css/movie/音乐 /css/music/社区 ...未完,继续阅读→

css命名技巧

阅读(8812)条

CSS3的background-size优化Sprites图显示实例2015/5/16 11:05:42

CSS3的background-size优化Sprites图显示实例

本篇主要是讲css3如何使用background-size与sprites同时使用技巧。运行查看效果时别忘了用支持CSS3 的浏览器查看.ie9+,chrome,firefox,...一、background-size使用方法 可以创建一张Sprites图,这张图既有普通分辨率图像,又有高分辨率下的图像?你可以,但你还是要面对,你的用户在一个较慢的带宽下下载一个大图的烦恼。你也要同时面对IE9以下的浏览器不支持background-size的麻烦问题。你最好还是分别为高分辨率和普通分辨率创建不同的两张Sprites图。这个时候又有不同的声音了,这不是增加工作量吗?但这真的不是,在我的工...未完,继续阅读→

css3sprite技巧

阅读(6012)条

珍惜你现在有所拥有的就是你最大的幸福2015/5/13 17:18:16

珍惜你现在有所拥有的就是你最大的幸福

 人活着,就会有落寞;前行,就会有坎坷;动心,就会有情伤。话再漂亮,说不到心上,也是枉然;情意再浓,不懂珍惜,也是徒劳。有人惦记,再远的路,也是近的;有人挂念,再淡的水,也是甜的;有人思念,再长的夜,也是短的;有人关怀,再冷的天,也是暖的。  有些事,我们总是弄不懂。有些人,我们总是猜不透。 有些道,我们总是悟不尽。有些理,我们总是想不通。 有些坎,我们总是跨不过。有些伤,我们总是治不好。有些天,我们总是睡不着。有些地,我们总是去不了。 有些情,我们总是说不出。 有些爱,我们总是得不到。  就算你做得再好,也会有人指指点点;即便你...未完,继续阅读→

感悟幸福

阅读(7826)条

让心灵穿越云层后的天空2015/5/9 22:21:13

让心灵穿越云层后的天空

人人都有弱点,不能成大事的人总是固守着自己的弱点,一生很难有转变。而一个能成大事的人总会寻找自己的弱点,从自己的弱点上开刀。冲破弱点,一个连自己的缺陷都不能纠正的人,只能当失败者。  小时候听过一首歌;不经历风雨怎能见彩虹。 想要超越别人必然要付出比别人多几倍甚至几十倍的努力。上天是公平的,不会让碌碌无为的人享受成功,更不会让艰辛付出的人白白努力,成功靠的是奋斗,奋斗就要坚持。历史上著名的音乐家贝多芬双目失明并且两耳完全失聪,但他依然写出了大量脍炙人口的作品。贝多芬说过这样一句话,我要扼住命运的咽...未完,继续阅读→

谷歌PIN码终于收到了2015/5/7 20:38:04

谷歌PIN码终于收到了

今天终于收到了Google的PIN码来信了,等了差不多1个月,比起别人我可能比较幸运了,Google后台显示是4月12日发出的信,今天都5月7日。Google的信件设计得十分令人感到意外,而信的内容就写在这张纸的背面。我现在还不敢确定,这封信是没有信封还是没有信纸?Google这样做是不是为了节省经费?当我拿到的时候人家还以为是没用的垃圾,我看到时候赶紧拿起来看,可惜被弄湿了。不过还是能看清谷歌PIN码。如下图:未完,继续阅读→

谷歌pin码

阅读(9707)条

jq无锚标记平滑滚动效果,易用2015/5/6 21:05:20

jq无锚标记平滑滚动效果,易用

今天看到有个效果需要做一个菜单项,点击后平滑滚动到指定位置,以前是用锚标记直接就可以做到了,但是平滑就要复杂点。所以今天用JQ做了一个不错的效果给大家。效果如图:核心代码:$("html,body").animate({scrollTop: $("#box").offset().top}, 1000);改成自己实用的效果才是最重要的,源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199...未完,继续阅读→

jq滚动平滑

阅读(6472)条

手机版浏览器禁止滚动条与释放实例2015/5/4 16:58:29

手机版浏览器禁止滚动条与释放实例

写页面事件的时候,有的时候需要用event.preventDefault取消原有的事件后进行重写,这个大家应该都知道。那么怎么在取消默认事件后再恢复呢。解绑我们自定义的事件就好了。以Jquery为例我们用$(“body”).bind(“touchmove”,function(event){event.preventDefault;//code});取消了body的拖动事件。恢复这个拖动事件只要$(“body”).unbind(“touchmove”);为此我专门做了一个HTML特效希望大家喜欢。效果图如下:    源代码如下:<!DOCTYPE HTML><html&...未完,继续阅读→

解决如何去掉手机版HTML页面滚动条2015/5/2 20:14:06

解决如何去掉手机版HTML页面滚动条

经过测试,默认的HTML5页面在手机浏览器测试中发现 横向,纵向滚动条都有,尽管页面没有内容也是照常出现。开始不知道什么原因,原来是没有加一句手机的META代码。<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放不知道你是否...未完,继续阅读→

CKEditor插件开发实例2015/3/26 21:04:28

CKEditor插件开发实例

最近忙于开发工作流,想起之前开发的OA ,缺少一个重要的功能:表单设计器。因为我们的OA是基于Sharepoint开发的,如果没有表单设计器,定义一个列表的界面需要开发一个feature,或则需要VS开发一个aspx页面。这事一个很麻烦的事情。所以考虑实现一个表单设计器。于 是我到网上找HTML 编辑器,找到好几个,分别有CKEditor,TinyMCE,还有一个基于JQuery的一个编辑器XHEditor。这几个编辑器我就不做比较了。我 这里选择使用CKEditor。既然要做表单设计器,我们的需要扩展这HTML编辑器,CKEditor提供了方便可扩展的插件体系,我们可以很方便...未完,继续阅读→

CKEditor插件开发

阅读(6128)条

JQuery中serialize() 序列化2015/3/12 20:57:17

JQuery中serialize() 序列化

在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对 (Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对 (key1=value1&key2=value2…)后提交。下面介绍JQuery中serialize()的用法一、serialize()定义和用法:serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 U...未完,继续阅读→

jsjqserialize

阅读(5978)条

JQ操作select项 2015/2/2 14:48:17

JQ操作select项

jQuery获取Select元素,并选择的Text和Value:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select_id").val();  //获取Select选择的Value4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值5. var maxIndex=$("#select_id opt...未完,继续阅读→

jqselect

阅读(7247)条

使用扩展分区向导来扩大C盘2014/8/27 9:37:44

使用扩展分区向导来扩大C盘

最近发现C盘系统越来越小了,本来只有30G,安装一些大型软件不知不觉就已经满了(虽然软件没有安装在C盘)。今天就发现这个软件真的不错,可以调用(C)盘系统盘的大小,设置完后重启就好了。使用方法也很简单,所以就转过来了。系统分区C盘空间不足的问题出现时,这可能是必须要解决的。因为C盘是系统盘,没有足够的空间将会使电脑变慢,影响程序或游戏的运行。在买电脑时C 盘可能有足够的可用空间,但随着对电脑的使用,应用程序安装的越来越多,虽然很多程序都安装到D盘,但个别程序仍然会占用C盘的部分空间,久而久之,系统 分区C盘的可用...未完,继续阅读→

系统分区大小

阅读(9031)条

css之input hover,focus伪类特效2014/8/13 9:08:21

css之input hover,focus伪类特效

记得以前为了兼容ie6,ie7等低版本不支持css伪类,不得不用JS去做效果。现在IE6,7使用的人越来越少了,我们是时候应该抛弃它们了(使用JS控制文本框特效)。CSS伪类可以很好的做到这点只需要几行代码就可以了。而且是全局性的,不需要每个文本框跟按钮去添加样式。一劳永逸,够爽的吧。下面就开始介绍。IE6 IE7 IE8(Q) 不支持如”:focus,:hover”等伪类特效,所以我们的特效是基于支持伪类的浏览器中才能看到的特效。支持键盘控制一样可以显示效果。效果如下图所示:兼容情况IE6IE7IE8(Q)IE8(S)FirefoxSafariOperaChromeNNNY...未完,继续阅读→

css伪类focus特效

阅读(22580)条

ae插件整理 批量下载2014/8/7 10:06:23

ae插件整理 批量下载

1、Red Giant AE 烟雾水火插件 Image Lounge 1.4.5 for 32/64下载,内含注册码【插件介绍】请注意:这里提供的此款插件支持32和64位系统,仅适用于WIN系统Image Lounge 是一款运行于 Adobe After Effects 的插件程序;它包含超过 20 套制作动态图像和动画文字的滤镜。比如焰火,烟雾以及不规则云和火等……下载地址:点击下载 密码: k8ak插件效果中英文对照表:1 IL Alpha Ramp(Alpha渐变)2 IL Border Patrol(圆角)3 IL Color Map(彩色贴图)4 IL Effect Blender(效果混合器)5 IL Fractal Brimstone(不规则的硫磺)6 I...未完,继续阅读→

ae插件

阅读(11994)条

CSS3打造一组质感细腻丝滑的按钮2014/8/6 9:53:05

CSS3打造一组质感细腻丝滑的按钮

CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮,很漂亮吧?把鼠标悬停在按钮上,还有动感的光泽移动效果。  温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。HTML效果如下: 这些精美的效果用到了 CSS3 RGBA、box-shadow(阴影)、border-radius(边框圆角)和 linear-gradient(线性渐变),为了便于阅读,功能介绍代码如下:.button { min-height: 1.5em; display: inline-block; padding: 12px 36px;...未完,继续阅读→

css3按钮

阅读(6366)条

C#实现Base64编码与解码2014/7/31 17:45:59

C#实现Base64编码与解码

一、编码规则      Base64编码的思想是是采用64个基本的ASCII码字符对数据进行重新编码。它将需要编码的数据拆分成字节数组。以3个字节为一组。按顺序排列24 位数据,再把这24位数据分成4组,即每组6位。再在每组的的最高位前补两个0凑足一个字节。这样就把一个3字节为一组的数据重新编码成了4个字节。当所 要编码的数据的字节数不是3的整倍数,也就是说在分组时最后一组不够3个字节。这时在最后一组填充1到2个0字节。并在最后编码完成后在结尾添加1到2个 “=”。例:将对ABC进行BASE64编码:1、首...未完,继续阅读→

netbase64编码解码

阅读(6725)条

Nivo Slider-超好用的jQuery图片轮播插件2014/7/29 16:58:35

Nivo Slider-超好用的jQuery图片轮播插件

今天在博客园发现一JQ的图片轮播插件,学习了一下,非常好用,使用起来也超级简单。(底部附下载地址)特色如下:✓  16个独特的过渡效果✓  简洁和有效的标记✓  加载参数设置✓  内置方向和导航控制✓  压缩版本大小只有12KB✓  支持链接图像✓  支持 HTML 标题✓  3套精美光滑的主题✓  在MIT许可下免费使用✓  支持响应式设计浏览器兼容情况✓  Internet Explorer v7+✓  Firefox v3+✓  Google Chrome v4✓  Safari v4✓  Opera v10.5调用方法:1、在页面he...未完,继续阅读→

jq插件图片轮播

阅读(8179)条

子页调用母版属性及方法 2014/7/25 13:32:24

子页调用母版属性及方法

今天并没有看什么新鲜货,只是对以前资料的一些整理。看着看着自己觉得郁闷无比,原来很多东西我以前就已经找到了解决方法,只是没有及时总结和提起足够的重视。看了一下子页调用母版属性的方法,忽然发现以前的方法可以不同实现,实际上呢似乎关于调用不外乎2种,即调用属性和调用方法,分别加以应对:(1)调用母版方法:在子页声明被调用页的信息,然后直接用master.function()调用。(2)调用母版属性:在子页中通过FindControl搜索被母版页的id,调用之。言归正传,vs2008的母版相信对于网站的设计已经占有一席之地,而调用为题应该已经...未完,继续阅读→

net母版属性方法

阅读(5764)条

c#net如何抓取gzip及其它页面防止乱码2014/7/12 13:21:28

c#net如何抓取gzip及其它页面防止乱码

最近在做一个页面采集的过程中发现,页面抓取后乱码,而且时好时不好。然后发现编码也没有问题,原来是GZIP压缩导致的。在朋友们的热心帮助下终于解决了。下面就贴代码吧,抓取gzip及其它页面防止乱码。核心代码如下:using (HttpWebResponse response = (HttpWebResponse)req.GetResponse()) { if (response.ContentEncoding.ToLower().Contains("gzip")) { using (GZipStream stream = new GZipStream(response.GetResponseStream(), CompressionMode.Decompress)) ...未完,继续阅读→

net抓取采集乱码

阅读(7800)条

无觅评论插件要下线了 2014/6/19 18:30:07

无觅评论插件要下线了

无觅 【评论,喜欢,收藏】插件 要 下线了,停止维护于2014年7月1日下线 ,今天看自己收藏的文章看到了这个不好的 消息。用无觅已经很久了。感觉还不错。难道为了更专注于他们的新产品,还是竞争太大?相继出现的友言,畅言,多说,不难说无觅的经营出现危机了,一个新的产品需要牺牲其它的产品。未完,继续阅读→

随记互联网

阅读(8133)条

当前第  8  页 / 共  41  页  总共808条记录  

567891011