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

userinjapan id:userinjapan

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

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

Firefox ã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç·¨é›†ã™ã‚‹
Firefox57 ä»¥é™ã€æ—§ã‚¢ãƒ‰ã‚ªãƒ³å»ƒæ¢ã«ã‚ˆã‚Šä½¿ç”¨ã§ããªããªã£ãŸ Menu Wizard ã®ä»£æ›¿ãˆã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚æ®‹å¿µãªãŒã‚‰ã€ WebExtensions API ã§ã¯ã€ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ç·¨é›†ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’ä½œæˆã§ããªã„ãŸã‚ã€è‡ªåˆ†ãªã‚Šã«ä»£æ›¿ãˆã—ã¾ã—ãŸã€‚ å®Ÿç¾æ–¹æ³•ã“ã‚Œã¾ã§ã¯ã€ Menu Wizard ã‚’ä½¿ç”¨ã—ã¦ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç·¨é›†ã—ã¦ã„ã¾ã—ãŸã€‚ã§ã™ãŒã€ã‚ˆãã‚ˆãè€ƒãˆã‚‹ã¨ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼ˆå³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼‰ã®å‰Šé™¤ï¼ˆéžè¡¨ç¤ºï¼‰ã—ã‹ã—ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚å‰Šé™¤ã ã‘ã§ã‚ã‚Œã°ã€ userChrome.css ã«ã‚ˆã‚‹ CSS ã® FirefoxUI ç·¨é›†ã§å®Ÿç¾ã§ãã¾ã™ã€‚ãªã®ã§ã€ userChrome.css ã§å®Ÿç¾ã—ã¾ã™ã€‚ å®Ÿç¾çµæžœå¤‰æ›´å‰å¤‰æ›´å¾ŒuserChrome.css ã¸ã®è¿½åŠ ã‚³ãƒ¼ãƒ‰ä¸‹è¨˜ã®è¿½åŠ ã‚³ãƒ¼ãƒ‰ã‚’ userChrome.css ã«å°Žå…¥ã™ã‚‹ã“ã¨ã§ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ç·¨é›†ã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ åˆ©ç”¨è€…
userinjapan 2026/03/08
firefox

css

tips
ãƒªãƒ³ã‚¯
Responsive web design tool, CMS, and hosting platform | Webflow
EnterpriseAdvanced collaboration workflows and enterprise-grade scalability.
userinjapan 2018/07/11
webdesign

webservice

html

css
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹ãªã‚‰é ã«å…¥ã‚Œã¦ãŠãã¹ãåŸºæœ¬äº‹é …7ã¤ | æ ªå¼ä¼šç¤¾LIG
ã©ã†ã‚‚ã€œã“ã‚“ã«ã¡ã¯ãï¼ã€€æœ€è¿‘ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒå¤šã„ãƒ©ã‚¤ã‚¿ãƒ¼ã®ã€ã®ã³å¤ªã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæœ€è¿‘ã©ã‚“ã©ã‚“å¢—ãˆã¦ãã¦ã„ã‚‹ã®ã§ã€Webåˆ¶ä½œè€…ã«ã¨ã£ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã£ã¦ã“ã¨ãŒå¿…é ˆã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªãã€œã£ã¦æ„Ÿã˜ã¾ã™ãã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹ã¨ãã«æ„è˜ã—ãªãã‚ƒã„ã‘ãªã„ã“ã¨ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ã€Œã“ã‚Œã¯ãœã£ãŸã„ã«çŸ¥ã£ã¦ãŠããŸã„ã‚ˆãï¼ã€ã£ã¦æ„Ÿã˜ãŸåŸºæœ¬çš„ãªã“ã¨ã‚’7ã¤ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹ã¨ãã«æ„è˜ã—ã¦ãŠããŸã„åŸºæœ¬é …ç›®7ã¤ 1. ç”»åƒã®ä»£ã‚ã‚Šã«ãªã‚‹ã¹ãCSSã§è¡¨ç¾ã™ã¹ã— ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ç”»åƒã‚’ä½¿ã†ã¨ã€ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯PCã«æ¯”ã¹ã¦å›žç·šé€Ÿåº¦ãŒé…ã„ãŸã‚ã€èªã¿è¾¼ã¿æ™‚é–“ãŒä½™è¨ˆã«ã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€ç”»åƒã§ã¯ãªãCSSã§è¡¨ç¾å¯èƒ½ãªã‚‚ã®ã¯ã©ã‚“ã©ã‚“ä»£æ›¿ã—ã¦ã„ã£ãŸã»ã†ãŒã„ã„ã¨æ€ã„ã¾ã™ã€‚ ç«‹ä½“ãƒœã‚¿ãƒ³ã‚„çŸ¢å°ã
userinjapan 2015/09/24
webdesign

html

css

accessibility
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ã—ã‹ã‚‚é«˜å“è³ªï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¾Žã—ã„Webãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ãŸã‚ã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ãƒ–ãƒã‚°ãªã©ã€ä»Šæ™‚ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸHTML5+CSS3ã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ã†ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„HTML5/CSS3ã®å‹‰å¼·ã¨ã—ã¦ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã«ã‚‚ã„ã„ã§ã™ãã€‚
userinjapan 2015/05/15
webdesign

template

html

css
ãƒªãƒ³ã‚¯
Google ãŒè¨€ã† ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã¨ã¯ï¼Ÿ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã§è‰²ã€…è©¦ã—ã¦ã¿ãŸ
Google ãŒè¨€ã† ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã¨ã¯ï¼Ÿ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã§è‰²ã€…è©¦ã—ã¦ã¿ãŸ Google ãŒãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢ã®é †ä½æ±ºå®šæ™‚ã« ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã‹ã©ã†ã‹ã‚’é‡è¦ãªã‚·ã‚°ãƒŠãƒ«ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã“ã¨ã«é–¢é€£ã—ã¦ã€ãã‚‚ãã‚‚ Google ã¯ä½•ã‚’æ ¹æ‹ ã« ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã‹ã©ã†ã‹ã‚’åˆ¤æ–ã—ã¦ã„ã‚‹ã®ã‹ã€ã¨ã„ã†ç‚¹ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ å…ˆé€±ã§ã™ãŒã€Google ãŒ Official Google Webmaster Central Blog ã§ã€2015å¹´ 4æœˆ 21æ—¥ ï¼ˆç±³å›½æ™‚é–“ï¼‰ ã‹ã‚‰ã€ãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢ã®é †ä½æ±ºå®šæ™‚ã«ã€ãã® Web ã‚µã‚¤ãƒˆãŒ ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã‹ã©ã†ã‹ã‚’é‡è¦ãªã‚·ã‚°ãƒŠãƒ«ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã¨ç™ºè¡¨ã—ã¾ã—ãŸã€‚ Finding more mobile-friendly search results ï¼š Official Google Webmaster
userinjapan 2015/03/02
webdesign

google

html

css

mobile
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
userinjapan 2015/01/29
webdesign

template

html

css

javascript
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã‚‹ã‚ãªãŸã¸ - ã‚¦ã‚§ãƒ–é›‘è¨˜
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã¾ã£ãŸãã‚ã‹ã‚‰ãªã„é ƒã«ã‚ˆãè¦‹ã¦å‹‰å¼·ã—ã¦ãŸè³‡æ–™ç¾¤ã§ã™ã€‚ï¼‹ã„ãã¤ã‹ã®è‡ªåˆ†ã§ä½œã£ãŸè³‡æ–™ SlideShare è‰²å½©ã‚»ãƒ³ã‚¹ã®ã„ã‚‰ãªã„é…è‰²è¬›åº§ è‰²ç›¸ã€æ˜Žåº¦ã€å½©åº¦ã§è‰²ã‚’èª¬æ˜Žã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã§é…è‰²ã‚’èª¬æ˜Žã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãã®ä¸Šã§ã€ã‚ã¾ã‚Šé–“é•ã„ã®ãªã„è‰²ã®é¸ã³æ–¹ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®é…è‰²ç†è«– æœ€å¾Œã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã“ã®ãƒ„ãƒ¼ãƒ«ãŒãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã‚‹ä¸Šã§ä¾¿åˆ©ã€‚ ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®ä¼ç”»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ åƒè¶ŠãªãŒã‚‰æ˜Žæ²»å¦é™¢å¤§å¦ã§è¬›ç¾©ã—ãŸæ™‚ã«ä½œã£ãŸè³‡æ–™ã€‚ ãªã‚“ã¨ãªãã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã¨ãã®æµã‚Œã¨ã‹æ„Ÿã˜ã¦ã‚‚ã‚‰ãˆãŸã‚‰å¹¸ã„ã§ã™ã€‚ ã‹ã‚“ãŸã‚“ã‚ãƒ¬ã‚¤ãªã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ åƒè¶ŠãªãŒã‚‰å‹‰å¼·ä¼š (UT Startup Gym) ç”¨ã«ä½œã£ãŸè³‡æ–™ã€‚ ãªã‚“ã¨ãªã CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¦
userinjapan 2014/07/06
webdesign

css
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ãŒæ—ã‚‹ï¼çŸ¥è˜ãŒå¢—ãˆã‚‹2014å¹´ãƒˆãƒ¬ãƒ³ãƒ‰ã¾ã¨ã‚
ä½œæˆï¼š2014/06/9 Webåˆ¶ä½œ > ãƒˆãƒ¬ãƒ³ãƒ‰æ„Ÿã®ã‚ã‚‹å‹•ãã‚„ã€æ´—ç·´ã•ã‚ŒãŸè¦‹ãˆæ–¹ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ã‚„æ–¹æ³•ãªã©ã€‚Webåˆ¶ä½œã®ç¾å ´ã§çŸ¥ã£ã¦ãŠãã¹ãã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚å…¨éƒ¨å–ã‚Šå…¥ã‚Œã‚‹ã®ã¯ç„¡ç†ã§ã™ãŒã€æŠ¼ã•ãˆã¦ãŠãã“ã¨ã§ä»Šä»¥ä¸Šã«è¦‹æ „ãˆã®ã™ã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã“æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãŠã•ã‚‰ã„ã—ãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã§ä½¿ã„ãŸã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ï¼‘ï¼Žãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ ï¼’ï¼Žãƒãƒªã‚´ãƒ³ ï¼“ï¼Žãƒ©ãƒ¼ã‚¸ãƒ•ã‚©ãƒˆã‚¹ã‚¿ã‚¤ãƒ« ï¼”ï¼Žãƒ–ãƒ©ãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ï¼•ï¼Žãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å‹•ç”» ï¼–ï¼Žç”»åƒã‚·ãƒ¼ã‚±ãƒ³ã‚¹ è„±ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒ ï¼—ï¼ŽSVG ï¼˜ï¼ŽWebãƒ•ã‚©ãƒ³ãƒˆã‚’å††ã§å›²ã‚€ é…è‰²ãƒ»ãƒ•ã‚©ãƒ³ãƒˆ ï¼™ï¼Žé…è‰²(ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³) ï¼‘ï¼ï¼Žã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£(ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³) ï¼‘ï¼‘ï¼Žãƒ•ã‚©ãƒ³ãƒˆ(ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³) åŠ¹æžœ ï¼‘ï¼’ï¼ŽInfinite Scroll(ç„¡é™ã‚¹ã‚¯
userinjapan 2014/06/09
webdesign

html

css

javascript

#links
ãƒªãƒ³ã‚¯
å‹•ãCSSã®ãŸã‚ã®ãƒ¡ãƒ¢ã€‚
CSSã§ã§ãã‚‹äº‹ãŒã©ã‚“ã©ã‚“å¢—ãˆã¦ã¾ã™ã€‚JavaScriptã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚‚ã€CSSã ã‘ã§ä½œã‚Œã¡ã‚ƒã†ã»ã©ã€ä¾¿åˆ©ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã˜ã‚ƒã‚“ã˜ã‚ƒã‹å¢—ãˆã¾ã—ãŸãã€‚ã“ã“ã§ã¯ã€è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ãŸã‚ã®CSSã‚’ä½¿ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ã‚†ã“ã†ã¨æ€ã„ã¾ã™:)ã€‚ CSSã§å‹•ã‹ã™ ã€Œå‹•ãã€ã¨ã„ã£ã¦ã‚‚ã€è‡ªç”±è‡ªåœ¨ã«ãã«ã‚ƒãã«ã‚ƒå‹•ã‹ã›ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æ•°å€¤ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«å¢—æ¸›ã•ã›ã‚‹ã“ã¨ã§ã€è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ»‘ã‚‰ã‹ã«å¤‰åŒ–ã•ã›ã¾ã™ã€‚ ä¾‹ãˆã°ã€ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€pè¦ç´ ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸæ™‚ã«ã€font-sizeã®å€¤ã‚’ã€1emã‹ã‚‰2emã«ã€ã‚¹ãƒ ãƒ¼ã‚ºã«å¤‰åŒ–ã™ã‚‹ã‚ˆã†ã«æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ p { transition: font-size 1s; } å‹•ã‹ã™ãŸã‚ã®ãƒžã‚¹ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãŸã‚ã«å¿…è¦ä¸å¯æ¬ ãªã®ãŒtransitionãƒ—ãƒãƒ‘ãƒ†ã‚£
userinjapan 2014/06/07
css

tips

webdesign
ãƒªãƒ³ã‚¯
http://plus.appgiga.jp/masatolan/2014/04/04/51522/
userinjapan 2014/04/11
learning

programming

html

css

links
ãƒªãƒ³ã‚¯
HTML5 Boilerplate: The webâ€™s most popular front-end template
HTML5 Boilerplate helps you build fast, robust, and adapta ble web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
userinjapan 2014/02/18
è‡³ã‚Œã‚Šå°½ãã›ã‚Šã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

webdesign

html

css

htaccess

template
ãƒªãƒ³ã‚¯
Flatis
userinjapan 2014/02/18
webdesign

html

css

jquery

javascript
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä¾¿åˆ©ï¼ã‚¢ã‚¤ã‚³ãƒ³åž‹Webãƒ•ã‚©ãƒ³ãƒˆã®CDNã€ŒFont Awesomeã€
ã¾ãšã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§Webãƒ•ã‚©ãƒ³ãƒˆã®å‘¼ã³å‡ºã—ã¾ã™ã€‚ å¾Œã¯ã€è¡¨ç¤ºã—ãŸã„ã¨ã“ã‚ã«ã‚³ãƒ¼ãƒ‰ã‚’æŒ¿å…¥ã™ã‚‹ã ã‘ã§ã™ã€‚ã‚µã‚¤ãƒˆå†…ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚³ãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã®åŸºæœ¬å½¢ã«ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ã¨è‰²ã€…ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¡ãªã¿ã«ã€Œfaã€ã¯è¡¨ç¤ºã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã€Œfa-sit emapã€ã¯ã‚¢ã‚¤ã‚³ãƒ³ã®ç¨®é¡žã‚’è¡¨ã—ã¾ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã®ä¸èº«ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-sit emap:before { content: "\f
userinjapan 2014/02/09
css

font

icon

tips
ãƒªãƒ³ã‚¯
å®‰å…¨ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒ•ã‚©ãƒ³ãƒˆ
Translation of: Bulletproof Accessible Icon Fonts by Filament Group ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹å ´åˆã€ã‚ã‚‰ã‚†ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é©åˆ‡ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’æä¾›ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã‹ãªã‚Šæ°—ã‚’ã¤ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãã®ãƒ•ã‚©ãƒ³ãƒˆãŒèªã¿è¾¼ã¾ã‚Œãªã‹ã£ãŸæ™‚ã«ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ@font-faceãŒã¾ã ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯ï¼Ÿã€€ã©ã†ã™ã‚Œã°å®‰å…¨ã«(bulletproofã«)ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã§ãã‚‹ã‹ã‚’ã“ã‚Œã‹ã‚‰è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ åŠ¹çŽ‡çš„ã§æ©Ÿèƒ½çš„ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ã¨ã„ã†ã€ã“ã®çµ‚ã‚ã‚‹ã“ã¨ã®ãªã„æŽ¢æ±‚ã«ãŠã„ã¦ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’æä¾›ã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã€ç°¡ä¾¿ã§ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒä½•åº¦ã‚‚ææ¡ˆã•ã‚Œã¦ãã¾ã—ãŸã€‚å¯¾ã—ã¦ç§é”ã¯é€šå¸¸ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦SVGã‚’Ian FeatherãŒãƒ–ãƒã‚°æ›¸ã„ãŸã‚ˆã†ãªç†ç”±ã‹ã‚‰é¸ã‚“ã§(ã¾ãŸã€è–¦ã‚ã¦)ãŠã‚Šã€æ—¢ã«
userinjapan 2014/02/09
css

icon

font

tips
ãƒªãƒ³ã‚¯
headå†…ã«ã‚³ãƒ¼ãƒ‰ã‚’ä¸€è¡Œæ›¸ãè¶³ã™ã ã‘ã§æ½¤æ²¢ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒã™ãä½¿ãˆã‚‹ã€ŒFont Awesomeã€ãŒä¾¿åˆ© * prasmï¼ˆãƒ—ãƒ©ã‚ºãƒ ï¼‰
ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ä¾¿åˆ©ã§ã™ã€‚ è‡ªåˆ†ã§ã„ã¡ã„ã¡ã‚¢ã‚¤ã‚³ãƒ³ã‚’æ›¸ãå¿…è¦ãŒãªããªã‚‹ã—ã€ãƒ¬ãƒ†ã‚£ãƒ¼ãƒŠã‚„é«˜è§£åƒåº¦ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã‚‚è¡¨ç¤ºãŒæ±šããªã‚‰ãªã„ã—ã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ä¾¿åˆ©ã§ã™ã€‚ ã¾ã ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ãŸã“ã¨ã®ãªã„æ–¹ã¯ã€å°Žå…¥é¢å€’ãªã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿã¨ãŠè€ƒãˆã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ„å¤–ã«ç°¡å˜ã§ã™ã€‚ ç°¡å˜ã£ã¦è¨€ã†ã‹ã€ä¸€è¡Œã§ã™ã€‚å˜˜ã ã¨æ€ã£ãŸã‚‰ã€ã“ã“ã‹ã‚‰å…ˆã®è¨˜äº‹ã‚’ã©ã†ãžã€‚ ä½¿ã„å‹æ‰‹ã®ã„ã„ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒFont Awesomeã€ ã¨ã«ã‹ãå°Žå…¥ã¯æ‰‹è»½ã§ã™ã€‚ Get Started with Font Awesome ï¼œheadï¼žï¼œ/headï¼žå†…ã«ä¸€è¡Œã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãè¶³ã—ã¾ã™ã€‚ <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> å¿…è¦ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ã‹ã‚‰èªã¿è¾¼ã‚€ã ã‘ã§ã™ã€‚ ãƒ¡ãƒª
userinjapan 2014/02/09
css

font

icon

tips
ãƒªãƒ³ã‚¯
CSS Reset - YUI Library
Note: The files "reset.css" and "reset-context.css" are deprecated, use "cssreset.css" and "cssreset-context.css" instead. The foundational CSS Reset removes the inconsistent styling of HTML elements provided by browsers. This creates a dependably flat foundation to build upon. With CSS Reset loaded, write explicit CSS your project needs. Note: CSS Base can complement CSS Reset by applying a style
userinjapan 2014/02/08
CSSãƒªã‚»ãƒƒãƒˆ

webdesign

css
ãƒªãƒ³ã‚¯
CSSã®font-familyæŒ‡å®šã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ï¼ˆ2013å†¬ï¼‰ - é è¿‘æ³•ãƒŽãƒ¼ãƒˆ
è¿½è¨˜ï¼šæœ€åˆã€ã†ã£ã‹ã‚Šã€Œ2013å†¬ã€ã£ã¦æ›¸ã„ã¦ã—ã¾ã£ãŸã‚“ã§ã™ã‘ã©ã€ã»ã‚“ã¨ã¯ã€Œæ˜¥ã€ã¨æ›¸ã‹ãªãã‚ƒã„ã‘ã¾ã›ã‚“ã§ã—ãŸï¼ˆæ±—ï¼‰*1 ã¨ã‚Šã‚ãˆãšä»Šã€CSSã®font-familyã§ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹ãªã‚‰ã°ã€ã“ã‚Œã§æ±ºã¾ã‚Šï¼ˆä¸€ç•ªä¸‹ã®è¿½è¨˜ã‚‚å‚ç…§ã§ï¼‰ã€‚ font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3', Meiryo, ãƒ¡ã‚¤ãƒªã‚ª, sans-serif;CSSã®font-familyæŒ‡å®šã€ã€Œã‚ãˆã¦ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã—ãªã„ã€ã£ã¦ã„ã†ã‚„ã‚Šæ–¹ã‚‚ã‚¢ãƒªã§ã™ãŒã€ã„ã‚ã„ã‚ãªäº‹æƒ…ã§ãã†ã‚‚è¨€ã£ã¦ã‚‰ã‚Œã¾ã›ã‚“ã€‚ã¨ã‚Šã‚ãˆãšä»Šç¾åœ¨ã®æœ€é©font-familyæŒ‡å®šã‚’è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€ä¸Šã®ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æŒ‡å®šé †åºã€å…¥ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€å…¥ã‚Œã¦ãªã„ãƒ•ã‚©ãƒ³ãƒˆã€ã™ã¹ã¦ã«æ„å‘³ãŒã‚ã‚Šã¾ã™ã€‚ ä»¥ä¸‹èª¬æ˜Žã€‚ ãƒ’ãƒ©ã‚®ãƒŽã¯Proã§ã¯ãªãProNã€‚ OS Xã®å’Œæ–‡æ¨™æº–ãƒ•ã‚©
userinjapan 2014/02/08
webdesign

css

font
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆå‘¨ã‚Šã§ä½¿ãˆã‚‹CSSã®å°æŠ€ã„ã‚ã„ã‚
ãƒ†ã‚ã‚¹ãƒˆå‘¨ã‚Šã§ä½¿ãˆã‚‹CSSã®å°æŠ€ã„ã‚ã„ã‚ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ¦‚å¿µãŒåºƒã¾ã‚Šã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä¸»ä½“ã®ã€Œèªã¾ã›ã‚‹ã€ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ããŸæ˜¨ä»Šã€‚ãƒ†ã‚ã‚¹ãƒˆå‘¨ã‚Šã‚’ã‚ˆã‚Šä¾¿åˆ©ã«ã€ã‚ˆã‚Šç´ æ•µã«è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ãªCSSã‚’ã„ãã¤ã‹é›†ã‚ã¾ã—ãŸã€‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å‘ä¸Šã‚‚å›³ã‚Œã‚‹ã‚ˆã†ãªã‚‚ã®ã‚‚ã‚ã‚‹ã®ã§è¦ãƒã‚§ãƒƒã‚¯ï¼åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒä¸å¿ƒãªã®ã§ã€åˆå¿ƒè€…ã•ã‚“ã€œä¸ç´šè€…ã•ã‚“ã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆå‘¨ã‚Šã§ä½¿ãˆã‚‹ CSS ã®å°æŠ€ã€€ç›®æ¬¡ãƒ†ã‚ã‚¹ãƒˆã‚’é¸æŠžã™ã‚‹æ™‚ã®è‰²ã‚’å¤‰æ›´è›å…‰ãƒšãƒ³ã§ç·šã‚’å¼•ã„ãŸã‚ˆã†ãªåŠ¹æžœé•·ã„ãƒ†ã‚ã‚¹ãƒˆã‚’ã€Œâ€¦ã€ã§çœç•¥ã™ã‚‹ç•ªå·ãƒªã‚¹ãƒˆã®è¡¨ç¾ã‚’å¤‰æ›´ãƒªãƒ³ã‚¯ã®ç¨®é¡žã§ã‚¢ã‚¤ã‚³ãƒ³å¤‰ãˆã‚‹è¨€èªžã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›´ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ—ãƒªãƒ³ãƒˆæ™‚ã¯ URL ã‚’è¡¨ç¤ºé•·ã„ URL ã‚’é€”ä¸ã§æŠ˜è¿”ã™é€”ä¸ã§æŠ˜ã‚Šè¿”ã•ãšã€æ¬¡ã®è¡Œã«å…ˆé ã®æ–‡å—ã‚’å¤§ããå…ˆé ã‚’ä¸€æ–‡å—åˆ†ã‚ã‘ã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ç‰¹è¨˜ã—ã¦ã„ãªã‘ã‚Œã° Chromeã€Safariã€Firefoxã€
userinjapan 2014/02/05
webdesign

css
ãƒªãƒ³ã‚¯
jsdo.it
Weâ€™re getting things ready Loading your experienceâ€¦ This wonâ€™t take long.
userinjapan 2014/02/03
neta

css
ãƒªãƒ³ã‚¯
å®Œç’§ã«åˆ†ã‹ã‚‹ï¼ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸€é€£ã®æµã‚Œã¨çŸ¥è˜(HTML5+ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–+WordPress)
ä½œæˆï¼š2014/01/27 æ›´æ–°ï¼š2015/08/07 Webåˆ¶ä½œ > å‰å›žã€Webåˆ¶ä½œã®ä¸€é€£ã®æµã‚Œã‚’æ›¸ãã¾ã—ãŸãŒã€ä»Šå›žã¯å°‘ã—æŽ˜ã‚Šä¸‹ã’ã¦ã€Œã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã®ãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¾ã™(HTML5+ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–+WordPress)ã€‚ä¼šç¤¾ã«ã‚ˆã£ã¦é•ã†ã¨æ€ã„ã¾ã™ãŒã€ã–ã£ãã‚Šã¨ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æµã‚Œã¨æ°—ã‚’ã¤ã‘ã¦ãŠããŸã„ã“ã¨ã‚’ãƒ¡ãƒ¢ã—ã¦ã„ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‰ã®æº–å‚™ ï¼‘ï¼Žä»•æ§˜æ›¸ã®ç¢ºèª ï¼’ï¼Žå…¥ç¨¿ãƒ‡ãƒ¼ã‚¿ã®ç¢ºèªãƒ»ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒªãƒ³ã‚° HTML5 ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ï¼“ï¼Žãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆä½œæˆ ï¼”ï¼Žæ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ ï¼•ï¼ŽGCFï¼‹ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚¯ãƒªã‚¢ ï¼–ï¼ŽOGPè¨˜è¿° ï¼—ï¼Žãƒ•ã‚¡ãƒ“ã‚³ãƒ³ ï¼˜ï¼Žã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ä½œæˆ ï¼™ï¼Žãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã‚’ãƒã‚§ãƒƒã‚¯ CSS ã®è¨å®š ï¼‘ï¼ï¼ŽãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã‚¹ã‚¿ã‚¤ãƒ« ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆ ï¼‘ï¼‘ï¼Žãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚’åŸºæº–ã«è¨è¨ˆ ï¼‘ï¼’ï¼Žãƒ—ãƒã‚°ãƒ¬ãƒƒ
userinjapan 2014/01/28
webdesign

html

css

wordpress
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸