让你的网站下起雨(js特效)
最近在网上经常看到说某某网站挂了,然后链接地址类似于http://www.lovewebgames.com/http/?url=www.baidu.com,点进去就是有几只小动物在跑,不过现在人都聪明了,一看网址就知道是骗人的了,不过还是有很多小白去点下,我个人觉得这是件很无聊的事情,让人想不到更无聊的事是我也把它做了一遍,并且把它改变了模样,我让它下起了雨。
这是效果图,演示地址是http:
http://cyqdata.cn/cnblogs/article-detail-42183
巨文!浏览器自身的BUG —— 不同浏览器在页面缩放状态下的渲染差异分析!让你的网站在iPhone和Android上同样完美!
过度追求浏览器兼容其实就是拿不同浏览器开发者的个性或Bug惩罚自己!
前言
Web Developers 往往会因为自己的作品无法“完美兼容”多个浏览器而苦恼不已,然后责怪自己水平不够或者MSIE把你惯坏毒害了以至于无法写出“标准的HTML+CSS+JS”!
但事实上,很多所谓的兼容性问题未必都是 Web Developer 自己造成的,
http://cyqdata.cn/cnblogs/article-detail-42046
33个优秀的网站底部设计案例欣赏
很多人常常只关注网站主体内容而会忽略在网站最末尾的网站底部,其实有些网站的底部设计得很漂亮,给网站的呈现来一个完美的结尾。这篇文章收集了33个漂亮的网站底部设计案例,希望能带给您灵感。
DAVID HELLMANN
DIVVOTED
MPLUSZ
WCCNET
WIRE ROSES
ESPACE
BRANDED 07
THE GREAT BEARDED REEF
CHIRP
TH
http://cyqdata.cn/cnblogs/article-detail-41418
25个优秀的网站导航菜单设计欣赏
导航菜单是网站重要的组成部分,导航菜单的设计关系着网站的可用性和用户体验,有吸引力的导航能够吸引用户去浏览更多的网站内容。今天这篇文章收集了25个优秀的网站导航设计案例,希望能带给你灵感。
Polaroid
Archibald Studio
Toasted Digital
Ten Little Monkeys
WPZOOM
Namesake
Designer Themes
dfied
http://cyqdata.cn/cnblogs/article-detail-41407
25佳漂亮的网站底部设计案例欣赏
相对于网站头部来说,关注网站底部设计的人很少。我们平常也能碰到有些网站的底部设计得很漂亮,给网站的呈现来一个完美的结尾。这篇文章收集了25佳漂亮的网站底部设计案例,一起欣赏。
I primi dieci
Branded07
Blog Amuki
CSS-Tricks
SimpleBits
bcandullo.com
Edgepoint Church
Blog.Spoon
http://cyqdata.cn/cnblogs/article-detail-41345
向网页设计师推荐15个很棒的网站
网络上各种各样的社区网站数不胜数,但专注于创意设计的很少。今天这篇文章收集了15个非常好的专注于设计的网站推荐给设计师们,不管是学习先进的设计理念,还是寻找免费资源与工具,这些网站都是很不错的去处,记得推荐和分享一下 :)
DeviantArt
DeviantArt 是一个为艺术家展示各自作品、并交流讨论而设计的社交网站。它以分类系统为基础,辅以个人日志、新闻、社区论坛、每日作品、人气榜、最爱、
http://cyqdata.cn/cnblogs/article-detail-41082
SEO基础:良好的网站设计
首先需要强调的是,许多人潜意识里将网络设计中面向搜索引擎优化的考虑与提高用户可用性的工作视作分离的两个单独部分,认为二者就算不是互相对立也在很大程度上难以兼顾,事实上,这种想法很普遍,很多网络设计公司在设计网页时只顾填充一个个漂亮的图片或Falsh以使网页更“酷”,至于网络优化方面,则理直气壮地认为不属于他们的工作范围,而很多网络在运行了一段时间后不得不再聘请相应的SEO人
http://cyqdata.cn/cnblogs/article-detail-39351
CSS换行 让你的网站更美观
普通文本段落的换行
案例说明:在实际应用中我们常遇到这样的问题,就是一段文本,有了明确的宽度,需要文本自动换行。(如下图)
案例分析:上面两个图,没有使用任何排版的CSS属性,也就是默认情况下,块元素里的文本,达到边缘以后会自动换行。但是这里有个特例:就是内容全部为英文字母(没有单词句子,没有词和词之间的空格),此时文本就不自动换行了(见下图)
特殊情况:有时候你写的东东,默认情况下并不自动换
http://cyqdata.cn/cnblogs/article-detail-39096
如何让网民爱上你的网站
设计师不等于美工
设计无所不在,但大多数企业不知道如何使用它。现代设计进入中国大概是二十多年的时间,而在国外,尤其在美国在欧洲,大概有一百年的历史。二十多年前中国是没有人讲用户体验这个词的。那个时代讲究技术和美术的结合,叫技术美学。一个产品,只要功能好,样式好看,就OK。二十多年后,这个概念在大多数企业还没有发生改变,大多企业的高层也不理解什么叫设计,认为设计师就是一个美工。设计师本身也没有去
http://cyqdata.cn/cnblogs/article-detail-38559
用户是如何浏览你的网站的
事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大量的区域用户甚至完全没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合期望,后退或关闭按钮也将马上被点击。 用户是如何浏览你的网站的
1. 大部分时候用户并非在阅读屏幕上的内容,而
http://cyqdata.cn/cnblogs/article-detail-37592
《更友好的网站url设计》
url重写是将web请求重定向到指定url的过程,比如:用户输入:/message/page/5 重定向到 message.aspx?page=5,这样的好处是方便记忆,也更有利于SEO优化等,通过使用更友好的url地址,恰好也回归了互联网设计之初对url(统一资源定位符 http://zh.wikipedia.org/wiki/URL)的定义。
这儿介绍一下我们在实际使用中,整理出的url设计原
http://cyqdata.cn/cnblogs/article-detail-37219
26个导航设计非常独特的网站案例欣赏
作为网站的重要组成部分,导航设计的非常重要,新颖的导航可以给访客留下深刻的印象,吸引他们浏览更多的内容。今天,本文与大家分享26个导航设计非常独特的网站案例,希望能带给你灵感。
iamyuna
tedxportland
heartshapedwork
jdcouncil
ambermiro
cooper
75b
griplimited
bountybev
worklifebalancecentre
http://cyqdata.cn/cnblogs/article-detail-37099
12个很棒的学习 jQuery 的网站推荐
jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,今天本文收集了12个很棒的 jQuery 学习网站推荐给大家。
1. jquery-mix.com
2. jqueryfordesigners.com
3. 15daysofjquery.com
4. jqueryking.com
5
http://cyqdata.cn/cnblogs/article-detail-36789
让你的网站实现水平翻转效果
transform 可用于内联(inline)元素和块级(block)元素,它有几个属性值参数:
translate 位移
基于 X 和 Y 坐标重新定位元素,当使用一个参数时表示 X 轴和 Y 轴的参数相同,效果类似 position:relative 。
scale 缩放
可以让任一元素变大、变小。它使用一个或者两个正数和负数以及小数作为参数,当使用一个参数时表示 X 轴和 Y 轴的缩放相
http://cyqdata.cn/cnblogs/article-detail-35970
推荐20款非常好的网站可用性测试工具
网站可用性是指用户能否有效地找到所需的信息或完成他的任务,效率如何以及是否让人有愉快满意的感受。如果网站可用性较差,会浪费用户的时间,大大降低网站的回头访问率,这对网站的生存是一个至关重要的问题。因此,可用性测试是网站推出过程中非常重要的部分。今天,本文向大家推荐20款非常好的网站可用性测试工具。
1. User Testing
2. Clixpy
3.
http://cyqdata.cn/cnblogs/article-detail-35959
推荐8个超棒的学习 jQuery 的网站
根据国外科技网站 W3Techs 一项调查了近100万个网站数据显示,jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。
1. Learning jQuery
最好的 jQuery 资源博客之一,从 jQuery 高手那里获得宝贵的经验。
2. j
http://cyqdata.cn/cnblogs/article-detail-35882
分享25佳 iPad 应用程序的网站设计案例
苹果的东西太招人喜欢了,iPad 2在国内还未上市,江湖传闻有中国“黄牛”提编织袋在美国抢购 iPad 2,不知是真是假。不过我们今天不讨论这个,我们说点别的,有的人称iPad为平板电脑,有的人说不对,应该叫手本,叫什么其实不重要,好用就行。今天要给大家分享的是 iPad 应用程序的网站设计案例,相信对你制作 iPad 应用程序的网站会有很大帮助。
Free Form
http://cyqdata.cn/cnblogs/article-detail-35242
让您的网站支持WIN7的JumpList和IE9的Pinned Sites
IE9引入了Pinned Sites 新概念。Pinned Sites允许用户把网站像Windows应用程序一样“钉”在Windows 7 任务栏上。用户可以直接点击任务栏上的图标打开网站,可以通过Jump list直接访问网站的各个功能,甚至可以直接在任务栏图标上浮动缩略图完成一些任务(比如播放、停止网站上的视频)。 可以看出,IE9在努力缩小网站和Windows应用程序
http://cyqdata.cn/cnblogs/article-detail-34975
虚拟主机中,不修改IIS设置,在IIS6下运行MVC架构的网站
我为什么要写这个教程呢?
主要是为了解决把网站部署在虚拟主机上的人,因为你根本不能去配置虚拟主机
所以,用下面的方法,可以实现不配置IIS而使老版本IIS运行MVC。
首先,给大家推荐2个MVC的学习好去处:
1、重典MVC视频教程:http://www.youku.com/playlist_show/id_2416830.html
2、微软官方MVC教程:http:/
http://cyqdata.cn/cnblogs/article-detail-8548
如何使用Orchard搭建敏捷个人的网站(2)
在如何使用Orchard搭建敏捷个人的网站(1)中讲解了如何使用Orchard搭建一个简易的敏捷个人内容网站,第一篇主要讲解了如何下载安装主题、增加blog、制作菜单等,今天我们继续讲解一下如何增加搜索功能、增加自定义的内容类型以及显示内容列表。
增加搜索功能
首先我们需要安装Lucene模块
然后打开功能:Search,
http://cyqdata.cn/cnblogs/article-detail-6058