Banquet 43
Upcoming SlideShare
Loading in...5
×
 

Banquet 43

on

  • 793 views

 

Statistics

Views

Total Views
793
Views on SlideShare
793
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Banquet 43 Banquet 43 Presentation Transcript

  • AUTO TOOLS 由校 2010-10-11
  • NEWS – IE9’S CV LISTDifferent from IE8, before adding a site to the IE9 CV List we verifythat it is incompatible with IE9. We also verify what Document Mode itworks best in. This will help us make sure that we ship with thesmallest CV List possible at Beta, RC and RTM.
  • NEWS – NEW TWITTER View slide
  • NEWS – GMAP新的公交系统中包含了发车时间以及发车频率。 View slide
  • NEWS – GOOGLE’S BIRTHDAY 1998年9月27,Google正式上线。http://www.guao.hk/posts/a-look-back-for-google-12th-birthday.html
  • GENERATE -- CSS3<?php include_once “css_generate.php”?>function css3_props($property, $value) { $css3 = "-webkit-".$property.": ".$value.";n“ ." -moz-".$property.": ".$value.";n“ ." -o-".$property.": ".$value.";n“ ." -khtml-".$property.": ".$value.";n“ ." ".$property.": ".$value.";n"; echo $css3;}<link rel="stylesheet" href="styles/style.php"/><?php header(Content-type: text/css);?>#box-shadow { width: 200px; height: 200px; padding: 20px; <?php css3_props("box-shadow", "#ccc 5px 5px 10px"); ?>}
  • GENERATE -- STYLE css_style(“water”) class=“style_water”
  • GENERATE -- MODULE
  • VISUAL TOOLS – COLORFULL
  • VISUAL TOOLS – REALITYCSS3 is complex{transform: scale(0.55) rotateX(-42deg) rotateY(9deg) translate(368px,324px) skew(11deg, 11deg) scaleZ(2.6) rotateZ(64deg) translateZ(-176px);transform-origin: 0% 0%;}
  • VISUAL TOOLS – REALITYEditor is backward
  • VISUAL TOOLS – COLOR PICKER HSB 0~100%
  • VISUAL TOOLS – COLOR PICKER
  • VISUAL TOOLS – COLOR PICKERH Color. hsbToRgb( hsb ) R Color. rgbToHex( rgb ) HS Color. rgbToHsb( rgb ) G Color. hexToRgb( hex ) EB B X http://www.zhouqicf.com/demo/js/2010/color.js
  • VISUAL TOOLS – COLOR PICKERhttp://www.eyecon.ro/colorpicker/http://zh-cn.colourlovers.com/blog/2008/01/16/free-advanced-dhtml-color-picker
  • VISUAL TOOLS – COLOR PICKER http://raphaeljs.com/picker/
  • VISUAL TOOLS – HISTORYhttp://mugtug.com/sketchpad/
  • VISUAL TOOLS – CANCELhttp://mugtug.com/darkroom/
  • VISUAL TOOLS -- GRADIENThttp://westciv.com/tools/gradients/index.html
  • VISUAL TOOLS -- GRADIENT
  • VISUAL TOOLS -- GRADIENThttp://mugtug.com/sketchpad/
  • VISUAL TOOLS – SHADOWtext-shadow:7px 7px 10px #333333;http://westciv.com/tools/shadows/
  • VISUAL TOOLS – SHADOW
  • VISUAL TOOLS – SHADOW text-shadow: 7px 7px 10px #333333 ;
  • VISUAL TOOLS – SHADOW
  • VISUAL TOOLS – SHADOWy 10*cos(45 ) ≈ 7px Math.round(10*Math.cos(45*0.017453293)) 135。 x 10*sin(45 ) ≈ 7px Math.round(10*Math.sin(45*0.017453293))
  • VISUAL TOOLS – TRANSFORMhttp://westciv.com/tools/3Dtransforms/index.html
  • VISUAL TOOLS – MARKhttp://www.flickr.com/photos/zhouqicf/4885373060/in/set-72157624491456532/http://www.bounceapp.comhttp://markup.io/
  • VISUAL TOOLS – FORM Text  Search Checkbox  Phone Select  Url Radio  Email Textarea  DataTime Button(buttonsubmi treset…)  Date …  Month  Week  Time  Range  Number  Range  Color  …
  • VISUAL TOOLS – FORM
  • VISUAL TOOLS – FORMhttp://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/http://demo.zhouqicf.com/js/2010/form_amount.html
  • VISUAL TOOLS直观 统一习惯高效 简单
  • ENDEND THINKS!