[B! css] t-tanakaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

t-tanaka id:t-tanaka

cssã«é–¢ã™ã‚‹t-tanakaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Webãƒšãƒ¼ã‚¸ã®è¦‹æ „ãˆã‚’ã‚ˆãã™ã‚‹ãŸã£ãŸ58ãƒã‚¤ãƒˆã®CSS
ã»ã¨ã‚“ã©ã®Webãƒšãƒ¼ã‚¸ã®è¦‹æ „ãˆã‚’ã‚ˆãã™ã‚‹ãŸã£ãŸ58ãƒã‚¤ãƒˆã®CSSã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 3ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã ã‘ã§ã™ãŒã€Webãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹æ™‚ã®æœ€åˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨ã—ã¦ç”¨æ„ã—ã¦ãŠãã¨ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã¾ãŸã€ãƒœãƒ¼ãƒŠã‚¹ã®100ãƒã‚¤ãƒˆç‰ˆã¨ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®ã•ã‚‰ã«100ãƒã‚¤ãƒˆç‰ˆã‚‚åˆã‚ã›ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 58 bytes of CSS to look great nearly everywhere by @JoeyBurzynski ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Webãƒšãƒ¼ã‚¸ã®è¦‹æ „ãˆã‚’ã‚ˆãã™ã‚‹58ãƒã‚¤ãƒˆã®CSS 58ãƒã‚¤ãƒˆã®CSSã®è§£èª¬ Webãƒšãƒ¼ã‚¸ã®è¦‹æ „ãˆã‚’ã‚ˆãã™ã‚‹100ãƒã‚¤ãƒˆã®CSS 100ãƒã‚¤ãƒˆã®CSSã®è§£èª¬ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã•ã‚‰ã«100ãƒã‚¤ãƒˆ Webãƒšãƒ¼ã‚¸ã®è¦‹æ „ãˆã‚’ã‚ˆãã™ã‚‹58ãƒã‚¤ãƒˆã®CSS 58 bytes of CSS -Code
t-tanaka 2022/10/20
css
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…ã‹ã‚‰è¦‹ã‚‹ç¬¬å››åä¸ƒå›žè¡†è°é™¢é¸æŒ™ã€€é–‹ç¥¨é€Ÿå ±ãƒšãƒ¼ã‚¸ã¾ã¨ã‚ - æš®ã‚‰ã—ã®æŠ€è¡“
700å„„å††ã»ã©ã®ãŠé‡‘ãŒã‹ã‹ã£ã¦ã„ã‚‹ã¨ã„ã‚ã‚Œï¼Œwhy-kaisan.comãªã‚“ã¦ã‚µã‚¤ãƒˆã‚‚ä½œã‚‰ã‚Œå··ã‚’è³‘ã‚ã›ãŸç¬¬å››åä¸ƒå›žè¡†è°é™¢é¸æŒ™ã®æŠ•ç¥¨æ—¥ãŒä»Šæ—¥ã§ã—ãŸï¼ŽæŠ•ç¥¨æ—¥ã¨è¨€ã†ã“ã¨ã¯ãã®å¾Œã«æ¥ã‚‹ã®ã¯é–‹ç¥¨ã§ï¼Œé–‹ç¥¨ã¨è¨€ã†ã“ã¨ã¯é–‹ç¥¨é€Ÿå ±ãŒã¯ã˜ã¾ã‚‹ã‚ã‘ã§ã™ï¼Ž å ±é“å„ç¤¾ã‚’è¦‹ã¦ã¿ã¾ã™ã¨ï¼Œå„ã€…å·¥å¤«ã‚’å‡ã‚‰ã—ãŸé–‹ç¥¨é€Ÿå ±ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¦ãŠã‚Šã¾ã—ã¦ï¼Œã“ã‚ŒãŒãªã‹ãªã‹ãŠã‚‚ã—ã‚ã„ã¨ã„ã†ã“ã¨ã§ï¼Œãã®æ¯”è¼ƒã§ã”ã–ã„ã¾ã™ï¼Ž ã¾ã¨ã‚ é•·ã„ã®ã§å…ˆã«ã¾ã¨ã‚ã§ã™ï¼Ž ã¾ãšãƒ†ãƒ¬ãƒ“ã¨æ–°èžã§åœ§å€’çš„ã«æ…‹åº¦ãŒé•ã„ã¾ã™ï¼Žãƒ†ãƒ¬ãƒ“ã¯ã‚ãã¾ã§ç•ªçµ„ã®è£œåŠ©ã ã£ãŸã‚Šå®£ä¼ãŒç›®çš„ï¼Žã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ã¯ã‚ã¾ã‚Šæƒ…å ±ã‚’å‡ºã—ãŸããªã„æ§˜åã§ã™ï¼Žä¸€æ–¹æ–°èžå„ç¤¾ã¯ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ä¸Šæ®µï¼Œãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã®ã©çœŸã‚“ä¸ã‚’æ€ã„ã£ãã‚Šä½¿ã„ï¼Œæ–‡å—é€šã‚Šå…¨é¢å±•é–‹ã¨ã„ã£ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ãŒå¤šã„ï¼Ž ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…ã‹ã‚‰è¦‹ã‚‹ã¨ï¼ŒåŸºæœ¬çš„ã«ã‚°ãƒ©ãƒ•ãŒå¿…è¦ãªå ´é¢ã§ã¯CSSï¼Œæ—¥æœ¬åœ°å›³ãŒå¿…è¦ãªå ´é¢ã§ã¯ã€Œç”»åƒ+mapã§éƒ¨åˆ†ãƒªãƒ³ã‚¯ã€ã‹ã€Œè¦ç´ ã®çµ¶
t-tanaka 2014/12/15
ajax

css

web
ãƒªãƒ³ã‚¯
html/css å‚è€ƒã‚µã‚¤ãƒˆç·ã¾ã¨ã‚
ä½œæˆï¼š2013/10/15 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆé€±ã€WordPressã¨EC-CUBEã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã—ãªã‘ã‚Œã°ã„ã‘ãªãã¦ã€ä¹…ã—ã¶ã‚Šã«ã„ã˜ã£ã¦ãŠã‚Šã¾ã—ãŸãŒã€å¿˜ã‚Œã¦ã„ãŸã‚ŠçŸ¥ã‚‰ãªã‹ã£ãŸã“ã¨ãŒæ²¢å±±ã‚ã‚Šã¾ã—ãŸã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯SEOã‚„UIã«ã‚‚æ·±ãé–¢ä¿‚ã—ã¦ã„ã‚‹ã®ã‚‚ã‚ã‚Šã€ã“ã“ã‚‰ã¸ã‚“ã§CSSã‚„HTMLï¼•ã‚’è§¦ã‚‹ã¨ãã«å‚è€ƒã«ã™ã‚‹ã¨æ—ã‚‹è¨˜äº‹ã‚’ä¸€å›žã¾ã¨ã‚ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯CMSã‚„ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã†ãˆã§ã€ŒçŸ¥ã£ã¦ãŠãã¨å¿…ãšå½¹ç«‹ã¤ã€ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ å®šç•ªã¾ã¨ã‚ ï¼‘ï¼Žå‹‰å¼·ã«ãªã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ã‚µãƒ³ãƒ—ãƒ«ã¾ã¨ã‚ åŸºæœ¬çŸ¥è˜ ï¼’ï¼Žã‚»ãƒ¬ã‚¯ã‚¿ ï¼“ï¼Žãƒ¡ãƒ‡ã‚£ã‚¢ ã‚¯ã‚¨ãƒª ï¼”ï¼Žã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ ï¼•ï¼Žãƒ•ã‚©ãƒ³ãƒˆ ï¼–ï¼ŽCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ ï¼—ï¼Žã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ï¼˜ï¼Žæ£ç¢ºãªHTMLä½¿ç”¨æ–¹æ³• ï¼™ï¼ŽCSSãƒãƒƒã‚¯ ï¼‘ï¼ï¼Žæ›¸ãæ–¹ï¼èªã¿æ–¹ å®šç•ªã¾ã¨ã‚
t-tanaka 2013/10/15
HTML5

css
ãƒªãƒ³ã‚¯
æ”¹ã‚ã¦ä»Šã®æŠ€è¡“ã§ã‚„ã£ã¦ã¿ãŸã‚‰é¢ç™½ãã†ãª CSS ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¤§ä¼š
ã‚‚ã† 6å¹´è¿‘ãå‰ã®è©±ãªã‚“ã§ã™ãŒã€JamGraffiti ã•ã‚“ãŒä¼ç”»ã—ãŸ CSS ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¤§ä¼šã€ã€Œç”»åƒã®ä½¿ç”¨ã‚’æ¥µåŠ›æŽ§ãˆã¦ã‹ã£ã“ã„ã„ CSS ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ã‚ˆã†å¤§ä¼šã€ ã‚’ä»Šã•ã‚‰æ€ã„å‡ºã—ãŸã®ã§æ‡ã‹ã—ã•ã¤ã„ã§ã«ç´¹ä»‹ã€‚ä»Šã®æŠ€è¡“ã§ã‚„ã£ãŸã‚‰ã¾ãŸæ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚‹ã‹ã‚‚ã€‚ 2007å¹´ã® 4æœˆã¨ã‹ã®è©±ãªã®ã§ã€ã‚‚ã†ã‹ã‚Œã“ã‚Œ 6å¹´è¿‘ãå‰ã®è©±ãªã‚“ã§ã™ãŒã€JamGraffiti ï¼ˆ@ichi23ï¼‰ã•ã‚“ãŒä¼ç”»ã—ãŸã€ã€Œç”»åƒã®ä½¿ç”¨ã‚’æ¥µåŠ›æŽ§ãˆã¦ã‹ã£ã“ã„ã„ CSS ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ã‚ˆã†å¤§ä¼šã€ ã£ã¦ã®ãŒã‚ã‚Šã¾ã—ã¦ã§ã™ãã€‚ ç°¡å˜ã«è¨€ãˆã° ã€Œcss Zen Gardenã€ ãªã‚“ã‹ã¨åŒã˜ã§ã€ã€ŒåŒã˜ XHTML æ–‡æ›¸ã«å¯¾ã—ã¦ã¿ã‚“ãªã§ CSS æ›¸ã„ã¦ã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã‹éŠã‚“ã§ã¿ã‚ˆã†ãœã€ ã£ã¦ã„ã†è©¦ã¿ãªã‚ã‘ã§ã™ã€‚ ã¨è¨€ã£ã¦ã‚‚ã€css Zen Garden ãŒç››ã‚Šä¸ŠãŒã£ã¦ãŸã®ã ã£ã¦ 2006å¹´ã¨ã‹ã€æ‰€è¬‚ Web æ¨™æº–ã®å•“è’™ãŒã¨
t-tanaka 2013/02/08
html5

css
ãƒªãƒ³ã‚¯
Imageless iPhone 4 by Vasyl Zubach
Imageless iPhone made with CSS by Vasyl Zubach. No images, base64, SVG, or canvas, just a lot of CSS and a little bit of JavaScript
t-tanaka 2011/12/20
iPhone

ãƒã‚¿

css
ãƒªãƒ³ã‚¯
IBMãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹
æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—æ©Ÿèƒ½ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãã‚Œã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å…¨ä½“ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å®Ÿç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ãƒ«ãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ä»Šå›žå…¬é–‹ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotusè£½å“ç¾¤ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’çµ±ä¸€ã™ã‚‹ãŸã‚ã®ç¤¾å†…ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
t-tanaka 2009/11/06
IBM

webapp

css
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
t-tanaka 2009/01/26
ç‚¹ç·šã¯åˆ¥ã«æ°—ã«ã¯ãªã‚‰ãªã„ãŒï¼Œãã†ã„ã†ç†å±ˆã§å‡ºã¦ã„ã‚‹ï¼Œã¨ã„ã†ç‚¹ã¯å‹‰å¼·ã«ãªã£ãŸâ†’ã€ŒHTMLã«ãƒ†ã‚ã‚¹ãƒˆã„ã‚Œã¤ã¤ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§èƒŒæ™¯ã«ç”»åƒã‚’é…ç½®ã—ã€ãƒ†ã‚ã‚¹ãƒˆã‚’æ¨ªã«ã™ã£é£›ã°ã™ã¨ã„ã†ã‚„ã‚Šæ–¹ã€

css

web
ãƒªãƒ³ã‚¯
mixiã‚’XHTML CSSã§çµ„ã¿ãªãŠã™
mixiã‚’XHTML+CSSã§çµ„ã¿ãªãŠã™ã§å–ã‚Šä¸Šã’ãŸç”Ÿå¾’ã®æå‡ºã—ãŸèª²é¡Œã«ã¯ã€è¨˜äº‹ã«ã‚‚æ›¸ã„ãŸã¨ãŠã‚Šã€ã¾ã ã„ãã¤ã‹æ”¹å–„ã§ãã‚‹ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã€‚ãŒã€è‰²ã€…ä¿®æ£+Î±ã—ãŸã‚ˆã†ã§ã€å†æå‡ºã—ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ å‰å›žæå‡ºã—ãŸã‚‚ã®ã¨æ¯”ã¹ã‚‹ã¨ã€XHTMLãŒéƒ¨åˆ†çš„ã«ä¿®æ£ã•ã‚Œã€classã®æ•°ãŒæ¸›ã£ã¦ã„ã‚‹ã€‚ã‚ªãƒ¼ã‚¤ã‚§ã‚¹ã€‚æ©Ÿèƒ½ã”ã¨ã«classã‚’ä¸Žãˆã¦å…±é€šã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ã§ã€ç®¡ç†ã‚‚ç·¨é›†ã‚‚æ¥½ãƒãƒ³ã«ã™ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ã‚“ã ã€‚ Comments:4 ä¸Šå ´ 2006å¹´6æœˆ10æ—¥ 23:34 åŠ›ä½œã§ã™ãã€‚ãã‚“ãªæŠ€è¡“ãŒã‚ã£ã¦ã†ã‚‰ã‚„ã¾ã—ã„ã§ã™ã€‚ MUSCAT 2006å¹´11æœˆ20æ—¥ 07:23 æ„Ÿå‹•ã—ã¾ã—ãŸã€‚ å‚è€ƒã«ç ”ç©¶ã—ãŸã®ã§ã™ãŒã€å°ç”Ÿã®ã¯æ‹¡å¤§ã§ç ´å£Šã•ã‚Œã¾ã—ãŸã€‚ ã©ã‹?ã‚“ã‚“ï¼ wu 2006å¹´11æœˆ23æ—¥ 04:56 ã©ã‹ï½žã‚“ï¼ åƒ•ãŒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚€éš›ã¯ã€å¤§å°ã«+2ã»ã©ã®æ‹¡å¤§ã§å¯èªãŒå¯èƒ½ã«ãªã‚‹ã¨ã„ã†ãƒ©ã‚¤ãƒ³ã§åˆ¶ä½œã—ã¦ã„ã¾ã™ã€‚ã€€XHTM
t-tanaka 2006/08/22
css

mixi

xhtml

webapp
ãƒªãƒ³ã‚¯
1