[B! coding] nayo74ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nayo74 id:nayo74

codingã«é–¢ã™ã‚‹nayo74ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (58)

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

CSSã§ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ãƒœãƒƒã‚¯ã‚¹ã«æ²¿ã£ã¦èµ°ã‚‰ã›ã‚‹ | UNORTHODOX WORKBOOK | Blog
æ˜¨æ—¥ã«å¼•ãç¶šãã€CSSã®å°ãƒã‚¿ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã€ŒCSSã§ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ãƒœãƒƒã‚¯ã‚¹ã«æ²¿ã£ã¦èµ°ã‚‰ã›ã‚‹ã€ã¨ã‹ã€ã‚ˆãåˆ†ã‹ã‚‰ãªã„ã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãŒã€ç°¡å˜ã«ã„ã†ã¨ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ãƒœãƒƒã‚¯ã‚¹ã«æ²¿ã£ã¦ç§»å‹•ã•ã›ã‚‹æ–¹æ³•ã§ã€å››è§’ã„ãƒœãƒƒã‚¯ã‚¹ã®å¤–å‘¨ã‚’å›žã‚Šç¶šã‘ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å®Ÿè£…æ–¹æ³•ã«ãªã‚Šã¾ã™ã€‚ æ£ç¢ºã«ã¯ã€CSSã§ã„ã†ã¨ã“ã‚ã®borderãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã¯ãªãã¦ã€1pxã®é«˜ã•(ã¾ãŸã¯å¹…)ã‚’æŒã£ãŸè¦ç´ ã‚’CSSã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‹•ã‹ã—ã¦ã„ã¾ã™ã€‚ å››è§’ã„ãƒœãƒƒã‚¯ã‚¹ã®å¤–å‘¨ã‚’å›žã‚Šç¶šã‘ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã¯ è¨€è‘‰ã§ã¯èª¬æ˜Žã—ã¥ã‚‰ã„ã®ã§ã€ä»¥ä¸‹ã®å¥´ãŒãã†ã§ã™ã€‚DEMOã¨ã„ã†ãƒ†ã‚ã‚¹ãƒˆéƒ¨åˆ†ã‚’ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€2æœ¬ã®ç·šãŒç¾ã‚Œã¦å¤–å‘¨ã‚’å›žã‚Šã ã—ã¾ã™ã€‚ DEMO ãƒ’ãƒ¼ãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ã‚´ãƒ¼ã‚¹ãƒˆãƒœã‚¿ãƒ³ã‚’ä½¿ã„ãŸã‹ã£ãŸã¨ã„ã†ç†ç”±ã ã‘ã§ã€ãƒ‡ãƒ¢ã‚‚ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ãŸã ã®è‡ªå·±æº€è¶³ã€‚ ã“ã‚Œã®ã‚„ã‚Šæ–¹ å€‹äººçš„ã«ãªã‹ãªã‹é¢ç™½ã„åŠ¹æžœã ãªã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€å…¨ã¦CSSã§æ¯”è¼ƒçš„ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™(æ£æ–¹å½¢ã®å ´
nayo74 2017/07/27
motion

css

coding
ãƒªãƒ³ã‚¯
z-indexã§é‡ãªã‚ŠãŒç›´ã‚‰ãªã„å ´åˆã¯transformã®zè»¸ã‚’ç–‘ã£ã¦ã¿ã‚‹ | ARAKAZE NOTE
è¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦å°‘ã—ãƒãƒžã£ã¦ã—ã¾ã£ãŸã®ã§ãƒ¡ãƒ¢ã«æ®‹ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€è¿‘ä½œã£ãŸã‚µã‚¤ãƒˆã§ã€z-indexã‚’ã©ã†ã„ã˜ã£ã¦ã‚‚é‡ãªã‚Šé †ã‚’ç›´ã›ãªã„äº‹è±¡ã«éé‡ã—ã¾ã—ãŸã€‚ ã”ã¡ã‚ƒã”ã¡ã‚ƒã¨ã—ãŸæ§‹é€ ã®ã‚µã‚¤ãƒˆã ã£ãŸã®ã§åˆã‚ã¯æ™®é€šã«positionã®è¦ªåé–¢ä¿‚ã«ã‚ˆã‚‹ã‚‚ã®ã‹ãªã¨æ€ã„ã¾ã—ãŸãŒã€å…¨ã¦ã®positioinã‚’æ´—ã„å‡ºã—ã¦ã‚‚è§£æ±ºã›ãšâ€¦ã€‚ DeveropperToolã§ã²ã¨ã¤ã²ã¨ã¤ã‚¿ã‚°ã‚’è¦‹ã¦ã¿ã¦ã‚ˆã†ã‚„ãåŽŸå› ãŒåˆ¤æ˜Žã€‚ ã©ã†ã‚„ã‚‰å°Žå…¥ã—ã¦ã„ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã‚¿ã‚°ã«ç›´æ›¸ãã•ã‚ŒãŸstyleãŒåŽŸå› ã®ã‚ˆã†ã§ã—ãŸã€‚ ï¼ˆhtmlã‚„jsã‚’é–‹ã„ã¦è€ƒãˆã¦ã„ãŸã®ã§JSéƒ¨åˆ†ã®ç›´æ›¸ãã«æ°—ã¥ãã®ãŒé…ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸâ€¦ï¼‰ çŠ¯äººã¯ translate3d å•é¡Œã¨ãªã£ãŸç›´æ›¸ãã•ã‚ŒãŸstyleã¯ä»¥ä¸‹ã§ã™ã€‚ style="width: 800%; transition: 0s; -webkit-transition: 0s; -webkit
nayo74 2016/01/24
coding

z-index
ãƒªãƒ³ã‚¯
transmitã®ãƒ‡ã‚£ã‚¹ã‚¯ãƒžã‚¦ãƒ³ãƒˆæ©Ÿèƒ½ Ã— codekitãŒä¾¿åˆ©ã™ãŽã‚‹ - Layman's Web Creation.
æœ€è¿‘æœ¬æ ¼çš„ã«sassã‚„lessãªã©ã®cssãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½¿ã„å§‹ã‚ãŸ1shiharaã§ã™ã€‚ ã¾ãã€å…ˆæ—¥ã‚ã£ãŸHTML5å‹‰å¼·ä¼šã®ãŠé™°ã§ã™ã€‚ windowsã®æ™‚ã«ã¯ã„ã¡ã„ã¡å¤‰æ›â†’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã¨ã„ã†æ‰‹é †ã‚’è¸ã¾ãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸã®ã§ã€ã™ã”ãã‚ã‚“ã©ãã•ã„ã¨ã„ã†å°è±¡ã§ã—ãŸã€‚ ã—ã‹ã—ã€ã©ã†ã‚„ã‚‰codekitã¨ã„ã†ã‚½ãƒ•ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ã¨ç°¡å˜ã«ã§ãã‚‹ã¿ãŸã„ã§ã™ãã€‚ ãã“ã‹ã‚‰å®Ÿéš›ã«ä½¿ã„å§‹ã‚ã¦è¦‹ãŸå°è±¡ã§ã™ãŒã€ ç¥žã£ã™ãã€‚ã‚‚ã†æ™®é€šã®ä½œæ¥ä¸¦ã¿ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¿ã£ã¦ã„ã‚‰ã‚Œã‚‹ã€‚ ã—ã‹ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã‚ªãƒ¼ãƒˆãƒªãƒãƒ¼ãƒ‰ã—ã¦ãã‚Œã‚‹ã®ã§è‡³ã‚Œã‚Šã¤ãã›ã‚Šã§ã™ã€‚ ã§ã‚‚ãã€‚ãã‚Œã‚‚æ‰€è©®ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã®ã¿ã®è©±ã ã‚ã¨ã€‚æ€ã£ã¦ã„ãŸã‚“ã§ã™ã‚ˆåƒ•ã¯ã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæ§˜ã«ã¨ã‚Šã‚ãˆãšãƒˆãƒƒãƒ—ã ã‘ã§ã‚‚å…ˆã«ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ã—ã¦æ¬²ã—ã„ãªã‚“ã¦è¨€ã‚ã‚Œã‚‹ã¨è«¦ã‚ã¦ãŸã‚“ã§ã™ã‚ˆã€‚ ä¸€å›žä¸€å›žä¿å˜ã—ã¦transmitã«ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã€‚ çµå±€ã“ã†ãªã‚‹ã®ã‹ã¨ã€‚ ã„ã‚„ã„ã‚„ã€ã§ã‚‚å¾…ã¦ã‚ˆã€‚ã„
nayo74 2016/01/19
coding
ãƒªãƒ³ã‚¯
Diffchecker - Online diff tool to compare text to find the difference between two text files
Diffchecker will compare text to find the difference between two text files. Just paste your files and click Find Difference!
nayo74 2016/01/05
coding

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
jQueryã§è¦ªè¦ç´ ã‚„åè¦ç´ ã‚’å–å¾—ã™ã‚‹æ–¹æ³• | tagamidaiki.com
jQueryã§è¦ªè¦ç´ ã‚„åè¦ç´ ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãªã‚“ã ã‹ã‚“ã ã§æ›¸ã„ã¦ãŠã‹ãªã„ã¨å¿˜ã‚Œã¦ã—ã¾ã†ã®ã§ã€‚ã€‚ã€‚ è¦ªè¦ç´ ã‚’å–å¾—ã™ã‚‹ parent([æ¡ä»¶ç‰]) ç›´è¿‘ã®è¦ªè¦ç´ ã®ã¿ã‚’å–å¾—ã—ã€1ã¤ä¸Šä»¥ä¸Šã®è¦ªã‚’æŽ¢ã•ãªã„ã€‚ æ¡ä»¶ã‚’æ›¸ã‹ãªã‘ã‚Œã°ç›´è¿‘ã®è¦ªè¦ç´ ã‚’ã€æ¡ä»¶ã‚’æ›¸ãã¨æ¡ä»¶ã«ä¸€è‡´ã™ã‚‹å ´åˆã¯è¦ç´ ãŒã€ä¸€è‡´ã—ãªã„å ´åˆã¯ç©ºã®é…åˆ—ãŒè¿”ã£ã¦ãã‚‹ ä¾‹ï¼‰ #content ã®è¦ªè¦ç´ ã§ã‚ã‚‹ div ã‚’å–å¾—ã™ã‚‹ children([æ¡ä»¶ç‰]) ãã®è¦ç´ ã®åè¦ç´ ã®ã¿å–å¾—ã™ã‚‹ã€‚åå«ã¯å–ã£ã¦ã“ãªã„ã€‚ æ¡ä»¶ã«ã‚ã¦ã¯ã¾ã‚‹å ´åˆã¯ãã®è¦ç´ ãŒã€ã‚ã¦ã¯ã¾ã‚‰ãªã„å ´åˆã¯ç©ºã®é…åˆ—ã§è¿”ã£ã¦ãã‚‹ã€‚ ä¾‹ï¼‰ åè¦ç´ ã® span ã‚’å–å¾—ã™ã‚‹ ï¼ˆp ã«å›²ã¾ã‚ŒãŸ span ã¯å–å¾—å‡ºæ¥ãªã„ï¼‰ æœ€å¾Œã« jQueryã‚’ä½¿ã£ã¦é•·ã„ã§ã™ãŒã€æœªã ã«ã¡ã‚‡ãã¡ã‚‡ãã—ã‹ä½¿ã‚ãªã„ãŸã‚ãƒ¡ã‚½ãƒƒãƒ‰åã¨ä½¿ã„æ–¹ãŒè¦šãˆã‚‰ã‚Œãªã„ã€‚ã€‚ã€‚ ã¨ã„ã†ã“ã¨ã§ãƒ¡ãƒ¢è¨˜äº‹ã§ã—ãŸã€‚èª°ã‹ã®å‚è€ƒã«ãªã‚Œã°ï¼ï¼
nayo74 2015/12/31
coding
ãƒªãƒ³ã‚¯
[jQuery] ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ãƒªã‚µã‚¤ã‚ºæ“ä½œãŒçµ‚ã‚ã£ãŸæ™‚ã«ã ã‘å‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ | CreativeStyle
ã‚¿ã‚¤ãƒˆãƒ«ã«æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã‚’å®Ÿç¾ã—ã‚ˆã†ã¨ã—ã¦ã€å°‘ã—æ‚©ã‚“ã ã®ã§ãƒ¡ãƒ¢ã€‚ ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ãƒªã‚µã‚¤ã‚ºæ“ä½œã‚„jQueryã«é™ã‚‰ãšã€çŸã„å‘¨æœŸã§é€£ç¶šã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹å ´åˆã«ã€ä¸€é€£ã®æœ€å¾Œã®ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸæ™‚ã«ã ã‘ä½•ã‚‰ã‹ã®å‡¦ç†ã‚’è¡Œã„ãŸã„æ™‚ã«ä½¿ãˆã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ä½•ã‚‚å·¥å¤«ã›ãšã«æ›¸ãã¨â€¦ ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚
nayo74 2015/12/31
coding
ãƒªãƒ³ã‚¯
Flexbox SASS mixin w/ Browser List
nayo74 2015/12/30
coding
ãƒªãƒ³ã‚¯
jsã®ã‚³ãƒ¼ãƒ‰ã«ã§ã¦ãã‚‹ return false; ã£ã¦ãªã‚“ã - akane_memo
return false;ã¯aè¦ç´ ã«clickã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹éš›ã«å¿…è¦ãªè¨˜è¿°ã§ã€ return false;ãŒãªã„ã¨clickã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè¡Œã—ãŸå¾Œã«ãƒªãƒ³ã‚¯å…ˆã«ç§»å‹•ã—ã¦ã—ã¾ã† ãã‚Œã‚’é˜²ãç‚ºã®è¨˜è¿°ã‚‰ã—ã„ return false;ã‚’clickã‚¤ãƒ™ãƒ³ãƒˆã®æœ€å¾Œã«è¨˜è¿°ã™ã‚Œã°ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©è‡ªä½“ãŒfalseã‚’è¿”ã™ã“ã¨ã§ã€ æœ¬æ¥ã‚¤ãƒ™ãƒ³ãƒˆãŒè¡Œã†å‡¦ç†ã‚’ã‚ãƒ£ãƒ³ã‚»ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ ä¾‹ãˆã° $(functin(){ $("a").click(function(){ $("img").attr("src","cat.jpg").attr("alt","ã«ã‚ƒãƒ¼"); return false; )} )} <a href="cat.jpg">ç”»åƒã‚’å¤‰æ›´</a> <p><img src="dog.jpg" alt="ã‚ã‚“"></p> ã“ã®å ´åˆã€aè¦ç´ ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸéš›ã«ã¯jQueryã®å‘½ä»¤ã ã‘ãŒå®Ÿè¡Œã•ã‚Œã€href
nayo74 2015/12/28
coding
ãƒªãƒ³ã‚¯
Home - Facebooké–‹ç™ºè€…
2024å¹´9æœˆ27æ—¥Meta Connect 2024é–‹ç™ºè€…å‘ã‘æƒ…å ±ã¾ã¨ã‚ Metaã¯ã€ä»Šå¹´ã§11å›žç›®ã¨ãªã£ãŸConnectã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹(ç±³å›½æ™‚é–“9æœˆ25ï½ž26æ—¥ã«é–‹å‚¬)ã§ã€MR(è¤‡åˆç¾å®Ÿ)ã€AIã€ã‚¦ã‚§ã‚¢ãƒ©ãƒ–ãƒ«ã®æœ€æ–°æƒ…å ±ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚äººé–“ä¸å¿ƒã®ã‚ªãƒ¼ãƒ—ãƒ³ãªã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®å®Ÿç¾ã¨ã„ã†ã€Metaã®ãƒ“ã‚¸ãƒ§ãƒ³ã«ã¾ãŸä¸€æ©è¿‘ã¥ãã¾ã—ãŸã€‚ MetaãŒç™ºè¡¨ã—ãŸå¿…è¦‹ã®ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä»¥ä¸‹ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚åŸºèª¿è¬›æ¼”å…¨ç·¨ã‚„å„ç™ºè¡¨äº‹é …ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã”è¦§ãã ã•ã„ã€‚ ... äººå·¥çŸ¥èƒ½, é–‹ç™ºè€…ãƒ„ãƒ¼ãƒ«, ãƒãƒ¼ãƒãƒ£ãƒ«ãƒªã‚¢ãƒªãƒ†ã‚£, Facebookã‚³ãƒã‚¯ãƒˆ 2024å¹´10æœˆ1æ—¥Introducing new features for the Threads API We want to make Threads the place where people, especially
nayo74 2015/11/20
facebook

development

coding
ãƒªãƒ³ã‚¯
The Open Graph protocol
Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different techno logies and schemas exist and could be combined together, there isn't a single techno logy which provides enough information to richly represent any
nayo74 2015/11/20
facebook

ogp

web

coding
ãƒªãƒ³ã‚¯
Hayaku!
forÂ SublimeÂ TextÂ 2Download from GitHubthrough Package ControlFuzzy abbreviationsWith hayaku you don't need to rem ember abbreviations and use cheatsheets. You can write just any way you like the abbreviations to be and Hayaku would try it's best to guess what you need. That way all those abbreviations are equal: oho:hovhioverfl:hidnFast valuesHayaku gives you a way to write numeric and color values
nayo74 2015/11/15
coding

SublimeText2
ãƒªãƒ³ã‚¯
ã€CSS3ã€‘ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¨ã¯ï¼Ÿã€€ï¼ˆãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã£ã¦ã¯ä¸è¦ï¼‰
ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ï¼ˆæŽ¥é è¾žï¼‰ã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ãƒ¼ãŒç‹¬è‡ªã®æ‹¡å¼µæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã¨ãã€ã¾ãŸã¯è‰æ¡ˆæ®µéšŽã®ä»•æ§˜ã‚’å…ˆè¡Œå®Ÿè£…ã™ã‚‹å ´åˆã«ä»˜ã‘ã‚‹è˜åˆ¥åã®ã“ã¨ã§ã™ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã‘ã¦ãã‚ŒãŒæ‹¡å¼µæ©Ÿèƒ½ã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã—ã¾ã™ã€‚ å·¦ãŒãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã€å³ã«æ›¸ã„ãŸã‚‚ã®ãŒå„ãƒ–ãƒ©ã‚¦ã‚¶åã§ã™ã€‚ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®æ›¸ãæ–¹ ã€å‚è€ƒã‚½ãƒ¼ã‚¹ã€‘ .foo { -o-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } border-radiusï¼ˆè§’ä¸¸æŒ‡å®šï¼‰ã¨ã„ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å‰ã«ã€å…ˆã»ã©ç´¹ä»‹ã—ãŸã€Ž-ms-ã€ã¨ã‹ã€Ž-o-ã€ãªã©ãŒã¤ã„ã¦ã„ã¾ã™ãã€‚ åˆ¥ã®æŒ‡å®šã™ã‚‹å ´åˆã‚‚ã€åŒã˜ããƒ—ãƒãƒ‘ãƒ†ã‚£ã®å‰ã«ã“ã‚Œã‚‰ã‚’ã¤ã‘ã¾ã™ã€‚ æ›¸ãæ–¹ã®é †ç•ªã§ã™ãŒã€ä¸Šè¨˜ã®ä¾‹ã§ã¯ãƒ™
nayo74 2015/11/15
ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹

css3

coding
ãƒªãƒ³ã‚¯
[HTML5]æ£ã—ã„figureè¦ç´ ã®ä½¿ã„æ–¹(æ–‡è„ˆã¾ã§æ·±ãè€ƒãˆãŸ)
figureè¦ç´ ã«ã¯ä½•ã‚’å…¥ã‚Œã‚‰ã‚Œã‚‹ã®ã‹ figureè¦ç´ ã«ã¯ä½•ã‚’å…¥ã‚Œã‚‰ã‚Œã‚‹ã‹ã€ã©ã†ä½¿ã†ã¹ããªã®ã‹ãŒç–‘å•ã«ãªã£ãŸã®ã§è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ ç™ºç«¯ï¼šãƒªã‚¹ãƒˆã«ã‚¿ã‚¤ãƒˆãƒ«ã‚’ã¤ã‘ãŸã„ ã“ã®figureè¦ç´ ã«ã¤ã„ã¦è€ƒãˆã‚‹ãã£ã‹ã‘ã«ãªã£ãŸã®ã¯ã€ãƒ–ãƒã‚°å†…ã§ã€Œã‚¿ã‚¤ãƒˆãƒ«ã®ä»˜ã„ãŸãƒªã‚¹ãƒˆã€ã‚’ä½œã‚ŠãŸã„ã¨æ€ã£ãŸæ™‚ã§ã™ã€‚ åˆ¥ã«è¦‹å‡ºã—è¦ç´ ã®ç›´å¾Œã«ãƒªã‚¹ãƒˆã‚’ç½®ã‘ã°èªã¿æ‰‹ã«ã¯ãã‚Œã«ã¤ã„ã¦ã®ãƒªã‚¹ãƒˆã ã¨èªè˜ã•ã‚Œã‚‹ã‚“ã§ã—ã‚‡ã†ã‘ã©â€¦å ´åˆã«ã‚ˆã£ã¦ã¯ãªã‚“ã‹ã—ã£ãã‚Šãã¾ã›ã‚“ã€‚ ã ã£ã¦ç”»åƒã¯figureã§å›²ã‚ã°figcaptionã§ã€inputã«ã¯labelã§ã€tableã«ã¯captionã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—çš„ã«ã—ã£ã‹ã‚Šé–¢é€£ã¥ã„ãŸã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ãŒã¤ã‘ã‚‰ã‚Œã‚‹ã®ã«ã€ãƒªã‚¹ãƒˆã‚„å®šç¾©ãƒªã‚¹ãƒˆã€ã‚ã¨ã‚³ãƒ¼ãƒ‰ã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ãŒã¤ã‘ã‚‰ã‚Œãªã„ã®ã¯å¤‰ã§ã™ã‚ˆã€å¤‰ã ã‚ˆãªãƒ¼ã€‚ã¨æ€ã£ã¦ãŸã‚ã‘ã§ã™ã€‚ figureè¦ç´ ã®èª¬æ˜Žã‚’èªã‚“ã HTML5.JPã‚’èªã¿ã«è¡Œãã¾ã—ã‚‡ã†ã€‚ã™ã‚‹ã¨ figure è¦
nayo74 2015/11/15
coding

html5
ãƒªãƒ³ã‚¯
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and em ails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. Weâ€™re constantly adding new resources and code snippets, includi
nayo74 2015/11/13
coding

webdesign
ãƒªãƒ³ã‚¯
Bootstrap
Bootstrap BootstrapÂ v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites withÂ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w
nayo74 2015/11/13
Responsive

coding
ãƒªãƒ³ã‚¯
Responsive Grid System (CSS Framework)
For Fast, Intuitive Web DevelopmentResponsive Grid Systemmobile first12, 16 & 24 columnclearfix optional gutters1kb compressed box-sizing polyfillrespond.js polyfill  <div class="container row"> <header role="banner" class="row"> <h1 class="col span_4">No Account Casino - Play Without Registration</h1> <h2 class="col span_8">Experience hassle-free gaming with our no account
nayo74 2015/11/13
webdesign

Responsive

coding
ãƒªãƒ³ã‚¯
è¦‹ãŸç›®ã‚’ç¶ºéº—ã«æ•´åˆ—ã™ã‚‹ï¼ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹JS3é¸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãŠç–²ã‚Œæ§˜ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ¢ãƒ¢ã‚³ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«ã„ã–æœ¬ç•ªã®æ–‡è¨€ã‚’å…¥ã‚ŒãŸã‚‰ã€äºˆæƒ³ä»¥ä¸Šã«é•·ã•ãŒãƒãƒ©ãƒãƒ©ã§è¦‹ãŸç›®ãŒæƒã‚ãªã„â€¦ï¼ãªã‚“ã¦ã“ã¨ã€ã‚ã‚Šã¾ã™ã‚ˆãã€‚ä»Šå›žã¯ãã‚“ãªæ™‚ã«æ´»èºã—ã¦ãã‚Œã‚‹ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹jsã‚’3ã¤ã”ç´¹ä»‹ã—ã¾ã™ã€‚ heightLine.js é…å¸ƒãƒšãƒ¼ã‚¸ <script type="text/javascript" src="heightLine.js"></script> classåã®ã¤ã‘æ–¹ã«ã‚ˆã£ã¦é«˜ã•ã‚’æƒãˆã‚‹è¦ç´ ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹Javascriptã§ã™ã€‚ åè¦ç´ ã®é«˜ã•ã‚’çµ±ä¸€ã§ãã‚‹ã€ŒheightLineParentã€ãŒä¾¿åˆ©ã§è‰¯ããŠä¸–è©±ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ jQueryAutoHeight.js é…å¸ƒãƒšãƒ¼ã‚¸â€»ã“ã®ãƒšãƒ¼ã‚¸ã¯ç¾åœ¨å‰Šé™¤ã•ã‚Œã¦ã„ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <s
nayo74 2015/11/13
jquery

javascript

coding
ãƒªãƒ³ã‚¯
CSS Tools: Reset CSS
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a
nayo74 2015/11/13
css

coding
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚ä¸€çž¬ç‚¹æ»…ã™ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†å®Ÿé¨“
ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ä»¥å¤–ã®æ–¹æ³•ã§ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã«ã‚ˆã£ã¦ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ãŸã“ã¨ã‚’åˆ©ç”¨è€…ã«ã‚ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹æ–¹æ³•ã¯ãªã„ã‹ã¨ã„ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã§ã®ç§»å‹•æ™‚ã«ç”»é¢ã‚’ä¸€çž¬ç‚¹æ»…ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ jQuery ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã‚¿ã‚¤ãƒˆãƒ«ãŒ ï¼ˆè¬Žï¼‰ ãªæ„Ÿã˜ã§ã™ãŒ...... ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã§ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ç§»å‹•ã•ã›ãŸã‚Šã™ã‚‹ã¨ãã€æœ€è¿‘ã¯æ‰€è¬‚ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã£ã¦ã‚„ã¤ã‚’å®Ÿè£…ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¾ã™ã‚ˆãã€‚ãƒ‘ãƒƒã¨çž¬æ™‚ã«ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ã¦ã—ã¾ã†ã¨ã€ãƒšãƒ¼ã‚¸å†…ã§ç§»å‹•ã—ãŸã“ã¨ãŒã‚ã‹ã‚Šã«ãã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡¦ç†ã‚’å…¥ã‚Œã‚‹ã“ã¨ã§ã‚ã‹ã‚Šã‚„ã™ãã—ã¦ã‚ã’ã¾ã—ã‚‡ã†ã£ã¦è¨€ã†ã€è¦ªåˆ‡å¿ƒã‹ã‚‰æŽ¡ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ å®Ÿè£…æ–¹æ³•ã¯ JavaScript ã¨ CSS ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®çµ„ã¿åˆã‚ã›ã‚„ã€JavaScript ï¼ˆã¨ã„ã†ã‹ jQueryï¼‰ ã§ã¨ã„ã†ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å®Ÿè£…æ–¹æ³•ã¯ã©ã‚ŒãŒè‰¯ã„ã®
nayo74 2015/05/15
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jQuery

webdesign

*ã‚¢ã‚¤ãƒ‡ã‚¢

coding
ãƒªãƒ³ã‚¯
ãƒžã‚¦ã‚¹ã®å‹•ãã«è¿½å¾“ã—ã¦ãã«ã‚‡ãã«ã‚‡ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery.morphing.jsã€
ãƒžã‚¦ã‚¹ã®å‹•ãã«è¿½å¾“ã—ã¦ãã«ã‚‡ãã«ã‚‡ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery.morphing.jsã€ ã€Œjquery.morphing.jsã€ã¯ç”»åƒãªã©ã‚’ä¸¸ãã—ã¦ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ãƒ¼ã®å‹•ãã«è¿½å¾“ã—ã¦ãã«ã‚‡ãã«ã‚‡ï¼ˆï¼Ÿï¼‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æŠ•ç¨¿æ—¥2014å¹´07æœˆ11æ—¥ æ›´æ–°æ—¥2014å¹´07æœˆ11æ—¥ ä½¿ã„æ–¹ ãƒªãƒ³ã‚¯å…ˆã¯ãƒ‡ãƒ¢ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ãŸã‚Šæ—¥æœ¬èªžã ã£ãŸã‚Šãªã®ã§ã€ãã¡ã‚‰ã‚’è¦‹ã¦ã‚‚ã‚‰ã£ãŸæ–¹ãŒç¢ºå®Ÿã ã¨æ€ã„ã¾ã™ãŒã€‚ã€‚ html <div class="js-morphing"> <img src="img/01.jpg" alt=""> </div> JavaScript <script src="http://ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="../jqu
nayo74 2015/03/17
jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

*webdesign

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