[B! HTML] charunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

charun id:charun

HTMLã«é–¢ã™ã‚‹charunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã‚‚ã†å¤ã„ â€“ TAKLOG
Xã®åˆå¦è€…ã®ãƒã‚¹ãƒˆã«ã¦å¤ã®æ‰‹æ³•ã‚’æ•™ã‚ã£ã¦ã„ã‚‹æ–¹ã‚’ã‚ˆãè¦‹ã‹ã‘ã‚‹ã®ã§ã€2024å¹´ç¾åœ¨ãã®CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã‚‚ã†å¤ã„ã£ã¦ã‚‚ã®ã‚’ã„ãã¤ã‹åˆ—æŒ™ã—ã¾ã—ãŸã€‚ ãƒ–ãƒãƒƒã‚¯ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã« margin ã‚’ä½¿ã†ãªã‚‰ margin-inline:auto ã‚’ä½¿ã„ãªã•ã„marginã‚’ä½¿ã£ã¦ãƒ–ãƒãƒƒã‚¯ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã‚’è¡Œã†éš›ã«ã‚ˆãæ•™ã‚ã‚‹ã®ã¯margin:0 autoã‚ã‚‹ã„ã¯margin:autoã§ã—ã‚‡ã†ã€‚
charun 2024/03/17
ã†ãœãˆã€‚ä½™è¨ˆãªæŒ‡å®šã‚„ãƒˆãƒ©ãƒ–ãƒ«ã‚’æ¸›ã‚‰ã™ä¸å¤®æƒãˆã€ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚° margin-inline: auto;ãªã©

CSS3

CSSè¨è¨ˆ

HTML

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

tc
ãƒªãƒ³ã‚¯
ï¼»é€Ÿå ±ï¼½ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Bing Chatã§æ‰‹æ›¸ãã®ç”»åƒã‹ã‚‰HTML/CSSã‚’ç”Ÿæˆå¯èƒ½ã«ã€å†·è”µåº«ã®ä¸èº«ã‹ã‚‰æ–™ç†ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚‚ã€æ–°æ©Ÿèƒ½ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚µãƒ¼ãƒã€‚Inspire 2023
ï¼»é€Ÿå ±ï¼½ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Bing Chatã§æ‰‹æ›¸ãã®ç”»åƒã‹ã‚‰HTML/CSSã‚’ç”Ÿæˆå¯èƒ½ã«ã€å†·è”µåº«ã®ä¸èº«ã‹ã‚‰æ–™ç†ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚‚ã€æ–°æ©Ÿèƒ½ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚µãƒ¼ãƒã€‚Inspire 2023 ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯ã€æ—¥æœ¬æ™‚é–“7æœˆ19æ—¥æœªæ˜Žã‹ã‚‰é–‹å‚¬ä¸ã®ãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼å‘ã‘å¹´æ¬¡ã‚¤ãƒ™ãƒ³ãƒˆã€ŒMicrosoft Inspire 2023ã€ã«ãŠã„ã¦ã€AIãƒãƒ£ãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã€ŒBing Chatã€ã«ã€ç”»åƒã‚’åŸºã«è³ªå•ãŒã§ãã‚‹ã€Œãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚µãƒ¼ãƒã€æ©Ÿèƒ½ï¼ˆVisual Search in Bing Chatï¼‰ã‚’è¿½åŠ ã—ãŸã“ã¨ã‚’æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸã€‚ ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚µãƒ¼ãƒã®æ©Ÿèƒ½ã¯OpenAIã®GPT-4ãƒ¢ãƒ‡ãƒ«ã‚’æ´»ç”¨ã—ãŸã‚‚ã®ã ã¨èª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã¯Bing Chatã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚µãƒ¼ãƒã®ãƒ‡ãƒ¢å‹•ç”»ã¨ã—ã¦ã€æ‰‹æ›¸ãã®Webãƒ•ã‚©ãƒ¼ãƒ ã®ç”»åƒã‹ã‚‰HTML/CSSã‚’ç”Ÿæˆã•ã›ã‚‹æ§˜åã‚’ç´¹ä»‹ã—ãŸã‚‚ã®ã§ã™ã€‚ æ‰‹æ›¸ãã®Webãƒ•ã‚©ãƒ¼ãƒ ç”»åƒã‹ã‚‰HTML/CSSã‚’ç”Ÿæˆ Bing Ch
charun 2023/07/19
ç”»åƒ

AI

HTML

CSS

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

æ–™ç†

2023

ãƒãƒ£ãƒƒãƒˆ
ãƒªãƒ³ã‚¯
How to Wireframe a Website using Gutenberg - Stackable
charun 2021/12/22
ãƒ–ãƒãƒƒã‚¯ã‚¨ãƒ‡ã‚£ã‚¿ï¼ˆStackableï¼‰ã§ãƒ¯ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã‚Šã€ãã®ã¾ã¾ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã

CSSè¨è¨ˆ

HTML

Webãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

webä»•äº‹è¡“ãƒ»åŠ¹çŽ‡

WordPress

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
ã€ŒMercari Engineeringã€ã¯ ãƒ¡ãƒ«ã‚«ãƒªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã€ ã‚ªãƒ¼ãƒ—ãƒ³ã«å…¬é–‹ãƒ»å…±æœ‰ã—ã¦ã„ããŸã‚ã®ã‚µã‚¤ãƒˆã§ã™ã€‚
charun 2019/12/04
é«˜é€ŸåŒ–

HTML

HTML5

javascript

ç”»åƒ

æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿
ãƒªãƒ³ã‚¯
æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¨ã¯ï¼Ÿãƒ¡ãƒªãƒƒãƒˆã‚„ç¨®é¡žãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ãƒ„ãƒ¼ãƒ«ãªã©åˆå¿ƒè€…ã«ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ï¼ï½œSEOãƒ©ãƒœ
æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¨ã¯ã€Webãƒšãƒ¼ã‚¸ã®æ§‹é€ ã‚’æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ï¼ˆGoogleï¼‰ã«ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹ãŸã‚ã«HTMLã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹å°‚ç”¨ã®ã‚³ãƒ¼ãƒ‰ã®ã“ã¨ã§ã™ã€‚ ã“ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¯ã€ã‚ã‚‰ã‹ã˜ã‚ã€Œschema.orgã€ã§å®šç¾©ã•ã‚Œã¦ã‚‹å°‚ç”¨ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼ˆå±žæ€§ï¼‰ã¨ãƒãƒªãƒ¥ãƒ¼ï¼ˆå±žæ€§å€¤ï¼‰ã‚’ç”¨ã„ã¦HTMLã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ï¼ˆæ§‹é€ åŒ–ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ï¼‰ã™ã‚Œã°ã€ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…å®¹ã‚’èªè˜ã—ã‚„ã™ããªã‚‹ã®ã§ã€ãã®åˆ†Webãƒšãƒ¼ã‚¸ï¼ˆãƒ–ãƒã‚°è¨˜äº‹ï¼‰ã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ãŒä¿ƒé€²ã•ã‚Œã¾ã™ã€‚ ãã†ãªã‚Œã°ã€Googleã«è©•ä¾¡ã•ã‚Œã‚„ã™ããªã‚‹ã®ã§ã€SEOã®è‰¯ã„åŠ¹æžœãŒè¦‹è¾¼ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ä¸€æ–¹ã€æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’è¨˜è¿°ã—ãªã‘ã‚Œã°ã€ã‚¯ãƒãƒ¼ãƒ©ãƒ“ãƒªãƒ†ã‚£ãŒä¸ŠãŒã‚Šã¾ã›ã‚“ã€‚ ãã†ãªã‚Œã°ã€ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã«ãŠã‘ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç†è§£ã®ã—ã‚„ã™ã•ãŒä¿ƒé€²ã§ããªã„ã®ã§ã€ãã®åˆ†Googleã‹ã‚‰è©•ä¾¡ã•ã‚Œã¥ã‚‰ããªã‚‹ã§ã—ã‚‡ã†ã€‚ ã“ã†ã—ãŸè‰¯ããªã„çŠ¶æ³ã‚’å›žé¿ã™ã‚‹ç‚ºã«ã€æ§‹é€ åŒ–ãƒ‡
charun 2019/10/05
SEO

Google

HTML

HTML5

æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å¾¡ç”¨é”ã® MDN web docs ã‚’ç¶²ç¾…ã—ãŸ
ã“ã®ãƒªã‚¹ãƒˆã¯ä½•ï¼Ÿ MDN web docs ã‚’ã€ã‚ãŸã‹ã‚‚æ›¸ç±ã®ç›®æ¬¡ã‹ã®ã”ã¨ãæ•´ç†ã—ãªãŠã—ãŸã‚‚ã®ã§ã™ã€‚ãã‚Œãžã‚Œ MDN web docs ã®è¨˜äº‹ã¸ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚ ãªãœã“ã‚ŒãŒå¿…è¦ã«ãªã£ãŸã‹ã¨ã„ã†ã¨ã€äººæå¸‚å ´ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå°‘ãªã™ãŽã‚‹ç¾çŠ¶ã‚’ã©ã†ã«ã‹ã™ã‚‹ã¹ãæ•™è‚²ä½“åˆ¶ã‚’æ•´ãˆã‚‹ã¨ã“ã‚ã‹ã‚‰è€ƒãˆå§‹ã‚ãŸã®ã§ã™ãŒã€ãã‚Œãªã‚‰ã¾ãšã¯æ—¥é ƒãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ MDN web docs ã‚’æ•™æã¨ã—ã¦æ‰±ã„ãŸã„ãªã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚æ…£ã‚Œã¦ãã¦ã‚‚ã‚ˆãå‚ç…§ã™ã‚‹ã—ã€Œã‚¢ãƒ¬ã©ã“ã ã£ã‘ãªãï¼Ÿã€ã‚’è»½æ¸›ã‚‚ã—ã‚„ã™ã„ã‹ãªã£ã¦ã€‚ MDN web docs ã¯å†…å®¹ãã®ã‚‚ã®ã¯ã‹ãªã‚Šå……å®Ÿã—ã¦ã„ã‚‹ã‚‚ã®ã®ã€ãƒªãƒ³ã‚¯ãŒã‚ã‚‰ã‚†ã‚‹æ–¹å‘ã«å¼µã‚Šå·¡ã‚‰ã›ã‚‰ã‚Œã¦ãŠã‚Š ã‚ã‚‹ä¸€å®šã®æµã‚Œã«æ²¿ã£ã¦èªã‚€ ã¨ã„ã†ã“ã¨ãŒå°‘ã€…é›£ã—ã„å´é¢ã‚‚ã‚ã‚Šã¾ã™ã€‚ç‰¹ã«åˆå¦è€…ã«ã¨ã£ã¦ã¯ã€è¿·åã«ãªã‚Šã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã§ã™ã®ã§ã€åˆå¦è€…ã§ã‚‚å¦ç¿’ã—ã‚„ã™ã„ã‚ˆã†ã« MDN web docs å…¨ä½“ã®
charun 2019/09/25
HTML

HTML5

CSS

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ•ã‚©ãƒ¼ãƒ

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ãƒªãƒ³ã‚¯
GoogleãŒrel=nofollowå±žæ€§ã®æ‰±ã„ã‚’å¤‰æ›´ã€‚sponsoredå±žæ€§ã¨ugcå±žæ€§ã‚’æ–°ãŸã«å°Žå…¥
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] rel="nofollow" å±žæ€§ã®æ‰±ã„ã‚’ Google ã¯å¤‰æ›´ã—ã¾ã—ãŸã€‚ å¾“ã†ã¹ãå‘½ä»¤ã¨ã—ã¦ã§ã¯ãªãã€æ‰‹ãŒã‹ã‚Šã®ãŸã‚ã®ãƒ’ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€nofollow ã®æ´¾ç”Ÿåž‹ã¨ã—ã¦ã€link ã‚¿ã‚°ã¨ç”¨ã„ã‚‹ 2 ç¨®é¡žã® rel å±žæ€§ã‚’æ–°ãŸã«å°Žå…¥ã—ã¾ã—ãŸã€‚ nofollow å±žæ€§ã®æ‰±ã„ã‚’å¤‰æ›´ rel="nofollow" å±žæ€§ãŒä»˜ã„ãŸãƒªãƒ³ã‚¯ã‚’ Google ã¯ã“ã‚Œã¾ã§ãƒ©ãƒ³ã‚ãƒ³ã‚°è¦å› ã¨ã—ã¦ã¯åˆ©ç”¨ã—ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ PageRank ã‚’æ¸¡ã™ã“ã¨ã‚‚ãªã„ã—ã‚¢ãƒ³ã‚«ãƒ¼ãƒ†ã‚ã‚¹ãƒˆã‚‚è©•ä¾¡ã—ã¾ã›ã‚“ã€‚ ãã—ã¦ã€nofollow å±žæ€§ã‚’å‘½ä»¤ (Directive) ã¨ã—ã¦ Google ã¯æ‰±ã„ã€å¿…ãšå¾“ã£ã¦ãã¾ã—ãŸï¼ˆnofollow ãƒªãƒ³ã‚¯ãŒè©•ä¾¡ã•ã‚Œã¦ã„ã‚‹çŠ¶æ³ãŒã‚ã‚‹ã¨ã„ã†åˆ†æžã‚‚ã‚ã‚‹ã‘ã‚Œã©ã€å…¬å¼è¦‹è§£ã§ã¯ nofollow ãƒªãƒ³ã‚¯ã¯ãƒ©ãƒ³ã‚ãƒ³ã‚°è¦å› ã‹ã‚‰é™¤å¤–ã•ã‚Œã‚‹ã“ã¨ã«ãªã£ã¦ã„ã‚‹ï¼‰ã€‚ ä»Šå¾Œ
charun 2019/09/11
SEO

SNS

ãƒªãƒ³ã‚¯

ugc

åºƒå‘Š

HTML
ãƒªãƒ³ã‚¯
SEOåˆå¿ƒè€…ã§ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ï¼æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æ›¸ãæ–¹ã¨ã§ãã‚‹ã“ã¨ | æ ªå¼ä¼šç¤¾ãƒ•ãƒ«ã‚¹ãƒ”ãƒ¼ãƒ‰ - Growth Seed
ãƒªãƒƒãƒãƒªã‚¶ãƒ«ãƒˆã®ç¨®é¡žã¯ã€Googleå…¬å¼ã‚µã‚¤ãƒˆã®ã€Œæ¤œç´¢ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ å¹´ã€…ã‚µãƒãƒ¼ãƒˆã®ç¯„å›²ã¯åºƒãŒã£ã¦ã„ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ä¸€åº¦ã”ç¢ºèªãã ã•ã„ã€‚ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®è¨˜è¿°æ–¹æ³•æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®è¨˜è¿°ã™ã‚‹éš›ã«ã¾ãšæ±ºã‚ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã¯ã€ã€Œãƒœã‚ãƒ£ãƒ–ãƒ©ãƒªãƒ¼ã€ã¨ã€Œã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã€ã§ã™ã€‚ã€Œãƒœã‚ãƒ£ãƒ–ãƒ©ãƒªãƒ¼ã€ã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã‚‚ã®ã®å®šç¾©ã€ã€Œã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã€ã¯æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®è¨˜è¿°æ–¹å¼ã‚’æŒ‡ã—ã¾ã™ã€‚ ä»¥ä¸‹ã®Googleå…¬å¼ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã‚‚ã¨ã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ å‚ç…§ï¼‰æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®ä»•çµ„ã¿ã«ã¤ã„ã¦ã€Google Developersã€‘ ãƒœã‚ãƒ£ãƒ–ãƒ©ãƒªãƒ¼ä»Šå›žã¯ã€ä»£è¡¨çš„ãªãƒœã‚ãƒ£ãƒ–ãƒ©ãƒªãƒ¼ã€schema.orgã§ã®å®Ÿè£…ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ ã¾ãšã€schema.orgã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã¯ã‚¿ã‚¤ãƒ—ã¨ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¾ã™ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ã™ã‚‹ãŸã‚ã®æº–å‚™ã¨ã—ã¦ã€ã€Œã‚¿ã‚¤ãƒ—ã€ã€Œãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚’æ±ºã‚ã¾ã™ã€‚ ã€Œã‚¿ã‚¤ãƒ—ï¼ˆ@typeï¼‰ã€ã¨ã¯
charun 2019/09/09
SEO

HTML

æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
2018å¹´äººæ°—ã ã£ãŸã™ã”ã„HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ™ã‚¹ãƒˆ100é¸ã€Codepenç·¨ã€‘
CodePen ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç¢ºèªãŒã§ãã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®å…±æœ‰ã‚’è¡Œã†ã“ã¨ãŒã§ãã‚‹ã€ä¸–ç•Œã§ã‚‚äººæ°—ã®ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ä»Šå›žã¯ã€Codepenã§2018å¹´ã«äººæ°—ã®é«˜ã‹ã£ãŸHTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ™ã‚¹ãƒˆ100é¸ã€ŒThe Most Hearted of 2018ã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã€ãã®ä¸ã§ã‚‚ç‰¹ã«å°è±¡ã«æ®‹ã£ãŸä½œå“ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚ã£ã¨é©šãã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã€ä»Šå¾Œã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ã„ã‹ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ 2018å¹´äººæ°—ã ã£ãŸã™ã”ã„HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ™ã‚¹ãƒˆã€Codepenç·¨ã€‘ #99 Animated CSS Seasons CSSã®ã¿ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€å››å£ã‚’ãžã‚Œãžã‚Œè¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ See the Pen Animated CSS Seasons by agathaco (@agathaco) on CodePen. #97 A
charun 2019/01/11
CSS

HTML

HTML5

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã¾ã¨ã‚

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
ãƒ–ãƒã‚°ã®RSSã‚’å–å¾—ã—ã¦ã‚µã‚¤ãƒˆã«èªã¿è¾¼ã‚€æ–¹æ³•ã¾ã¨ã‚ | ã¾ã‚ãƒ¼
ãƒ–ãƒã‚°ã®æ–°ç€æƒ…å ±ã‚’ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚„ãŠçŸ¥ã‚‰ã›ã®ã‚ˆã†ã«ã€ã‚µã‚¤ãƒˆã«èªã¿è¾¼ã¿ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ã€‚ ãã®æ–¹æ³•ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ¡ä»¶ã«ã‚ˆã£ã¦å®Ÿè£…æ–¹æ³•ãŒç•°ãªã‚Šã¾ã™ã€‚ ãƒ»å¤–éƒ¨ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ãƒ–ãƒã‚°ã®RSSã‚’å–å¾—ã—ã¦è¡¨ç¤º ãƒ»å†…éƒ¨ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ãƒ–ãƒã‚°ã®RSSã‚’å–å¾—ã—ã¦è¡¨ç¤º ãƒ»ãƒ‰ãƒ¡ã‚¤ãƒ³å†…éƒ¨ã®WordPressã®æ–°ç€æƒ…å ±ã‚’å–å¾—ã—ã¦è¡¨ç¤º ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€ãã‚Œãžã‚Œã®ã‚±ãƒ¼ã‚¹ã§ã€ãƒ–ãƒã‚°ã®RSSã‚’èªã¿è¾¼ã‚€ãŸã‚ã®ã€æœ€é©ãªæ–¹æ³•ã‚’ã‚ã¨ã‚ã¾ã—ãŸã€‚ Google Feed APIã¯ä½¿ç”¨ä¸å¯ ã“ã‚Œã¾ã§ã¯ã€Google Feed APIã‚’ä½¿ç”¨ã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ãŸã€‚ç°¡å˜ã«å®Ÿè£…ã§ããŸã®ã§ã€ç§ã‚‚è¤‡æ•°ã®ã‚µã‚¤ãƒˆã§ä½¿ã£ã¦ã¾ã—ãŸã€‚ å‚è€ƒï¼šGoogle Feed APIã‚’ä½¿ã£ã¦å¤–éƒ¨ãƒ–ãƒã‚°ã®RSSã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³• ã—ã‹ã—ã€çªç„¶ã«è¡¨ç¤ºã•ã‚Œãªããªã‚‹å•é¡ŒãŒç™ºç”Ÿã—ã€2016å¹´é ƒã«ã¯æ£å¼ã«å»ƒæ¢ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚2017å¹´ã®1æœˆã«ã¯å®Ÿéš›ã«è¡¨ç¤ºã•ã‚Œãªããªã£ã¦ã„ã¾ã™ã®ã§ã€ä»£æ›¿æ‰‹æ®µã§ä¿®æ£ã—ã¾
charun 2019/01/04
WordPress

ãƒ–ãƒã‚°

rss

HTML

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
æ‰“ã¡è¾¼ã‚€ã‚ˆã‚Šç°¡å˜ï¼ä¿å˜ã—ã¦ãŠãã¨ä¾¿åˆ©ãªCSSã‚¹ãƒ‹ãƒšãƒƒãƒˆ18é¸
ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’è£½ä½œã™ã‚‹éš›ã€ä½•åº¦ã‚‚ç¹°ã‚Šè¿”ã—ä½¿ã†ã‚³ãƒ¼ãƒ‰ã¯ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã€‚ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã¯ã€Œåˆ‡ã‚Œç«¯ã€ã€Œæ–ç‰‡ã€ã¨ã„ã†æ„å‘³ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ä¸ã§ç°¡å˜ã«åˆ‡ã‚Šè²¼ã‚Šã—ã¦å†åˆ©ç”¨ã§ãã‚‹éƒ¨åˆ†ã®ã“ã¨ã§ã™ã€‚ ã¨ã‚Šã‚ã‘CSSã¯ã€HTMLã‚„JavaScriptä»¥ä¸Šã«ã€ç¹°ã‚Šè¿”ã—ã¦ä½¿ã†ã‚³ãƒ¼ãƒ‰ãŒå¤šã„ã®ã§ã€ãã†ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ ä»Šå›žã¯ã€ä½•åº¦ã‚‚æ‰“ã¡è¾¼ã¾ãªãã¦ã‚‚ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹ã€ä¿å˜ã—ã¦ãŠãã¨ä¾¿åˆ©ãªCSSã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆåŒ–ã™ã‚‹ã“ã¨ã§ã€ä¸€éƒ¨åˆ†ã‚’å¤‰ãˆã‚‹ã ã‘ã§å†åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä¿å˜ã—ã¦ãŠãã¨ä¾¿åˆ©ãªCSSã‚¹ãƒ‹ãƒšãƒƒãƒˆ 1. CSSãƒªã‚»ãƒƒãƒˆ ã•ã¾ã–ã¾ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¡¨ç¤ºæ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ãã‚Œã‚‰ã‚’åŒã˜ã‚ˆã†ã«è¡¨ç¤ºã•ã›ã‚‹CSSãƒªã‚»ãƒƒãƒˆã¨å‘¼ã°ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ CSSã®ãƒªã‚»ãƒƒãƒˆåŒ–ã‚³ãƒ¼ãƒ‰ã¯ã•ã¾ã–ã¾ã‚ã‚Šã¾ã™ãŒã€ç”»åƒã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–åŒ–ã¨m
charun 2017/08/07
HTML

WordPress

CSS

CSS3

webåˆ¶ä½œ

ä¾¿åˆ©

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯ã®ã¸ã® rel=noopener ä»˜ä¸Žã«ã‚ˆã‚‹ Tabnabbing å¯¾ç– | blog.jxck.io
ãªãŠ IE ã¯(security zone setting ã‚’ã„ã˜ã‚‰ãªã„é™ã‚Š)ã“ã®å•é¡ŒãŒç™ºç”Ÿã—ãªã„ã‚ˆã†ã ã€‚ å¼•ç”¨å…ƒ: blankshield demo | Reverse tabnabber phishing tabnabbing ä¸Šè¨˜ã®æŒ™å‹•ã‚’ã€ãƒ•ã‚£ãƒƒã‚·ãƒ³ã‚°è©æ¬ºã«åˆ©ç”¨ã§ãã‚‹ã“ã¨ãŒæ—¢ã«æŒ‡æ‘˜ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã®æ‰‹æ³•ã¯ Tabnabbing ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ã€‚ Tabnabbing: A New Type of Phishing Attack Aza on Design Target="_blank" - the most underestimated vulnerability ever ã“ã®æ”»æ’ƒæ–¹æ³•ã‚’è§£èª¬ã™ã‚‹ã€‚ æ”»æ’ƒã®æ¦‚è¦ https://cgm.example.com (å·¦ä¸Š) ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒã‚ã‚‹ã¨ã—ã€ã“ã‚Œã¯ SNS ã‚„ãƒãƒ¼ãƒ ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç³»ã‚µãƒ¼ãƒ“ã‚¹ã‚’æƒ³å®šã™ã‚‹ã€‚ æ”»æ’ƒè€…ã¯ã€ã“ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸
charun 2017/07/22
ã€€å¤–éƒ¨ãƒªãƒ³ã‚¯ target="_blank"

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

HTML
ãƒªãƒ³ã‚¯
target="_blank" ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒªã‚¹ã‚¯(ãƒ‡ãƒ¢å‹•ç”»ã‚ã‚Š)
HTMLã‚’å‹‰å¼·ã™ã‚‹éš›ã«æœ€åˆã«è¦šãˆã‚‹ã‚‚ã®ã®1ã¤ã«aè¦ç´ (ã‚¿ã‚°)ãŒã‚ã‚Šã¾ã™ã€‚HTMLã®ã‚¢ã‚¤ãƒ‡ãƒ³ãƒ†ã‚£ãƒ†ã‚£ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã€ãƒã‚¤ãƒ‘ãƒ¼ãƒªãƒ³ã‚¯ã‚’å®Ÿç¾ã™ã‚‹å¤§äº‹ãªè¦ç´ ã§ã™ã€‚ hrefå±žæ€§ã«è¨å®šã•ã‚ŒãŸãƒªãƒ³ã‚¯å…ˆã®URLã‚’ã©ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ç‰ã«è¡¨ç¤ºã™ã‚‹ã‹ã‚’æ±ºã‚ã‚‹targetå±žæ€§ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ä»»æ„ã®å€¤ã‚’è¨å®šã—ã¦ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«åå‰ã‚’ä»˜ã‘ã‚‹äº‹ã§ã€è¤‡æ•°ã®aè¦ç´ ã‹ã‚‰åŒã˜ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¸ãƒªãƒ³ã‚¯å…ˆURLã‚’è¡¨ç¤ºã™ã‚‹äº‹ã‚‚ã§ãã¾ã™ã—ã€å¸¸ã«æ–°ã—ã„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ã_blankã®ã‚ˆã†ãªã€ã‚ã‚‰ã‹ã˜ã‚æŒ™å‹•ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹å€¤ã‚‚ã‚ã‚Šã¾ã™ã€‚ target="_blank" ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒªã‚¹ã‚¯ ãƒªãƒ³ã‚¯ã®é–‹ãæ–¹ã‚’æ±ºå®šã™ã‚‹targetè¦ç´ ã§ã™ãŒã€ã“ã®æŒ™å‹•ã‚’åˆ©ç”¨ã—ã¦ãƒªãƒ³ã‚¯å…ˆã‹ã‚‰ãƒªãƒ³ã‚¯å…ƒã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’æ“ä½œã§ãã‚‹ã¨ã„ã†ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒªã‚¹ã‚¯ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Target="_blank" - the most underestimated vulner
charun 2017/05/03
HTML

javascript

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
Browsersync - Time-saving synchronised browser testing
Time-saving synchronised browser testing. Itâ€™s wicked-fast and totally free. npm install -g browser-sync Get Started Your indispensable test assistant. With each web page, device and browser, testing time grows exponentially. From live reloads to URL pushing, form replication to click mirroring, Browsersync cuts out repetitive manual tasks. Itâ€™s like an extra pair of hands. Customise an array of s
charun 2017/04/29
ã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¿å˜ã—ãŸã®ã‚’ãƒªãƒãƒ¼ãƒ‰ã›ãšãƒ–ãƒ©ã‚¦ã‚¶ã«å³åæ˜ ã€‚node.jsã¨ã‹å¿…è¦ã€‚

CSS

webä»•äº‹è¡“ãƒ»åŠ¹çŽ‡

webåˆ¶ä½œ

HTML

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ä¾¿åˆ©

é»’ã„ç”»é¢
ãƒªãƒ³ã‚¯
Udemy(ãƒ¦ãƒ¼ãƒ‡ãƒŸãƒ¼)ã®è©•åˆ¤ã¯ï¼ŸUdemyã«10ä¸‡å††è¶…ä½¿ã£ãŸã®ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã—ã¦ã¿ã‚‹ - MUTANT
ã“ã‚“ã«ã¡ã¯ã€ã¦ã¤ã§ã™ã€‚ æ€ã„è¿”ã›ã°ä¼šç¤¾å“¡ã‚’è¾žã‚ã¦ç‹¬ç«‹ã—ã¦ã‹ã‚‰æ§˜ã€…ãªã“ã¨ã«æŒ‘æˆ¦ã—ã¦ãã¾ã—ãŸã€‚ 2016å¹´5æœˆã«ãƒ–ãƒã‚°ã‚’é–‹å§‹ã—ã¦ã€ãã®å¾Œã«æµ·å¤–ã¸è¡Œã£ãŸã‚Šæ ªå¼ä¼šç¤¾ã‚’ç«‹ã¡ä¸Šã’ãŸã‚Šã¨è‰²ã€…çµŒé¨“ã—ã¾ã—ãŸãŒã€ãã®ä¸ã§ã‚‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã‚’æœ¬æ ¼çš„ã«é–‹å§‹ã—ãŸã¨ã„ã†ã®ã¯è‡ªåˆ†ã®ä¸ã§å¤§ããªã“ã¨ã§ã—ãŸã€‚ ã‚‚ã¨ã‚‚ã¨WordPressã§ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ãŸã‚ŠHTML/CSSãã‚‰ã„ã¯å‹‰å¼·ã—ã¦ã„ã¾ã—ãŸãŒã€æœ¬æ ¼çš„ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚ã†ï¼ã¨æ€ã£ã¦ãƒ†ãƒƒã‚¯ã‚ãƒ£ãƒ³ãƒ—ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã«ã‚‚é€šã„å§‹ã‚ã¾ã—ãŸã€‚ ãŠå€¤æ®µã¯1ãƒ¶æœˆã§13ä¸‡å††ã»ã©ã€‚é«˜ã‹ã£ãŸãƒ»ãƒ»ãƒ» å—è¬›å¾Œã«ã•ã‚‰ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚ãƒ«ã‚’é«˜ã‚ã‚ˆã†ã¨æ€ã„ã€æŽ¢ã—å½“ã¦ãŸã®ãŒã‚¢ãƒ¡ãƒªã‚«ç™ºã®å¦ç¿’å‹•ç”»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŒUdemy(ãƒ¦ãƒ¼ãƒ‡ãƒŸãƒ¼)ã€ ã“ã‚Œã€çŸ¥ã£ãŸæ™‚ã«ã¯è»½ã„è¡æ’ƒãŒèµ°ã‚Šã¾ã—ãŸã€‚ ã“ã‚“ãªã«ãƒ¬ãƒ™ãƒ«ã®é«˜ã„è¬›åº§ãŒå®‰ã„é‡‘é¡ã§å—è¬›ã§ãã‚‹ã®ã‹ï¼ã¨ã€‚ã—ã‹ã‚‚è‡ªå®…ã§ã€‚ ä»Šå›ž
charun 2017/04/08
HTML

CSS

å¦ç¿’

Webã‚µãƒ¼ãƒ“ã‚¹

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ã¿ã¦çŸ¥ã£ãŸã“ã¨ã‚„æ„Ÿã˜ãŸã“ã¨ | mkasumi.com
ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³å…¼å›½éš›æ¨™æº–è¦æ ¼ã§ã‚ã‚‹WCAG2.0ã‚’ã‚‚ã¨ã«æ—¥æœ¬å·¥æ¥è¦æ ¼ã¨ã—ãŸã®ãŒã€ŒJIS X 8341-3ï¼š2016ã€ã§ã™ã€‚2004å¹´ã€2010å¹´ã«ã‚‚æ”¹æ£ã•ã‚Œã¦ã„ã¦ã€2016å¹´4æœˆ18æ—¥ç¾åœ¨ã€æœ€æ–°ç‰ˆã¯ã€ŒJIS X 8341-3ï¼š2016ã€ã¨ãªã‚Šã¾ã™ã€‚éŽåŽ»ã®JISã‚’çŸ¥ã£ã¦ã„ã‚‹æ–¹ã¯æœ€æ–°ç‰ˆã¨ã®å·®ã‚’çŸ¥ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ãŒã€2010å¹´ç‰ˆã¨é•ã„ã€2016å¹´ç‰ˆã¯ã€Œç‰ç´šAã€ã¨è¨€ã‚ã‚Œã¦ã„ãŸé©åˆãƒ¬ãƒ™ãƒ«ãŒã€Œãƒ¬ãƒ™ãƒ«Aã€ã¨ãªã£ãŸã‚Šã€ã™ã“ã—æ–‡è¨€ãŒå¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚2010å¹´ã¨å¼•ãç¶šãã€WCAG2.0ã‚’ã‚‚ã¨ã«ã—ã¦ã„ã‚‹ã®ã§ã€é …ç›®ã¯WCAGã¨åŒã˜ã61é …ç›®ã®ã¾ã¾ã¨ãªã£ã¦ã„ã¾ã™ã€‚ JIS X 8341-3ï¼š2016ãŒå…ƒã«ä½œã‚‰ã‚Œã¦ã„ã‚‹å›½éš›æ¨™æº–è¦æ ¼ã§ã™ã€‚JISã¯æ—¥æœ¬ã®è¦æ ¼ã§ã™ãŒã€ã“ã¡ã‚‰ã¯æµ·å¤–ã«ã‚‚é©ç”¨ã•ã‚Œã¾ã™ã€‚ãƒã‚§ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ãªã©ã€æµ·å¤–ã§é…å¸ƒã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯WCAGãŒåŸºæº–ã¨ãªã£ã¦ã„ã¾ã™ã€‚ åŸºæœ¬çš„ã«ã€JIS X 8341-3ï¼š2016 ã¯W
charun 2016/07/31
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

HTML
ãƒªãƒ³ã‚¯
iOS9ã§viewportã®initial-scaleãŒç„¡åŠ¹ã«ãªã‚‹æ™‚ã®å¯¾ç–
iOS8ã¨iOS9ã¨ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºãŒé•ã† å…ˆæ—¥ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’iPhone6ã§è¦‹ã‚‹ã¨ä¸èº«ãŒå·¦ã«å¯„ã‚‹ã‚“ã ã‘ã©â€¦ã¨è¨€ã‚ã‚Œã¦è¦‹ã¦ã¿ãŸã®ã§ã™ãŒã€è‡ªåˆ†ã®iPhone6ã§ã¯ç•°å¸¸ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ OSãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ç¢ºã‹ã‚ãªãŒã‚‰ã‚ãƒ£ãƒ—ãƒãƒ£ã§è¦‹æ¯”ã¹ã¾ã—ãŸã€‚ å¯„ã£ã¦ã¾ã™ãã€‚ é•·ã„ã‚³ãƒ¼ãƒ‰ã®éƒ¨åˆ†ã§ã€iOS8.4.1ã§ã¯æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ viewportè¨å®šã§initial-scale=1.0ãŒç„¡è¦–ã•ã‚Œã¦ã„ã‚‹ã£ã½ã„ iOS9ã®Safariã§ã¯ã€åˆæœŸã®ç”»é¢å€çŽ‡ã‚’ç„¡è¦–ã—ã¦ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ç¸®å°ã—ã¦è¡¨ç¤ºã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ios9 (Î²) viewportã«ä¸å…·åˆã‹ï¼ï¼Ÿ ios 9 Safari / Web App Viewport Probl em (expands to fit all elements in view) åŒã˜ã‚ˆã†ã«å›°ã£ã¦ã„ã‚‹å ±å‘Šã‚‚ä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚ å›žé¿ç– å…ˆã»ã©ã®ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã‚‚ç´¹ä»‹ã•ã‚Œ
charun 2016/06/26
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ‡ãƒã‚¤ã‚¹ã€ãƒˆãƒ©ãƒ–ãƒ«ã€iPhone

HTML

Viewport

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
1