网页前端设计

http://www.86y.org

搜索文章

海绵里的水2014/3/19 9:09:48

海绵里的水

  人们总说:“时间 就像海绵里的水,挤挤总是有的!”因为这个原因,我们千方百计的寻找,合理优化时间的方法,把每一天过的相对从前更加充实,原来以为已经安排满满的日程, 还可以在这里发现一个间隙,活动一下筋骨!在那里发现一个间隙,可以看一篇文章!我就是在这样的过程中,挤出点时间,在每一个早晨,和大家聊聊我所想到的 故事。  有一个经典的故事:某大师培养了一名徒弟,徒弟修行3年,觉得自己本事有了, 体魄也杠杠的,智慧也倍儿棒,于是跟师父提出:“我要出师!我要独自闯荡自己的江湖!”大师这种生物总...未完,继续阅读→

哲理精度学习

阅读(10692)条

时光都去哪儿了2014/3/18 16:47:52

时光都去哪儿了

时光,都去哪了?小时候,你总围在他们身边,一刻也不离开。大一些了,忽然觉得他们一点儿都不理解你。可是,无论如何争执,他们总是很快就忘记。再大一点,终于搬出去自己住,自由自在。可每次回家,他们都恨不得把整个家给你搬走。工作最初,工资少,手里经常感到拮据。却总是在包里意外发现他们偷偷塞进去的钱。工作越来越忙,回家的时间越来越少。打个电话,也只是寒暄几句。电话那端,总说“很好,没事”。其实,有时候并不是真得没事。只是,他们不愿意你知道……结婚生子了,他们往返在你家和他们家之间,乐此不疲。小时...未完,继续阅读→

时间亲情美文

阅读(10709)条

让网站的图片变成灰色效果兼容所有主浏览器2014/3/18 14:25:15

让网站的图片变成灰色效果兼容所有主浏览器

以前有写过用 【HTML5&jQuery指向时图片从灰度变成彩色】 的文章,不兼容跨域的网站图片,所以今天看到有篇文章支持多浏览器图片变灰度的效果。就把上一篇文章改进一下。希望在前端努力的朋友可以借鉴一下。兼容:兼容Firefox 3.5+, Opera 15+, Safari, Chrome, and IE。效果图如下:(因为本人虚拟机不支持SVG文件的打开,所以只能你自已手动复制内容到本地运行!)  源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...未完,继续阅读→

css灰色图片

阅读(10863)条

SQL2005 用户sa登录失败(错误18456)图文解决方法2014/3/15 21:00:32

SQL2005 用户sa登录失败(错误18456)图文解决方法

新装了SQLServer2008,但是用sa用户连接的时候出现18456错误,SQLServer2005错误处理方法跟SQLServer2008错误的处理方法一样,所以贴图是SQLServer2008的。在网上查找解决方法如下,记录下来。无法连接到 .\SQLEXPRESS。--------------------------------------------------------------------------------------------------------------其他信息:用户 'sa' 登录失败。 (Microsoft SQL Server,错误: 18456)  解决方法: 1、打开数据库——用Windows身份登录数据库 02、登录名—&mda...未完,继续阅读→

sqlserver错误方法

阅读(8483)条

Google默认加密中国搜索2014/3/15 15:14:15

Google默认加密中国搜索

《华盛顿邮报》报道,Google 开始默认加密中国的搜索(无论你没有登录都会启用 HTTPS),挑战中国对互联网的审查。在默认启用加密之后,使用 Google 搜索敏感词将不会被重置,因为你的搜索已被加密,防火墙不再能知道你搜索了哪些关键词。  Google 表示它计划在全球全面启用加密搜索,以挫败政府情报机构、警察和黑客的监控。中国官员尚未做出回应,但此举无疑将会加剧两者之间长期存在的紧张关系。Google 执行主席施密特(Eric Schmidt)表示,互联网审查有望在十年之内垮台。未完,继续阅读→

google

阅读(7899)条

jq仿虾米网flash效果2014/3/13 10:05:36

jq仿虾米网flash效果

这是很久以前写的一个效果了,之前虾米音乐网首页的一个flash效果,最初觉得这flash效果也可以完全用jq来写,于是空余时间就写了下当作练习吧,现在就拿出来跟大家分享下其中的实现原理!先上最终效果图:特点:1、鼠标经过动态创建元素2、判断鼠标经过每行的最后二个改变方向完整代码如下:<!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/1999/xhtml"><head> ...未完,继续阅读→

jq图片特效

阅读(6596)条

Web开发者不容错过的10段CSS代码2014/3/12 13:54:03

Web开发者不容错过的10段CSS代码

 Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。  本文将分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。  1. CSS Resets  网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就可以保持页边距和填充可以很好地对齐。html, body,...未完,继续阅读→

cssweb开发

阅读(7207)条

关于伪静态的url获取方法2014/3/12 13:10:04

关于伪静态的url获取方法

伪静态页面是静态URL与动态URL互通的一个桥梁,它是指动态网址通过URL重写的手段去掉其动态参数,使URL静态化,但在实际的网页目录中并没有重 写URL。简单来说,伪静态URL就是通过服务器转换伪装文件名或地址,使该页面类似于静态页面,但服务器上没有独立存在的文件,其本质还是动态页面。今天朋友找我说js获取不到url地址(伪静态URL)。然后我就开始找方法,发现原来:window.location可以获取伪静态的url地址方便使用记录下来。未完,继续阅读→

js伪静态url

阅读(8724)条

买电脑要注意了特别是CPU,有无es的区别2014/3/5 14:00:58

买电脑要注意了特别是CPU,有无es的区别

近期因为本人的笔记本出现了状况,电池坏了然后又不知道是什么原因。朋友帮我测试了下,怕是主板出问题,然后发现U不正常,显示不对。然后就返厂检测。几天后那售后给我打电话说确定是电源坏了。然后我就问电池价格,说的比我朋友问的价格高,我就叫他把电脑寄回来。叫我朋友帮我在这边买电池。这下问题更大了,我朋友本来准备给我买华硕的N55电池,发现装不上去。这个坑爹了,然后我朋友就赶紧打电话问我原来电脑不是华硕N55的,是用神州的笔记本换了一个华硕的LOGO而已。这个我矇了,被坑了。es(测试版)版的CPU优点在于非常的廉价,并且不...未完,继续阅读→

电脑cpu

阅读(10198)条

实现CSS3动画的工具、特效和教程指南2014/3/4 10:24:32

实现CSS3动画的工具、特效和教程指南

CSS3的动画能够实现动画从一个CSS样式配置过渡到另一个。动画由两部分组成,描述了CSS动画和一组关键帧指示动画风格的开始和结束状态。  CSS 动画 工具Tridiv Animate.css Anima animo.js CSS3 Animation Cheat Sheet Ceaser Magic CSS3 Animations Stylie Sencha Animator CSS3 Keyframes Animation Generator Morf.js CSS 动画教程及特效Animated 3D Bar Chart with CSS3查看DEMO 下载Interactive Infographic with SVG and CSS Animations查看DEMO 下载...未完,继续阅读→

css3教程特效

阅读(7941)条

html5移动端页面分辨率设置及相应字体大小设置方式2014/2/28 16:05:58

html5移动端页面分辨率设置及相应字体大小设置方式

对于html5移动端网页编写CSS网上有很多介绍的文章,但在实际使用过程中还是会纠结.网上的资料太多,且大多都是技术介绍型,特别是针对android上,网上写的各种麻烦,各种复杂,各种不接地气儿...我在做移动端网页时,总是和美工设计的页面有出入,主要还是由于双方对移动端HTML5实现页面还了解还不够。 今天就研究一下各大互联网公司对于移动端页面的处理方式。主要研究对象:BAT(度娘,阿狸,企鹅)这几家的移动端网站或webapp主要研究点:viewport的设置,字体的设置,图片原始宽高设置汝甚吊,令尊知否? 咦?target-density...未完,继续阅读→

html5字体css移动端

阅读(16036)条

如何让加载的flash元件垂直距中2014/2/28 11:12:20

如何让加载的flash元件垂直距中

今天在做flash的时候发现元件的位置是固定的,然后没办法随着浏览器的改变而变化(让元件垂直距中),下面就介绍如何用脚本来控制,场景尺寸变化时变更影片的位置。下面举一个在AS2中的例子:新建一影片,新增一个影片元件,为了方便在元件上画一个矩形,然后拖出场景取名为aa。然后在场景的时间轴上写下如下代码:function center(){ aa._x=(Stage.width-aa._width)/2; aa._y=(Stage.height-aa._height)/2;}center();var obj:Object=new Object();obj.onResize=function(){ center();}Stage.align="TL";Stage.addListe...未完,继续阅读→

asflash元件

阅读(5771)条

地球上40张不可思议的照片2014/2/25 8:50:46

地球上40张不可思议的照片

如果你是一个自然爱好者你一定会喜欢此集合。这篇文章重点介绍了最令人惊叹的40个地球上的拍摄 。有过多的地方和我们必须至少看一次这个地球上的场景。自然摄影人往往把更多的重要性上比其他类型的摄影图像的审美价值。大多数自然摄影师更喜欢没有人类现在在他们的照片,他们想要达到纯净、 完美无暇的风景没有人类的影响。下面我们给你的自然摄影镜头,将集合真的带走你的呼吸。                       ...未完,继续阅读→

美景照片

阅读(10938)条

如何在电脑上测试手机网站(全)2014/2/24 10:21:39

如何在电脑上测试手机网站(全)

最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多, 最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了,相办法代替,查了很多资料,尝试了 大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp。Chrome*chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐方法。1.新建Chrome快捷方式右...未完,继续阅读→

手机测试网站

阅读(7414)条

柏林26张最美丽的城市风景照片2014/2/20 8:51:47

柏林26张最美丽的城市风景照片

柏林是一个伟大但耐人寻味的城市与沉重的历史。在第二次世界大战重的炮击中丢失了大部分的旧城。所幸的是一些美丽的地方生存。但有这么多,更多最近的历史,在这座城市享受。作为网页设计人员来说还可以把它们当作素材来使用。                          未完,继续阅读→

素材风景柏林

阅读(12300)条

浙江温州的鲸鲨屠宰场2014/2/18 8:54:53

浙江温州的鲸鲨屠宰场

除夕夜,我收到英国摄影师Alex Hofford的邮件,他想让我帮忙曝光一件事。几年前,我转载过他在宁波拍的《熔模铸造》系列图片,就这样认识了。后来,他在香港发起了野生动物保护组织Wildlife Risk 。这一次,他们发现浙江省温州市有一个世界最大的鲸鲨屠宰场。下面是维基百科对"鲸鲨"的介绍。"鲸鲨(学名:Rhincodon typus)是世界上最大型的鲨鱼,也是世界上最大的鱼。虽然鲸鲨拥有巨大的身躯,但不会对人类造成重大的危害。鲸鲨的个性事实上是相当温和的,也会与潜水人员嬉戏,有时甚至会让人骑乘。鲸鲨几乎没有天敌,人类进行...未完,继续阅读→

社会曝光

阅读(8027)条

清晰的SEO六步骤2014/2/18 8:47:49

清晰的SEO六步骤

SEO是一项需要足够耐心和细致的脑力劳动。搜索引擎优化的步骤上大体包括六个环节:1、分析关键词这是进行SEO最重要的一环,关键词分析包括:关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词部署、关键词排名预测。2、网站架构分析网站结构符合搜索引擎的蜘蛛喜好则有利于SEO。其中网站架构分析包括:剔除网站架构不友好设计、尽量使用树状目录结构、网站导航与链接优化。2、关键词布局SEO不仅仅只让网站首页在搜索引擎有好的排名,更为重要的是让网站的每个页面都带来一定流量。所以我们要为每个页面单独建设独一无二的...未完,继续阅读→

seo电商

阅读(8329)条

js 二分法2014/1/16 12:40:07

js 二分法

采用二分法查找时,数据需是排好序的。 基本思想:假设数据是按升序排序的,对于给定值x,从序列的中间位置开始比较,如果当前位置值等于x,则查找成功;若x小于当前位置值,则在数列的前半段中查找;若x大于当前位置值则在数列的后半段中继续查找,直到找到为止。<!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/1999/xhtml"><head><meta http-equiv="Con...未完,继续阅读→

js二分法

阅读(8686)条

js仿百度贴吧验证码特效2014/1/13 21:34:18

js仿百度贴吧验证码特效

今天看到有百度验证码挺有意思的,就把它仿下来了。利用JS实现当选择满4个后自动对比,本文中采用静态对比的方法看你是否全部选择对。然后提示【答案正确!】或【答案错误!】,以后有空再去做成程序,先分享给大家!效果图如下:源代码如下:<!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/1999/xhtml"><head><meta http-equiv="Content-Type" content...未完,继续阅读→

js验证码特效

阅读(8544)条

Slip.js–触摸屏上实现互动Swipe和列表重新排序2014/1/11 15:00:39

Slip.js–触摸屏上实现互动Swipe和列表重新排序

Slip.js 是一个很小的 JavaScript 库,用于实现对触摸屏的互动 Swipe 和对元素重新排序列表(Reordering)。Slip.js 没有任何的依赖,你可以通过自定义 DOM 事件实现重新排序交互。效果图如下:免费下载       官方网站未完,继续阅读→

js触屏互动

阅读(6955)条

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

78910111213