Contenu connexe Similaire à 디자인 패턴과 YUI를 이용해 Rich UI 빠르게 구현하기 (20) 디자인 패턴과 YUI를 이용해 Rich UI 빠르게 구현하기14. •
–
–
–
•
•
–
•
–
–
–
–
15. • Layout
• Navigation
• Selection
• Rich Interaction
• Social
18. •
•
–
–
•
– http://developer.yahoo.com/ypatterns/about/stencils/
36. http://developer.yahoo.com/yui/carousel/
<!-- Core + Skin CSS -->
<link rel="stylesheet" type="text/css" href="http://
yui.yahooapis.com/2.8.0r4/build/carousel/assets/skins/sam/
carousel.css">
<!-- Dependencies -->
<script type="text/javascript" src="http://yui.yahooapis.com/
2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/
2.8.0r4/build/element/element-min.js"></script>
<!-- Source file -->
<script type="text/javascript" src="http://yui.yahooapis.com/
2.8.0r4/build/carousel/carousel-min.js"></script>
41. • Conditional Comments?
<!--[if IE]>
<link rel="stylesheet" type="text/css" href=“for_ie.css“ />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href=“for_ie6.css“ />
<![endif]-->
42. • Hack?
/* for IE6 */
p {_color:white;}
/* for IE */
p {*color: green;}
•
* html body{}
*:first-child+html body{}
43. •
<html class="gecko ff3 ff3_5 win">
44. • PHP CSS Browser Selector
– http://bastian-allgeier.de/css_browser_selector/
45. • PHP CSS Browser Selector
•
<?php require("css_browser_selector.php"); ?>
<html class="<?php echo css_browser_selector() ?>">
•
<html class="gecko ff3 linux">
46. Environment Class Selectors
• O/S
Win Microsoft Windows
Mac Mac OS
Iphone iPhone
•
ie6 Internet Explorer 6.x
ie7 Internet Explorer 7.x
ff3_5 Firefox 3.5
Opera10 Opera 10.x
chrome Google Chrome