2007-01-01ãã1ã¶æéã®è¨äºä¸è¦§
2007 CSS Study Meetingã®è³æãå ¬éãã¾ãã è³æã¯ãã¡ãã§ã Pattern Driven CSS (pdf) ãã£ããããå 容 Web design patternã®çºå±ã¿ãããªå¥´ã§ãã ã©ããªé¢¨ã«ãµã¤ãã®è¨è¨ãè¡ãã®ãCSSã®è¦³ç¹ããèããææ³ã§ãã
ããã®ã¨ãããMySQL以å¤ã®ãã¼ã¿ãã¼ã¹(Postgres, Oracleãªã©)ãå ¬å¼ã§ãµãã¼ããã¦ã¿ãããã³ã¼ãã®ã¯ãªã¼ã³åãªã©ãé »ç¹ã«è¡ã£ã¦ããMogileFSã§ãããmemcacheãããã¯ã¨ã³ãã«ä½¿ç¨åºæ¥ãããã«ãªã£ãããã§ãã Reall, you should cache get_paths requeâ¦
ã¯ããã« http://www.albin.net/CSS/OwenHack.html http://www6.plala.or.jp/go_west/nextcss/tip/trans/owen_hack_tr.htm ãã¨ãæ®æ®µã¯äºå®ä¸ä½¿ããªãã»ã¬ã¯ã¿ã«ã¤ãã¦ã©ããã¦ãç¥èãå¿ è¦ã§ãã Adjacent sibling selectorsã¨è¨ãé£æ¥ã»ã¬ã¯ã¿ã§ãã é£æ¥â¦
ã¯ããã« d:id:ZIGOROu:20070116:1168900766ã®inã®inlineçã§ãã http://www.tantek.com/CSS/Examples/inlinehpf.html ã©ããªç©ã <style type="text/css"> p.attention { background:yellow } i{content:"\"/*"} p.attention { background:lime } </style> iè¦ç´ ã«å½ã¦ã¦ãã«ã¼ã«ã®contentâ¦
ã¯ããã« ã½ã¼ã¹ã¯ãã¡ã High Pass Filter http://www6.plala.or.jp/go_west/nextcss/tip/trans/highpass_jp.htm ç¹ã«ï¼çªãã®å訳ãä¸èªããã¨ä½ãã£ã¦ã®ã¯ããåããã¯ãã ã©ããªç©ã IE5/Mac or later IE6/Windows or later Netscape 6 or later Opera â¦
ã¯ããã« IE5(Winã¨Macã®classic)ã ãã«é©ç¨ãããHackã§ãã http://www.media451.com/experiments/css/hacks/ie_star.html 使ãæ¹ .loneStarHack { background-color: #ff0000; * background-color: #060; } ã£ã¦ããã¨*ãã¤ããããããã£ã§ä¸æ¸ããåºæ¥â¦
追è¨(éè¦) miniturboã®ä¸ã®äººãè¨ãã«ã¯Opera9ã¨ãã«ãå½ãã£ã¡ãããããã§ãã 詳ãã解説ããã³ ã¯ããã« http://css-discuss.incutio.com/?page=StarHtmlHack http://css-discuss.incutio.com/?page=EmulatingFixedPositioning ã* htmlãããã»ã¬ã¯ã¿â¦
ã¯ããã« ã¾ãã¯ä¸è¨ã®ãã¼ã¸è¾ºããã½ã¼ã¹ã§ãããã¾ãã http://css-discuss.incutio.com/?page=BoxModelHack http://www6.plala.or.jp/go_west/nextcss/tip/trans/boxmodelhack_jp.htm åºç¤ç·¨2 ããã¯ã¹ã¢ãã«ã¨DOCTYPEã¹ã¤ãã æ¨æºã®box modelã£ã¦è¨ãã®â¦
ã¯ããã« ããã¯NN4ãã»ã¬ã¯ã¿ã¼ã®å¾ã«ã³ã¡ã³ããããã¯ãæ¸ãã¨ããã®ã»ã¬ã¯ã¿èªä½ãç¡å¹ã«ãªããã£ã¦ãã°ãå©ç¨ããé¨åçã«ã¹ã¿ã¤ã«ãé ãæã§ãã ä»çµã¿ html /* rest of selector */ { /* Nav4 alone ignores these rules */ } ã¾ã¨ã è¦ããªãYOï¼
ã£ã¦ãããCSSãªäººã«ã¯å¸¸èãªã®ãï¼ Assigning property values, Cascading, and Inheritance å¤ã®å²ãå½ã¦ãã«ã¹ã±ã¼ãå¦çãç¶æ¿ http://www6.plala.or.jp/go_west/nextcss/ref/basic/cascade.htm http://anslasax.net/css-make/cascade.html ããã辺ãã½â¦
ã¯ããã« Caioãªãã¡ãããããä½ã£ãHackã ããã§ãã NN4ããç¹å®ã®ã¹ã¿ã¤ã«ãé¨åçã«é ãçºã®Hackã§ãã ä»çµã¿ /*/*/ div { color: red; } /* ããã¾ã§ç¡è¦ããã */ ã£ã¦äºã¿ããã§ããã ã¾ã¨ã é¨åçã«NN4ã«é©ç¨ããã¹ã¿ã¤ã«ãªãã¦ä»æ¥ã³ãããã¾ãâ¦
追è¨(åãéè¦) media queriesã§ããã©ãOpera9ã¨ææ°ã®KHTMLã ã¨ãã§æ¢ã«ãµãã¼ãããã¦ãã¿ãããªã®ã§ããã®Hackèªä½æ¢ã«æå³ã®ç¡ãç©ã«ãªã£ã¦ã¾ãã IE7 ãå«ãã¢ãã³ãã©ã¦ã¶åãã® CSS ããã¯ã¾ã¨ã - lucky bag http://jp.opera.com/docs/changelogs/wâ¦
ææ¥ãä¼ç¤¾ã®CSSåå¼·ä¼ãããã®ã§ããã¿ã®ä¸ã¤ã¨ãã¦åºç¤èª¿æ»ãCSS Hackãåæã¨ãã¦ãä¸ã«ããHackãã¿ãå°ããã¤ç´¹ä»ãéä¸ã§æ«æããããããã¡ããã ã¯ããã« The @import Hack Hide CSS from browsers :: @import å¤åãæãæåãªCSS Hackã ã¨æããâ¦
30æ³ã¨ãªããã¾ã身辺ã«ããããããããä¸ã§ä»å¹´ãã¹ã¿ã¼ããã¡ããã¾ããã é ããªãã¾ããããçæ§ããã¾ãã¦ããã§ã¨ããããã¾ããæ¬å¹´ã¯ç§ã«ã¨ã£ã¦è»¢æ©ã®å¹´ã¨ãªãããã§ãã æ°æã¡ãã¾ãæ°ãã«é å¼µã£ã¦è¡ãããã¨æãã¾ããæ°å¹´æ©ã ãããã¨ããªã«ã§â¦