[B! css] bigwestã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bigwest id:bigwest

cssã«é–¢ã™ã‚‹bigwestã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (331)

${{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}}

UI Interactions
copy.ui-arrow-02 { position: relative; width: 30px; height: 30px; border: none; background-color: transparent; transition: transf orm 0.3s ease; } .ui-arrow-02:before, .ui-arrow-02:after { content: ''; background-color: #2980b9; position: absolute; top: 50%; width: 1px; height: calc(70% - 1px); margin-top: -35%; } .ui-arrow-02:before { left: 50%; margin-left: -25%; transf orm: rotate(-45deg); } .ui-
bigwest 2019/09/13
UI

CSS
ãƒªãƒ³ã‚¯
CSSã§å††ã‚°ãƒ©ãƒ•ã‚„é›†ä¸ç·šãŒæã‘ã‚‹conic-gradientå…¥é–€ - ICS MEDIA
CSSã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³conic-gradient()é–¢æ•°ã¯ã€conicï¼ˆå††éŒï¼‰ã®åã®ã¨ãŠã‚Šã€å††éŒçŠ¶ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã™ã‚‹ã‚‚ã®ã§ã™ã€‚conic-gradient()é–¢æ•°ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€å††éŒçŠ¶ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚‚ã¡ã‚ã‚“ã€é›†ä¸ç·šã‚„å¸‚æ¾æ¨¡æ§˜ã¨ã„ã£ãŸè¡¨ç¾ãŒæ‰‹è»½ã«å®Ÿè£…ã§ãã¾ã™ã€‚ â–¼ conic-gradient()é–¢æ•°ã§å®Ÿè£…ã—ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ä¾‹ â–¼ conic-gradient()é–¢æ•°ã§å®Ÿè£…ã—ãŸæ¼”å‡ºä¾‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã æœ¬è¨˜äº‹ã§ã¯conic-gradient()é–¢æ•°ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¤ã¤ã€å¿œç”¨çš„ãªè¡¨ç¾ã‚„ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ conic-gradient()é–¢æ•°ã®åŸºç¤Ž linear-gradient()é–¢æ•°ãƒ»radial-gradient()é–¢æ•°ã¨ã®æ¯”è¼ƒ CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹æ‰‹æ®µã¯æ¬¡ã®3ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ linear-gradient()é–¢æ•°ï¼š ç›´ç·šçŠ¶
bigwest 2018/10/23
chrome

css
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ãŒãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€è»½é‡ã§èªã¿è¾¼ã¿ãŒé€Ÿã„CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã¾ã¨ã‚
Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã§ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹CSSãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚æ–°ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹æ™‚ã«ã€ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½œæˆã™ã‚‹æ™‚ã«ã€æ—¢å˜ãƒšãƒ¼ã‚¸ã‚’å¤‰æ›´ã™ã‚‹æ™‚ã«ã€ã´ã£ãŸã‚Šã§ã™ã€‚ CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯æ•°å¤šããƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚ç‰¹ã«è»½é‡ã§èªã¿è¾¼ã¿ãŒé€Ÿã„ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
bigwest 2018/02/28
web design

css

framework
ãƒªãƒ³ã‚¯
https://spyweb.media/2017/11/27/css-font-family-best-practice-yu-gothic-meiryo-etc/
bigwest 2018/01/18
css

font
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§å¤§æ´»èºã®flexboxã‚’ä½¿ã„å€’ã™(å‰ç·¨) - Hatsuka
flexboxãƒ—ãƒãƒ‘ãƒ†ã‚£ã£ã¦ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ã‚ˆãã€‚ ä¾¿åˆ©ã ãªãƒ¼ã¨æ€ã†ã®ã§ã™ãŒã€æ¯Žå›žä½¿ã„æ–¹ã‚’å¿˜ã‚Œã¦ä½¿ã†ãŸã³ã«ã‚°ã‚°ã£ã¦ã¾ã™â€¦ã€‚ ã„ã„åŠ æ¸›è¦šãˆã‚ˆã†ï¼ã¨ã„ã†ã„ã¾ã—ã‚ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ä»Šã¾ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¯ ãƒ–ãƒãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ é…ç½®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã†ã€æ–°ã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¢ãƒ¼ãƒ‰ãŒèª•ç”Ÿã—ã¾ã—ãŸã€‚ è¿‘å¹´ã€ã‚¢ãƒ—ãƒªã‚„WEBãƒšãƒ¼ã‚¸ãŒè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹å‚¾å‘ã‹ã‚‰ã€CSS3ã§æ–°ã—ãèª•ç”Ÿã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¢ãƒ¼ãƒ‰ã§ã™ã€‚ ã©ã†ã„ã†ã¨ãã«ä½¿ã†ã®ï¼Ÿ è¦ç´ ã‚’å·¦å³ä¸Šä¸‹ã¨æ•´åˆ—ã•ã›ãŸã„ã¨ã æ¨ªä¸¦ã³è¦ç´ ã®é«˜ã•ã‚’ãã‚ãˆãŸã„ã¨ã è¦ç´ ã‚’å¥½ããªé †åºã«ä¸¦ã³æ›¿ãˆãŸã„ã¨ã ãªã©ãªã©ã€ç”¨é€”ã¯æ§˜ã€…ã§ã™ã€‚ ä¾‹ãˆã°ã“ã†ã„ã†é…ç½®ã§é«˜ã•ã‚’æƒãˆãŸã„ã¨ãã¨ã‹â€¦ sectionã®å¾Œã¯h1ã‚’ç½®ããŸã„ã‘ã©ã€ä¸Šã«ç”»åƒãŒã„ã‚‹ãªãƒ¼ã¨ã„ã†ã¨ãã¨ã‹â€¦ See the Pen doejQa
bigwest 2017/11/13
web design

css

layout

flexbox
ãƒªãƒ³ã‚¯
CSSãƒªã‚»ãƒƒãƒˆã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹ç›¸é•ã‚’å¸åŽã™ã‚‹ã‚ˆã†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -ress
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ç•°ãªã‚‹HTMLã®å„è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®ç›¸é•ã‚’å¸åŽã—ã€å„è¦ç´ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå®šç¾©ã•ã‚ŒãŸCSSãƒªã‚»ãƒƒãƒˆç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ normalize.cssã‚’æœ€è¿‘ã®Webåˆ¶ä½œã«ã‚ã†ã‚ˆã†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸã‚‚ã®ã§ã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IEã¯8+å¯¾å¿œã§ã™ã€‚ ress -GitHub å‚è€ƒ: normalize.cssã®ç‰¹å¾´ã¨ã‚³ãƒ¼ãƒ‰ 2015å¹´ã€Webåˆ¶ä½œè€…ãŒæŠ¼ã•ãˆã¦ãŠããŸã„CSSã®å„ç¨®ãƒªã‚»ãƒƒãƒˆ ressã®ç‰¹å¾´ ress: html, ã‚°ãƒãƒ¼ãƒãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ã®å®šç¾© ress: ä¸€èˆ¬çš„ãªè¦ç´ ã®å®šç¾© ress: ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã®å®šç¾© ress: ãƒ¡ãƒ‡ã‚£ã‚¢è¦ç´ ã®å®šç¾© ress: ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ç”¨ã®å®šç¾© ress: ::selectionã®å®šç¾© ressã®ç‰¹å¾´ ressã¯ã€Œnormalize.cssã€ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚‚ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å§‹ã‚ã‚‹æ™‚ã®ã—ã£ã‹ã‚Šã—ãŸãƒ™ãƒ¼ã‚¹ãª
bigwest 2016/08/01
web design

css
ãƒªãƒ³ã‚¯
Monthly Bookmarks 2016/04 - 2016/06 - NxWorld
2016å¹´4æœˆã€œ2016å¹´6æœˆã®å€‹äººçš„ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ã™ã€‚ 2016/04 Development Almost complete guide to flexbox (without flexbox) | Kenan Yusuf CSS Shapesã§ãƒ†ã‚ã‚¹ãƒˆã‚’å›žã‚Šè¾¼ã¾ã›ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¡¨ç¾ | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ MaintainableCSS - an approach to writing modular, scala ble and maintainable CSS | By Adam Silver Modaal is a WCAG 2.0 Level AA accessible modal plugin Popper.js 360 Degrees Product Viewer in CSS and jQuery | CodyHouse Turntable.js : A Resp
bigwest 2016/06/22
css

web design

form
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªCSS Snippets - NxWorld
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§CSSã‚’ä½¿ã£ã¦ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ã¦ã„ãéš›ã«ã€å€‹äººçš„ã«ã‚ˆãã©å¿˜ã‚Œã—ã¦ã—ã¾ã†ã‚‚ã®ã‚„ä¾¿åˆ©ã ã¨æ€ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ å…¨ä½“çš„ã«æ™®æ®µã‹ã‚‰CSSã‚’ã‚ˆãè§¦ã£ã¦ã„ã‚‹äººã«ã¨ã£ã¦ã¯ç‰¹åˆ¥ç›®æ–°ã—ã„ã‚‚ã®ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ã CSSã‚’è§¦ã‚Šå§‹ã‚ã¦é–“ã‚‚ãªã„æ–¹ã‚„ã“ã‚Œã‹ã‚‰CSSã‚’è§¦ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†ã®ã‚‚ã„ãã¤ã‹ã‚ã‚‹ã®ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹å†…å®¹ã¯ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆç‰¹ã«IE9ä»¥ä¸‹ï¼‰ã«ã‚ˆã£ã¦ã¯ä½¿ç”¨ã§ããªã„ã‚‚ã®ã‚„è¡¨ç¤ºç¢ºèªãŒã§ããªã„ã‚‚ã®ã‚‚ã„ãã¤ã‹å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å„è¦ç´ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚’å‰Šé™¤ ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ç”¨ã™ã‚‹inputã‚„textareaãªã©ã®è¦ç´ ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦è¦‹ãŸç›®ã¯ç•°ãªã‚Šã¾ã™ãŒã€äºˆã‚ãƒœãƒ¼ãƒ€ãƒ¼ãƒ»ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»è§’ä¸¸ã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç‰¹ã«ã“ã ã‚ã‚ŠãŒãªã‘ã‚Œã°ã“ã®ã¾ã¾ä½¿ç”¨ã—ãŸã‚Šã€å¤šå°‘æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç•°ãªã‚‹ãƒ–ãƒ©ã‚¦
bigwest 2015/04/02
web design

css

form

snippet
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã‚ãšã«ã€CSSã®ã¿ã§ãƒªã‚¹ãƒˆã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¾ã—ãŸã‚µãƒ³ãƒ—ãƒ« 10 - NxWorld
ã„ãšã‚Œã‚‚liè¦ç´ ã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ãˆãã†ãªãƒªã‚¹ãƒˆã‚¢ã‚¤ã‚³ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã€ç”»åƒã¯ä½¿ç”¨ã›ãšã«å…¨ã¦CSSã®ã¿ã§å®Ÿè£…ã—ã¦ã¿ãŸã‚‚ã®ã§ã™ã€‚ æœ€è¿‘ãªã‚‰webãƒ•ã‚©ãƒ³ãƒˆã‚„SVGã§ä½¿ã„å‹æ‰‹è‰¯ã„ã‚‚ã®ãŒå®Ÿè£…ã§ããŸã‚Šã€ã‚ã¨ã¯ä½¿ç”¨ã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯é™ã‚‰ã‚Œã¦ããŸã‚Šã—ã¾ã™ãŒã€å•é¡Œãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ã‚Œã°ã‚µã‚¤ã‚ºã‚„ã‚«ãƒ©ãƒ¼å¤‰æ›´ã¨ã„ã£ãŸã“ã¨ã‚‚CSSã®ã¿ã§ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ ã¯ã˜ã‚ã« æœ€å¾Œã®ã‚µãƒ³ãƒ—ãƒ«ã®ã¿olè¦ç´ ä½¿ã£ã¦ã¾ã™ãŒã€ãã®ä»–ã«é–¢ã—ã¦ã¯å…¨ã¦HTMLã¯ä¸‹è¨˜ã®ã‚ˆã†ã«å˜ç´”ãªul, liè¦ç´ ã‚’ä½¿ã£ã¦ã¾ã™ã€‚ <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet,
bigwest 2015/02/24
web design

css
ãƒªãƒ³ã‚¯
hrè¦ç´ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ« 12 - NxWorld
hrè¦ç´ ã¯ç½«ç·šã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚‚ã®ã§ã€è©±é¡Œã‚’å¤‰ãˆã‚‹ã¨ãã®ç›®å°ã¨ãªã‚‹åŒºåˆ‡ã‚Šç·šãªã©ã¨ã—ã¦ç”¨ã„ã‚‰ã‚Œã¾ã™ã€‚ ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å®Œç’§ã«åŒã˜è¦‹æ „ãˆã‚’ã¨ãªã‚‹ã¨èƒŒæ™¯ç”»åƒã¨ã‹ãŒã‚„ã¯ã‚Šæ‰‹ã£å–ã‚Šæ—©ã„ã—ç„¡é›£ãªã‚“ã§ã™ãŒã€ã‚„ã‚ã†ã¨æ€ãˆã°CSSã ã‘ã§ã‚‚çµæ§‹ã„ã‚ã„ã‚ã¨ã§ãã‚‹ã®ã§ã€å‚™å¿˜éŒ²å…¼ãã¦hrè¦ç´ ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã“ã§ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ï¼ˆç‰¹ã«CSS3ã‚’ç”¨ã„ã¦ã„ã‚‹ã‚‚ã®ï¼‰ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ã¾ãŸã€å¤šç”¨ã™ã‚‹äººã‚‚å¤šã„ã¨æ€ã†ç ´ç·šã‚„ç‚¹ç·šã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯å¤šå°‘è¦‹æ „ãˆãŒé•ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ä½¿ç”¨ã™ã‚‹éš›ã¯ã‚ã‚‰ã‹ã˜ã‚æ³¨æ„ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã“ã§ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ã™ã¹ã¦HTMLã¯<hr />ã®ã¿ã§ã™ã€‚ ã¾ãŸã€ãã‚Œãžã‚Œã®hrè¦ç´ ã«ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã¨ã—ã¦ã‚ã‚‰ã‹ã˜ã‚ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¦ã‚ã‚Šã¾ã™ã€‚
bigwest 2013/09/13
hrã®ãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
[å ±å‘Š]Chromeå³åæ˜ ãŒé…åŠ›ã®å¿«é©ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã€ŽAdobe Bracketsã€ãŒãªã‹ãªã‹è‰¯ã„æ„Ÿã˜ã ã£ãŸã‚ˆ
å…ˆæ—¥ã€å‹‰å¼·ä¼šã§Adobe Bracketsã‚’ã¯ã˜ã‚ã¦è§¦ã£ã¦ãã¾ã—ãŸï¼ ç§ã¯ST2ã«æ‹ã—ã¦ã„ã‚‹èº«ãªã®ã§ãã“ã¾ã§èˆˆå‘³ã¯ãªã‹ã£ãŸã®ã§ã™ï½‡ã’ãµã‚“ã’ãµã‚“ï¼ã“ã‚Œã€ä½¿ã£ã¦ã¿ãŸã‚‰ãªã‹ãªã‹è‰¯ã‹ã£ãŸã®ã§ã™ã‚ˆâ€¦ï¼ ãªã®ã§ã€ä»Šæ—¥ã¯ãã“ã§å¦ã‚“ã§ããŸAdobe Bracketsã®é…åŠ›ã¨ã€ã‚³ãƒ¼ãƒ€ãƒ¼å¿…é ˆã‚¢ã‚¤ãƒ†ãƒ ã§ã‚ã‚‹Emmetï¼ˆZen-Codingï¼‰ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’çš†ã•ã‚“ã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ï¼ ã¨ã„ã†ã‚ã‘ã§ã€@stocker_jpã•ã‚“ãŒã‚ªãƒ¼ãƒ—ãƒ³ã•ã‚ŒãŸæ•™å®¤ã€ŽStocker.jp / Space ã€ã«ã¦è¡Œã‚ã‚ŒãŸ@glatyouã•ã‚“ã®Adobe Bracketså‹‰å¼·ä¼šã«ã„ã£ã¦ãã¾ã—ãŸã€‚ ã“ã†ã„ã†å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«è§¦ã‚Œã¦ã¿ã‚‹ã®ã£ã¦å¤§äº‹ã§ã™ããƒ¼ã€‚ST2ã®æ™‚ã‚‚è§¦ã‚‹ã¾ã§å¾®å¡µã‚‚èˆˆå‘³ãªã‹ã£ãŸãªãâ€¦ï½— Adobe Bracketsã¨ã¯ Adobeã‹ã‚‰å‡ºã¦ã„ã‚‹ç„¡æ–™ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§ã™ã€‚CCã«åŠ å…¥ã—ã¦ã„ã‚‹å¿…è¦ã¯ãªã
bigwest 2013/09/06
html

css

editor

adobe
ãƒªãƒ³ã‚¯
[JS]ç´å“å‰ã®ç¢ºèªã«æœ€é©ã€ä½¿ç”¨ã•ã‚Œã¦ã„ãªã„CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¦‹ã¤ã‘å‡ºã™ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Helium
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å¤šæ•°ã®ãƒšãƒ¼ã‚¸å…¨ä½“ã«æ¸¡ã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®šç¾©ã•ã‚ŒãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ä½¿ã‚ã‚Œã¦ã„ãªã„ã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç´å“ã™ã‚‹éš›ã«ã€ä¸è¦ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’é™¤åŽ»ã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã‚ˆã€‚ Helium -GitHub Heliumã®æº–å‚™ Heliumã®ä½¿ç”¨æ–¹æ³• Heliumã®æº–å‚™ Heliumã¯jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¿…è¦ã›ãšå‹•ä½œã—ã€URLã®ãƒªã‚¹ãƒˆã‹ã‚‰å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã€è§£æžã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¦‹ã¤ã‘ãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒå…¨ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ãƒ¬ãƒãƒ¼ãƒˆã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€é–‹ç™ºç’°å¢ƒã§å®Ÿè¡Œã—ã¦ãã ã•ã„ã€‚ å…¬é–‹ä¸ã®ã‚µã‚¤ãƒˆã§å®Ÿè¡Œã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚Heliumã®å‹•ä½œãŒè¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…¨ã¦ã«ã€å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ å ´æ‰€ã¯ã€headå†…ã§ã‚‚</bo
bigwest 2013/06/10
css
ãƒªãƒ³ã‚¯
æ¬¡ã®ãƒ¬ãƒ™ãƒ«ã¾ã§WEBã‚µã‚¤ãƒˆã‚’å¼•ãä¸Šã’ã¦ãã‚Œã‚‹CSSã€javascriptãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSSã‚„javascriptã‚’åˆ©ç”¨ã—ã¦ã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šãƒªãƒƒãƒãªè¡¨ç¾ã«å¤‰ãˆã¦ã„ãã¨ã„ã†ã®ã¯ã€WEBåˆ¶ä½œã®ç¾å ´ã§ã¯å¸¸ã«è¡Œã‚ã‚Œã¦ã„ã¦ã€æ§˜ã€…ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒæ—¥å¤œãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯æ¬¡ã®ãƒ¬ãƒ™ãƒ«ã¾ã§WEBã‚µã‚¤ãƒˆã‚’å¼•ãä¸Šã’ã¦ãã‚Œã‚‹CSSã€javascriptãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ŒCSS and JavaScript tools to take your website to the next levelã€ã§ã™ã€‚ Countable.js æ§˜ã€…ãªCSSã‚„javascriptã«ã‚ˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ iCheck ã‚¯ãƒªãƒƒã‚¯ã—ãŸãƒ©ã‚¸ã‚ªãƒœãƒƒã‚¯ã‚¹ã‚„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã€è¿”ã‚Šå€¤ã‚’ã¨ã‚Œã‚‹javascriptã€‚ãã‚Œã‚’ã‚ãƒ¼ã«ã—ã¦ä½•ã‹ã‚’å‹•ã‹ã—ãŸã„ã¨ãã«ã€‚ Almost Flat UI ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³UIã‚’ç°¡å˜ã«å®Ÿè£…ã§
bigwest 2013/05/24
web design

css

javascript
ãƒªãƒ³ã‚¯
ä»Šã©ã‚“ãªãƒœã‚¿ãƒ³ãŒå¥½ãã‹CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã”ã¨ã«æ¤œè¨Žã—ã¦ã¿ãŸ
ä¸‹ã®ãƒœã‚¿ãƒ³CSS3ã‚’é§†ä½¿ã—ã¦è‰²ã€…ã—ã¦ã„ã‚‹ã®ã¯åˆ†ã‹ã‚Šã¾ã™ãŒã€æœ€è¿‘ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã£ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€ä½•ã¨ãªãã‚ã‹æŠœã‘ãªã„æ°—ãŒã—ã¾ã™ã€‚ ãªãœã§ã—ã‚‡ã†ã‹ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã©ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ãŒå¥½ãã‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã”ã¨ã§è€ƒãˆã¦ã¿ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã®è‰²ï¼ˆbackground-colorï¼‰ ã¾ãšã¯ã©ã®ã‚ˆã†ãªè‰²ãŒã‚ˆã„ã‹è€ƒãˆã¦ã¿ã¾ã™ã€‚èƒŒæ™¯è‰²ã«ã‚ˆã£ã¦ã©ã®è‰²ãŒã‚ˆã„ã‹ã¯é•ã£ã¦ãã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ç™½ã„èƒŒæ™¯è‰²ã§è€ƒãˆã¾ã™ã€‚ æœ€åˆã«é’ã„ãƒœã‚¿ãƒ³ã§ã™ã€‚ è‰²ãŒãã¤ã™ãŽã¦ã‚ã¾ã‚Šå¥½ãã§ã¯ãªã„ã§ã™ã€‚åŒã˜é’ç³»ã§ã‚‚è–„ãã¦ã•ã‚ã‚„ã‹ãªè‰²ã®æ–¹ãŒå¥½ãã§ã™ã€‚ ç·‘ç³»ã‚‚åŒã˜ã§ã™ã€‚ æ¿ƒã„ç·‘ã‚ˆã‚Šè–„ã„ç·‘ã®æ–¹ãŒå¥½ãã§ã™ã€‚ ã‚ªãƒ¬ãƒ³ã‚¸ã‚‚åŒã˜ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§è–„ã‚ã§æ˜Žã‚‹ã„æ„Ÿã˜ã®è‰²ãŒå¥½ãã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®è‰²ï¼ˆcolorï¼‰ ç¶šã„ã¦ãƒ†ã‚ã‚¹ãƒˆã®è‰²ã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚ã¾ãšã¯ç™½ã€‚ ã“ã‚ŒãŒä¸€ç•ªã„ã„æ°—ã—ã¾ã™ãŒã€ä¸€å¿œã„ãã¤ã‹ã‚„ã£ã¦ã¿ã¾ã™ã€‚ã§ã¯é»’ã€‚ ãªã‚“ã‹ãã¤ã™ãŽã‚‹ã€‚æ¬¡ã¯èƒŒæ™¯ã¨å¯¾æ¥µ
bigwest 2013/05/21
css

button
ãƒªãƒ³ã‚¯
CSSã ã‘ã§è¡¨ç¾ã™ã‚‹ãƒªãƒƒãƒãªæŠ¼ã—è¾¼ã¿ãƒœã‚¿ãƒ³ | æ ªå¼ä¼šç¤¾ãƒ„ã‚¯ãƒã‚¢
li a{ background: rgb(247,247,247); background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(226,226,226,1) 100%); width: 100px; height: 100px; border-radius: 50px; box-shadow: inset 0 2px 2px rgba(255,255,255,0.8), inset 0 -2px 2px rgba(0,0,0,0.6), 0 2px 5px rgba(0,0,0,0.6); display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: al
bigwest 2013/04/25
css

button
ãƒªãƒ³ã‚¯
ãªãœãƒªã‚»ãƒƒãƒˆã§ã¯ãªã Normalize.css ã‚’ä½¿ã†ã®ã‹ | Yomotsu net
ã¾ãšã¯ã€æ´å²ã‚’ã¿ã¦ã¿ã‚ˆã†ã€‚ åˆæœŸ* { margin:0; padding:0; border:none; } table ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰ CSS ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¸ã®ç§»è¡ŒæœŸã«è€ƒæ¡ˆã•ã‚ŒãŸã€‚ã™ã¹ã¦ã‚¼ãƒã«ã™ã‚‹ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ã§ã€å®Ÿè£…è€…ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã®ã¿ãŒé©ç”¨ã§ãã‚‹ã¨ã„ã†æ‰‹æ³•ã€‚å¼Šå®³ã¨ã—ã¦ input è¦ç´ ã®æž ç·šãªã©ã€æœ¬æ¥ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚¼ãƒã«ã™ã‚‹å¿…è¦ãŒãªã„ç®‡æ‰€ã¾ã§ã‚¹ã‚¿ã‚¤ãƒ«ãŒæ¶ˆãˆã¦ã—ã¾ã„ã€ã—ã‚‡ã†ãŒãªã„ã®ã§æ›´ã«ä¸Šã‹ã‚‰æž ç·šã‚’åŠ ãˆã‚‹ãªã©ãŒå¿…è¦ã«ãªã£ã¦ã„ãŸ ä¸æœŸä»Šã‹ã‚‰ 5 å¹´ã»ã©å‰ã® 2008 å¹´ã€ã‚¨ãƒªãƒƒã‚¯ãƒ¡ã‚¤ãƒ¤ãƒ¼æ°ã«ã‚ˆã‚‹ãƒªã‚»ãƒƒãƒˆ CSS ã‚„ YUI ã®ãƒªã‚»ãƒƒãƒˆ CSS ãŒç™»å ´ã—ãŸã€‚å…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€Œ*ã€ ã§ã¯ãªãã€è¦ç´ ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãã‚Œãžã‚Œã«å¯¾ã—ã¦ CSS ã‚’ã‚¼ãƒã«ã™ã‚‹ã¨ã„ã†æ‰‹æ³•ã€‚ ãŸã ã—ã€p ã‚„è¦‹å‡ºã—è¦ç´ ã®ä¸Šä¸‹ãƒžãƒ¼ã‚¸ãƒ³ã‚„ li ã®ãƒªã‚¹ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã¾ã§ã‚‚ä¾ç„¶ã¨ã—ã¦ã‚¼ãƒã«ãªã£ã¦ã„ãŸãŸã‚ã€æ¬¡ã®ã‚ˆã†ãªã€æœ¬æœ«è»¢å€’ãª HTML ã¾ã§
bigwest 2013/02/28
web design

css
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å¹…ã‚’è¶…ãˆãŸæ–‡å—åˆ—ã‚’...ã§çœç•¥ã™ã‚‹ - Qiita
ã‚ã‚‹å¹…ã«åˆã‚ã›ã¦æ–‡å—åˆ—ã‚’çœç•¥ã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ãŒã€ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹æ–‡å—ã«ã‚ˆã£ã¦å¹…ãŒé•ã†ã®ã§ã€æ–‡å—æ•°ã§åˆ¶å¾¡ã™ã‚‹ã®ã¯å‰²ã¨é¢å€’ã§ã™ãã€‚ ã§ã™ãŒä»¥ä¸‹ã®ã‚ˆã†ã«cssã‚’æ›¸ã„ã¦ãŠã‘ã°ãã£ã¡ã‚Šæ±ºã‚ãŸå¹…ã§ã‚ãµã‚ŒãŸéƒ¨åˆ†ã‚’ã€Œ...ã€ã§çœç•¥ã—ã¦ãã‚Œã¾ã™ã€‚ p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera9,10å¯¾å¿œ */ }
bigwest 2013/02/20
css
ãƒªãƒ³ã‚¯
JavaScriptã‚ªãƒ•ã€CSSã‚’ã®ã¿ã§å‹•ããƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œhint.cssã€:phpspoté–‹ç™ºæ—¥èªŒ
hint.css - A tooltip library in CSS JavaScriptã‚ªãƒ•ã€CSSã‚’ã®ã¿ã§å‹•ããƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œhint.cssã€ã€‚ æŒ‡å®šä½ç½®ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ’ãƒ³ãƒˆã‚’æ¬¡ã®ã‚ˆã†ã«CSSã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚ ãƒ’ãƒ³ãƒˆä½ç½®ã‚‚ä¸Šä¸‹å·¦å³ã¨è‡ªç”±ã«é…ç½®ã§ãã€ã‚«ãƒ©ãƒ¼ãªã©ã‚‚CSSã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã¿ãŸã„ ã‚·ãƒ³ãƒ—ãƒ«ã§è»½é‡ãªã®ãŒãƒ¡ãƒªãƒƒãƒˆã§ã—ã‚‡ã†ã‹ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã„ã‚ã‚“ãªç¨®é¡žã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’ç°¡å˜å®Ÿè£…ã§ãã‚‹ã€ŒOpentipã€ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ä»–å¤šç¨®å¤šæ§˜ãªæ©Ÿèƒ½ãŒè©°ã¾ã£ãŸjQueryãƒ™ãƒ¼ã‚¹ã®UIã‚ãƒƒãƒˆã€ŒjKitã€ å¯æ„›ã„ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’å®Ÿè£…ã—ãŸjQueryï¼†CSS3ã®ãƒ‡ãƒ¢ã€ŒSweet Tooltipã€ è‰²ã€…ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPowerTipã€
bigwest 2013/02/15
css

tips
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã—ã£ã‹ã‚Šå¦ã¹ã‚‹è‰¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ -Learn CSS Layout
å½“ã‚µã‚¤ãƒˆã§ã¯Cookieã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚å¼•ãç¶šãå½“ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘å…¥ã‚ŒãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚ä»Šå¾Œè¡¨ç¤ºã—ãªã„è©³ã—ãè¦‹ã‚‹
bigwest 2013/01/15
css

layout
ãƒªãƒ³ã‚¯
[JS]ãƒ–ãƒ©ã‚¦ã‚¶ã¨ãã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã ã‘ã§ãªãOSã‚‚ãƒ‡ãƒã‚¤ã‚¹ã‚‚ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚‚åˆ¤å®šã—ã€CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã§åˆ©ç”¨ã§ãã‚‹ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -CSS Browser Selector+
IE6/7/8/9, Firefox, Chrome, Safari, Operaã¯å½“ãŸã‚Šå‰ã€Win, Mac, Linuxãªã©ã®OSã€iPhone, Android, iPod, iPadãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚µã‚¤ã‚ºã€è¨€èªžãªã©ã‚’åˆ¤å®šã—ã€ãã‚Œã‚‰ã‚’CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã§åˆ©ç”¨ã§ãã‚‹ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Browser Selector+ CSS Browser Selector+ã®ç‰¹å¾´ CSS Browser Selector+ã®ä½¿ã„æ–¹ CSS Browser Selector+ã®ç‰¹å¾´ CSS Browser Selector+ã¯ãƒãƒƒã‚¯ç„¡ã—ã§ã€ã•ã¾ã–ã¾ãªUAã‚’CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã§æŒ‡å®šã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é©ç”¨ã€ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç”¨ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ã‚¿ã‚¤ãƒ«ã«ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ CSS Browser Selector+ãŒåˆ¤åˆ¥ã™ã‚‹ã®
bigwest 2013/01/10
javascript

css
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸