realic
- 浏览: 17415 次
- 性别:
- 来自: 上海
-
最新评论
文章列表
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对于普通用户而言，可能不显得如何重要，但对于搜索引擎，它的应用将带来机器语言分析的极大 ...