`
realic
  • 浏览: 17796 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论
文章列表
CSS3学习之风骚RGBA作者:夜飞羽 来源:mxria.com  时间:2012-02-28 大部分时候,我们为了获得良好的视觉效果,只能在网页中大量使用图片,特别是各种透明变幻、叠加的效果,非图片不风骚。如今,CSS3带给广大的开发者更方便 ...
极具设计感的8个网站设计案例作者:夜飞羽 来源:mxria.com  时间:2012-08-29 国内设计师在网页设计作品上不乏非常成功的案例,成功的定义是设计感强烈、富有视觉冲击力同时能准确传递设计理念,在页面交互上也很重视用户体验。今天我们分享收集的8个经典案例,从极具中国风的青涩,到科技感强烈的诺基亚,相信一定会给你带来启发和享受。 1. Flashps.com 2. Nokia, China 3.欧拔蓝设计 4.崔宏远设计 CHYDW.COM
HTML5废弃的标签  HTML5在引入新标签的同时,废弃了不少常见元素,大抵分为如下几类。 第一类:表现性元素 basefont big center font s strike tt u 建议用语义正确的元素代替他们,并使用CSS来确保渲染后的效果 第二类:框架类元素 因框架有很多可用性及可访问性问题,HTML5规范将以下元素移除。 frame frameset noframes 但html5支持iframe。 第三类:属性类 很多表现性的属性也被新规范移除,如下: align body标签上的link、vlink、alink、text属性 ...
铁打的营盘流水的兵,项目难免在进行过程中因为种种原因导致人员进出。在Agile项目中,如何应对这种情况呢? 1)Knowhow知识库 似乎每个人都认为这个很重要,对于新人来说,快速了解业务领域知识和技术细节的最佳手段莫过 ...
利用Jmpress.js打造华丽的3D幻灯片切换效果 作者:realic 来源:mxria.com  时间:2012-04-16 [align=center] [align=left]现在我们来看看CSS样式部分的内容,这部分内容只是实例,大家可以参考着根据自己的需要修改。为了使得幻灯片具有感应效果,我们给主容器jms-slideshow设置最大宽度和最小宽度 [align=left]接下来的包装层是动态添加的,这里用到了CSS3的一些状态变换效果。 [align=left]背景颜色的类将被应用到以前的包装。在类定义的的数据atrribute中设置每一个data-color。这使我们可以为 ...
Google推荐的15条军规:HTML5代码规范作者:夜飞羽 来源:mxria.com  时间:2012-05-11 今天无意间看到了Google的HTML/CSS编码规范,发现了不少自己很容易忽略的问题,特意仔细看了看,将其整理翻译出来分享给大家。Google规范的原文链接大家可以访问:http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml 1.协议头: 建议在指向图片或其他媒体文件、样式表和脚本的URL地址中省略http:https:协议部分,除非已知相应文件不能同时兼容2个协议。 1 ...
使用JQuery的9个误区作者:夜飞羽 来源:mxria.com  时间:2012-05-16         JQuery是如此容易使用以至于我们有时候忘记了CSS的存在。我们在使用CSS时,几乎不去考虑性能,因为它已经是快得不值得再去做什么优化上的努力。但现实世界中,JQuery会导致令开发人员发疯的性能问题。有时你会毫无知觉地就损失那么几毫秒。我们也很容易忘记的一些功能并继续使用一些旧的(和不那么好的)的功能。以下是使用JQuery过程容易犯的9个错误,看看是不是你也曾遇到过? 1.不使用最新的版本 如今的稳定版本是1.7.2,你看看你的机器是不是最新的?可能你不会把已经做好 ...
坑爹的CSS不起作用作者:夜飞羽 来源:mxria.com  时间:2012-02-25 刚刚花了半个小时,解决了一个站点无视style.css的存在,页面内容显示正常,但样式全部没有作用。针对CSS不起作用的问题,查了好久,尝试了不同的方法,最终解决了,但非常坑爹!现在把过程总结出来,供后来者参考。说不定你哪天就遇到了! 症状:为客户做的一个企业普通网站,纯HTML。本地正常显示的网站内容,FTP到服务器上后成了裸奔状态,所有的CSS样式都没有效果。 解决方法: 可能原因1:XHTML文档类型设置不正确 在文档申明中,有3种类型,Dreamwaver的默认类型和VS类型有些时候不 ...
如火如荼的Agile浪潮席卷各地,公司同样也开始在各地进行Agile实践。如今正在进行的一个重要项目是基于Linux的开发项目,按照agile的scrum实践框架在运行,有些实践和问题很值得思考。   Standup Meeting 大家真的理解其作用? 作为Agile实践中最富特色的Daily Standup Meeting,在整个敏捷过程中扮演着非常重要的作用。但实践中我们会发现一些现象值得思考。 1.不专注的听众导致问题被遗漏或反复     A:我这边有一个类需要B提供支持,在UT完成后我们的内容要进行集成.....问题是—%¥¥#,但……%¥—.     B:不好意思,需要我 ...
Jquery和CSS3实现图片鱼眼显示效果  记得在Flex中实现鱼眼效果的图片展示功能非常容易,对于JS而言,则略显复杂。但如今jquery和CSS3的组合,使得这种功能变得异常容易。今天我们就学习如何利用jquery和CSS3来实现各种不同的鱼眼效果。  基本效果:鼠标移动到图片上时,放大图片同时将该图片周围的图片适当放大,形成一个鱼眼效果,图片依次高亮显示。我们可以参看http://porscheeveryday.com/ 这个swf的显示效果。为了用jquery实现该效果,我们将使用一个插件 jQuery Proximity plugin 作者 James Padolsey. ...
前言 今天分享一个基于HTML5 Canvas的独立Javascript类库 - KineticJS,使用这个类库你可以轻松的进行图形和图片绘制和修改,执行动画效果,或者和图形图片进行互动。包括独立的移动、拉伸变形、旋转各个图形图片,添加各种事件监听。它的好处就是可以直接使用现有的Canvas API,同时提供了各种各样的相关js库,本身的性能非常好,提供性能测试。个人还是比较看好KineticJS! 官方网站:http://www.kineticjs.com/    文档及DEMO:http://www.html5canvastutorials.com/ KineticJS原理Kin ...
HTML5规范中微数据MicroData浅析作者:夜飞羽 来源:mxria.com  时间:2012-02-14 最近学习了一下WHATWG网站中关于微数据的内容,microdata对于普通用户而言,可能不显得如何重要,但对于搜索引擎,它的应用将带来机器语言分析的极大 ...
Global site tag (gtag.js) - Google Analytics