• Like
Koubei banquet 34
Upcoming SlideShare
Loading in...5
×

Koubei banquet 34

  • 471 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
471
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Koubei F2E 由校 2010.07.12
  • 2.  ICP2010 年检通过 YouTube 支持 4K 视频分辨率  4096 x 3072分辨率  25英尺 谷歌中国首页顶部去除 “来吧” 和 “问答” 链接 Android 美国份额继续增长,其它智能手机份额全 部下跌 Android Market 应用数量将在本月突破十万大关 Google能够远程卸载用户手机里的Android应用
  • 3.  最佳CEO  史蒂夫· 乔布斯(Steve Jobs),苹果CEO  杰夫· 贝佐斯(Jeff Bezos),亚马逊CEO  米奇· 戈德(Mitch Gold),Dendreon公司CEO  马云,阿里巴巴CEO  理查德· 罗森布拉特(Richard Rosenblatt), Demand Media公司CEO
  • 4.  iphone 4 vs iphone 3Gs / iphone 4 Google Who is Jay chou / how old is jay chou / jay chous albums / bushs son new york / asia / 故宫 Icq boy …http://www.kngine.com又一个百度搜索开放平台?
  • 5.  收集世界上的所有信息,并且整理出信息之间的关系。 计算机和人共同组织维护。 wikipedia, MusicBrainz的知识源。 人工上传和编辑,对知识和信息进行采集,整理,归纳。 … http://www.freebase.com/explore 类目 http://www.freebase.com/view/m/075wx7_ 例子
  • 6.  CSS  -moz-resize ○ Only for <textarea>. ○ none | both | horizontal | vertical | inherit  -moz-calc() ○ The current implementation supports the +, -, *, /, mod, min, and max operators. ○ Doesn’t work.  -moz-image-rect ○ No example  background-size ○ -moz-background-size is no longer supported.  -moz-any ○ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:underline;} ○ -moz-any(h1,h2,h3,h4,h5,h6) a{text-decoration:underline;}  -moz-transition(Gecko 1.9.3)  :visited
  • 7. Mozilla开始在firefox 4限制“:visited”的可用样式!!! http://demo.zhouqicf.com/css/2010/firefox4_visited.html http://demo.zhouqicf.com/css/2010/visited_history.html http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited
  • 8.  补充常之漏讲的两点: 1.两个事件:  box.addEventListener( webkitTransitionEnd, function( event ) { alert( "Finished transition!" ); }, false );  box.addEventListener( webkitAnimationEnd, function( event ) { alert( "Finished animation!" ); }, false );  通过webkitTransitionEnd,transition可以模拟animation http://demo.zhouqicf.com/css/2010/transition_can_do_animation.html 2.动画完成后的样式  http://demo.zhouqicf.com/css/2010/animation_transition.html http://wlsy.me/lab/css3ppt
  • 9. <div id=“news” class=“mod”> <h2 class=“mod-title”>新闻</h2> HTML <div class=“mod-body”> <ol> <li><a href=“#”>title</a></li> <li><a href=“#”>title</a></li> … </ol> </div></div>模块化:h2{…} /*reset*/ CSSol{…} /*reset*/.mod ol {…}.mod h2 {…}#news h2{…}面向对象:h2{…} /*default style*/ CSSol{…} /*default style*/.mod ol{…}.mod h2{…}#news h2{…}
  • 10.  Keyword :重用 Links:  http://github.com/majic3/oocss  What is Object Oriented CSS?  Object Oriented CSS UML  OOCSS FAQ  Object Oriented CSS  The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax Experience 2009
  • 11. Nothing is impossible 常见的  Fix float  Paint样式表 content:attr(href);  :hover时显示辅助内容 还可以做什么?  遮罩  访问过链接打勾  替代icon  画画 http://www.zhouqicf.com/html-css/draw-with-content http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html  优化sprites (对比-moz-image-rect) http://demo.zhouqicf.com/css/2010/content_sprites.html  三列等高  … 原则  装饰性(非内容性)、辅助性、渐进增强… 思考题  纯CSS可以为一个元素创造多少条边框(不能用背景图)? http://demo.zhouqicf.com/css/2010/how_many_borders.html
  • 12. 谢谢