2012 年 6月随笔档案 - 脉凌网络

Jquery动画执行顺序测试

摘要：HTML代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"><html xmlns="http://www.w3.org/1999/xhtml">&l 阅读全文

posted @ 2012-06-30 17:55 脉凌网络阅读(1025) 评论(3) 推荐(2)

11个视觉差滚动效果的HTML5网站

摘要：视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike 2011年的 Nike Better World 项目里，自此这个效果广为沿用，时至今日，诞生了很多不错的作品。在此，与各位读者分享11个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼福。来源：Wabbaly编译：Antonia Huang@DamnDigital（转载请注明来自DamnDigital）关于作者：Sergiu Naslau网页兼平面设计师，钟爱视觉交流。现于北丹麦大学学院（University College Nordjylland）攻读多媒体设计与沟通专业。wabbaly.com 阅读全文

posted @ 2012-06-29 12:35 脉凌网络阅读(1386) 评论(0) 推荐(2)

实用的 CSS3 参考手册和代码生成工具

摘要：CSS3技术现在越来越成熟，通过CSS3的一些新特性（如box-sizing、边界半径、文字阴影、渐变等）创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此，如果你是一名前端设计师，就需要掌握这些最新的技术，否则就有可能会被淘汰。一、参考手册1.Idiomatic CSS编写统一、符合习惯的CSS的原则，有中文版本。2.CSS3 Click Chart示例代码和CSS3特性支持情况表。3.CSS3 SelectorCSS3 Selector的官方指导手册。4.HTML5 & CSS3 Support主流浏览器对HTML5和CSS3支持情况一览表。5.CS 阅读全文

posted @ 2012-06-28 10:54 脉凌网络阅读(408) 评论(0) 推荐(1)

jQuery 1.8 首个测试版发布

摘要：jQuery开发团队今天发布了1.8的首个测试版本。该版本引入了大量的新特性，包括：1. 模块化在jQuery 1.8中，您可以移除一些不需要的模块，以构建一个专属的jQuery版本。通过基于grunt的新构建系统，你可以轻松实现该功能。可以移除的模块包括ajax、css、dimensions、effects和offset。更多信息可参阅README file。2. 根据浏览器为CSS属性加前缀某些CSS属性前带有供应商前缀，这表明该属性还未纳入W3C标准。在jQuery 1.8中，可以采用无前缀的属性名，并自动生成适合当前浏览器的前缀。例如，在Chrome中，jQuery调用$(" 阅读全文

posted @ 2012-06-27 09:03 脉凌网络阅读(572) 评论(1) 推荐(1)

6 个超酷的 3D 特效网站设计

摘要：作为独特的网站设计风格，使用3D特效设计的网站会带给访问者超酷的视觉冲击，今天本文将介绍最近收集的8个超酷的3D网站设计，希望带给大家灵感！1.愤怒的小鸟workspace绝对有趣的3D网站设计，你可以看到一个随机的小鸟会跟随页面滚动而移动。2. The Story of SendGoogle的一个超酷的3D特效，你可以看到一个运动的Gmail图标跟随着导线传递，相当有创意的网站特效。3. 2Brand一个带有滚动特效的3D首页，你可以看到漂浮的云和气泡。4. The Amazing Spider-Man蜘蛛人游戏的网站，非常漂亮的3D动画和展示。5. Pneuservis Praha a a 阅读全文

posted @ 2012-06-26 14:21 脉凌网络阅读(571) 评论(0) 推荐(0)

网页配色的天然范儿

摘要：网页视觉层面主要是由形式（或叫布局）、色彩、图片和文字信息组成，设计师通常对形式感关注的比较多，因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现，而色彩主要影响整体观感、设计品质以及受众情绪，很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质，会不会太可惜？形式需要思考创造，图片素材需要学习处理，文字需要梳理编排，但网页色彩是不是一定需要有天生的色感、丰富的理论和多年经验沉淀才能运用自如？当然不！关于网页配色网页配色的文章在网络上很多，甚至有些泛滥，稍微关注过的同学应该都知道“色轮”、“色卡”等辅助性配色工具，但那更多都是从印刷介质上的色彩系统延伸出来的，不完全适用于网页，甚至造成阅读全文

posted @ 2012-06-22 10:23 脉凌网络阅读(474) 评论(0) 推荐(1)

纯CSS3打造动态时钟

摘要：本来想看看有没有人用CSS3画时钟，结果百度了一下，点了七八个链接都是一样的内容，真是太没劲了，这些家伙只知道粘贴复制别人的，还是应该自己动手做一下撒！于是就自己DIY了一个，发现CSS3越来越强大了，任何你想画的东西，想做的效果，只要你动手再加上点耐力，一定能搞出来的！无外乎就是各种形状的组合，慢慢拼呗，只要你时间多！来吧，宝贝，别害怕也别害羞，抓起你手中的鼠标，端起你手中的键盘，猛敲吧，告诉别人，I can code！下面是效果图：<!DOCTYPE html><html><head><link type="text/css" 阅读全文

posted @ 2012-06-20 10:40 脉凌网络阅读(868) 评论(3) 推荐(0)

25 个实用的CSS3 动画按钮/菜单教程

摘要：随着Web技术的发展，Web标准已经得到了逐步改善，现在HTML5正逐渐成为Web开发的主导技术。本文为Web前端开发者带来了25个基于CSS3的按钮和菜单设计教程，你还可以观看演示以及下载文件源代码。基于HTML5的Web设计将成为今后的主流，你可以使用CSS按钮/菜单来代替传统上的图片按钮/菜单，在拥有漂亮效果的同时，还可以节省加载图片的时间，增强用户体验。赶紧在你的网站和应用程序中尝试一下这个新技术吧！1.CSS3动画按钮演示|源码下载2.漂亮的动画形式下载按钮演示|源码下载3.动画形式的内容选项卡演示|源码下载4.使用CSS3创建奇妙的动画按钮演示|源码下载5.制作一个动画按钮演示|源阅读全文

posted @ 2012-06-19 07:37 脉凌网络阅读(648) 评论(4) 推荐(2)

网页之景

摘要：在信息化时代的现在，网络在人们生活已经产生了巨大的影响力，网络也在逐渐改变着人们的生活和习惯。然而，在如今信息大爆炸的今天，面对海量的网络信息，怎样才能实现既能吸引用户眼球，又能快速准确地传达信息呢？这不仅需要内容本身具备较强吸引力，关键还在于一种比较常见的表达方式——网页情景化设计。什么是情景化设计？特点：虚拟现实，给人以亲切感，交互友好度较高，应用领域广泛涉及软件、游戏、网页等应用。情景化设计是一门综合性极强的表现方式，它涉及到现实社会、文化、经济、市场、科技等诸多方面的因素。设计在很大程度上是既具艺术性，又有经济性的一种实用的艺术形态。以上图1-2都有共同的相似之处，并且我们都知道，网络阅读全文

posted @ 2012-06-18 09:29 脉凌网络阅读(312) 评论(0) 推荐(1)

网络广告之互动新体验

摘要：随着网络时代的日趋成熟，网络广告的发展也是水涨船高，霸气的广告收入，完美的品牌展现，已经成为用户对广告投放媒介的首选。而作为网络广告的“前线战士”，我们应该如何守住自己的前沿阵地，再立新功？这将是一个值得我们去探讨的问题。网络广告（Internet advertising），于1994年发源于美国，Hotwired杂志推出了网络版的Hotwired，并首次在网站上推出了网络广告，而中国也在三年后的1997年，由Chinabyte推出了第一个网络广告。由此拉开了网络广告发展的大幕。短短10几年的发展，网络广告从无到有，从小到大，现在已经发展成为广告行业的霸主，2012年广告规模预计可以突破46 阅读全文

posted @ 2012-06-16 11:17 脉凌网络阅读(291) 评论(0) 推荐(0)

【jquery插件】jq_scrollFix滚动定位插件

摘要：【插件功能】jq_scrollFix滚动定位插件：当用户拖动滚动条到一定距离的时候，目标对象定位在网站顶部。【原理】通过监控滚动事件并控制层的绝对定位后的lef,top属性。【演示地址】http://www.0773linji.com/jquery_plugs/jq_scrollFix/index.html【插件参数】relativeLeftId 必填,X参照物ID,默认''relativeTopId 必填,Y参照物ID,默认''tempLeftPx 相对X偏移位置补差值,默认0tempTopPx 相对Y偏移位置补差值,默认0maxTempHeight 滚动最大阅读全文

posted @ 2012-06-12 12:37 脉凌网络阅读(507) 评论(1) 推荐(0)

虚拟主机相关业务知识介绍

摘要：什么是虚拟主机？虚拟主机是使用特殊的软硬件技术，把一台运行在因特网上的服务器主机分成一台台“虚拟”的主机，每一台虚拟主机都具有独立的域名，具有完整的Internet服务器（WWW、FTP、Email等）功能，虚拟主机之间完全独立，并可由用户自行管理，在外界看来，每一台虚拟主机和一独立的主机完全一样。商启网络为中小客户提供优质的网络环境和服务器，并由高级网管负责监控。什么是ASP ASP即Active Server Page的缩写。它是一种包含了使用VB Script或Jscript脚本程序代码的网页。当浏览器浏览ASP网页时, Web服务器就会根据请求生成相应的HTML代码然后再返回给浏览阅读全文

posted @ 2012-06-09 10:53 脉凌网络阅读(213) 评论(0) 推荐(0)

设计中的Less和More

摘要：Less is More是很多设计师的口头禅，它最早是由建筑大师Ludwig Mies van der Rohe提出，是一种提倡简单，反对过度装饰的设计理念。在此基础上，不断的有设计师对这个思想加以改进和新的解读，现在它已经成为了设计界的一个基本理论和准则。该理论的拥护者认为，使用简约的设计，去除不必要的细节，可以让产品和用户获得更大的收益，产生更好的效果。在传统行业，有很多关于Less is More的成功案例。1979年，索尼发现大部分用户对于播放的需求远远大于录音，所以他们去掉了传统录音机的录音功能，甚至去掉了当时认为必不可少的外置扬声器。然后把剩下的部分做到一个小盒子内，并配以立体声耳阅读全文

posted @ 2012-06-08 21:27 脉凌网络阅读(334) 评论(0) 推荐(0)

图层叠加混合模式在网页设计中的应用

摘要：很多读者常会询问我类似于上图中的按钮的光效是怎么做出来的？其实非常简单，新建图层，笔刷或椭圆画出白色，高斯模糊，再将图层混合模式更改为图层叠加就可以了。但是这篇文章里我们不讨论具体的技术，而来看看如同上面的按钮通过白色的叠加创建出按钮的高光，我们来了解一下图层叠加模式在网页设计中的应用，再通过不同的实例来深层次的了解图层叠加混合模式的基本效果，将其更自由的应用于我们的设计中。案例一图标设计中增加色彩的饱和度和明暗对比度之所以会引出要讨论图层叠加混合模式的问题，是由于我个人按照网上的教程在做图标设计练习的时候，发现设计师有意识的使用了图层叠加来增加明暗的对比度，创建出了非常好的色彩效果，而如果阅读全文

posted @ 2012-06-05 15:40 脉凌网络阅读(445) 评论(0) 推荐(0)

一个简单的手风琴效果

摘要：本人承认有点小bug高手门多多指点哈<!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="text/ 阅读全文

posted @ 2012-06-04 12:52 脉凌网络阅读(478) 评论(1) 推荐(0)

用数据辅助设计-搜索中的实践

摘要：设计时不能单凭经验和直觉，因为涉及到的目标人群、场景、操作习惯的不同。为了获取更准确、有效的信息去辅助、检测设计，设计师会选择定性（用户访谈、焦点小组）和定量（调研问卷、网站数据分析）的方式进行用户研究。其中“网站数据分析”这一方式不需要花费较长的时间及人力成本，同时避免了用户及环境等不稳定因素对分析结果造成的干扰。只要具备精准及适用的数据，我们应优先选择这一方法辅助设计。通常我们可以获取到哪些数据呢？1、网站数据搜索常见的数据如下：Query – 搜索关键字数PV（Page View） — 页面浏览量，页面每一次刷新即被计算一次UV（Unique Visitor） — 用户访问数Click 阅读全文

posted @ 2012-06-03 12:54 脉凌网络阅读(230) 评论(0) 推荐(0)

20佳精美404错误页面设计欣赏

摘要：现在人们越来越重视404页面的设计，今天收集了一些比较精选的作品。包括apple、ibm、twitter、mozilla等。包括简单的设计，也包括华丽的设计。AppleIbm45royaleHeinzInspiration bitNikibrownClub penguinTwitterMozillaDeviant ArtU beeXhtml kitchenFull stop interactiveAustin stoneMark dijkstraFlipping bookJumping jack rabbitCuomaTk designs 阅读全文

posted @ 2012-06-02 18:28 脉凌网络阅读(487) 评论(0) 推荐(0)

脉凌网络

06 2012 档案