[B! Webæ¨™æº–] m6uã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

m6u id:m6u

Webæ¨™æº–ã«é–¢ã™ã‚‹m6uã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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ã§ã—ã‚‡ã†ã€‚
m6u 2024/03/18
CSS

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed
ãƒªãƒ³ã‚¯
å®Ÿéš›ã«ä½¿ã£ã¦ã„ã¦ä¾¿åˆ©ã ã¨æ„Ÿã˜ãŸã‚¢ãƒ—ãƒªã€Chromeæ‹¡å¼µã€ã‚¿ãƒ¼ãƒŸãƒŠãƒ«æ‹¡å¼µã€VSCodeæ‹¡å¼µã¾ã¨ã‚ - Qiita
ã¯ã˜ã‚ã« ã¯ã˜ã‚ã¾ã—ã¦ã€@nkato_ã§ã™ï¼ æ™®æ®µã¯æ©Ÿæ¢°å¦ç¿’å¯„ã‚Šã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€Pythonã§MLãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ã‚’è¨˜è¿°ã—ãŸã‚ŠGoã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰å‡¦ç†ã‚’è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ ä¾¿åˆ©ã‚¢ãƒ—ãƒªã‚„å„ç¨®ãƒ„ãƒ¼ãƒ«ã®æ‹¡å¼µæ©Ÿèƒ½ãŒå¥½ãã§ã€ã“ã‚Œã¾ã§ã«ã‚‚æ§˜ã€…ãªæ©Ÿèƒ½ã‚’å–ã‚Šå…¥ã‚Œã¦è©¦ã—ã¦ãã¾ã—ãŸã€‚ è‡ªç¤¾ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã«ãã†ã„ã£ãŸãƒ„ãƒ¼ãƒ«ã‚’å…±æœ‰ã—ãŸã„ã¨æ€ã£ãŸã®ã§ã™ãŒã€ã©ã†ã›ãªã‚‰å…¬é–‹æƒ…å ±ã¨ã—ã¦Qiitaã«æŠ•ç¨¿ã—ã‚ˆã†ã¨æ€ã„ç«‹ã¡ã€ã¾ã¨ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ é‡ã¯å¤šã„ã§ã™ãŒã€ã©ã‚Œã‚‚ãŠã™ã™ã‚ã§ã™ï¼ ã‚¢ãƒ—ãƒª Alfred ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ãƒ¼ã§æ¤œç´¢çª“ã‚’é–‹ã„ã¦ã€ã‚¢ãƒ—ãƒªåã§æ¤œç´¢ã—ã¦ã‚¢ãƒ—ãƒªã‚’èµ·å‹•ã™ã‚‹ã‚„ã¤ ã‚¢ãƒ—ãƒªã®èµ·å‹•ä»¥å¤–ã§ã‚‚ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ãŸã‚Šè¨ˆç®—ã—ãŸã‚Šã§ãã‚‹ åƒ•ã¯ã‚¢ãƒ—ãƒªã¯AlfredçµŒç”±ã§ã—ã‹é–‹ã‹ãªã„ã®ã§ã€ãƒ‰ãƒƒã‚¯ã‚‚ãƒ©ãƒ³ãƒãƒ£ãƒ¼ã‚‚ã‚ã¾ã‚Šä½¿ã£ã¦ãªã„ App Storeã®ã‚„ã¤ã¯å¤ã„ã®ã§å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ The Unarchive
m6u 2022/08/08
Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

Visual Studio Code

Google Chrome

techfeed
ãƒªãƒ³ã‚¯
IE11ã¨ã•ã‚ˆãªã‚‰ã—ãŸã‚‰å…¨åŠ›ã§ä½¿ãˆã‚‹HTML/CSSã¾ã¨ã‚ã€40å€‹ä»¥ä¸Šã€‘ | deep-space.blue
Windows10ã§ã®IE11ã‚µãƒãƒ¼ãƒˆçµ‚äº†ã¨ã¨ã‚‚ã«ã€IE11å¯¾å¿œHTML/CSSã¨ã•ã‚ˆãªã‚‰ã—ãŸçš†ã•ã‚“ã€ãŠç–²ã‚Œã•ã¾ã§ã—ãŸï¼ ï¼ˆWindows8.1çµ‚äº†ã¾ã§IE11é ‘å¼µã‚‹ã¿ãªã•ã‚“ã€ãŠç–²ã‚Œæ§˜ã§ã™ï¼‰ ä»Šæ›´ã§ã™ãŒã€ãŽã‚ŠãŽã‚Šã¾ã§IE11å¯¾å¿œã—ãŸã®ã§ã€æœ€è¿‘ã®HTML/CSSäº‹æƒ…ãŒè¿½ã„åˆ‡ã‚Œã¦ã„ã¾ã›ã‚“ï¼ ã¨ã„ã†ã“ã¨ã§ï¼ã€€ä¸»ã«IE11å¯¾å¿œãªã—ãªã‚‰ã€iOS13ä»¥é™ã§ï¼ˆiOS14ä»¥é™ã®CSSã‚‚æœ€å¾Œã«ç´¹ä»‹ã—ã¦ã„ã¾ã™ï¼‰ä½¿ãˆã‚‹HTML/CSSã®ä¸ã‹ã‚‰ã€ç†è€…ãŒæ°—ã«ãªã‚‹ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸï¼ æ•°ãŒå¤šã„ãŸã‚è©³ã—ã„ä½¿ã„æ–¹ã¯èª¬æ˜Žçœãã¾ã™ï¼ åˆ©ç”¨ã™ã‚‹éš›ã¯å„è‡ªå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶å†ç¢ºèªã‚’ãŠé¡˜ã„ã—ã¾ã™JavaScripté–¢é€£ã¯ç´¹ä»‹ã—ã¦ã„ã¾ã›ã‚“ deep-space.blue ã¯ IE11â†’Edgeã®ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãƒªã‚¹ãƒˆã«è¼‰ã›ã¦ã—ã¾ã£ã¦ãŠã‚Šã€IE11ï¼ˆIE11ãƒ¢ãƒ¼ãƒ‰ï¼‰ã§ãƒ‡ãƒ¢ã‚’ç¢ºèªã™ã‚‹ã“ã¨ã¯å›°é›£ãªã®ã§IE11ã®å ´åˆã®è¡¨ç¤ºã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚‚è¨˜éŒ²ã¨ã—
m6u 2022/06/14
CSS

IE

Microsoft Edge

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed
ãƒªãƒ³ã‚¯
CSSã®ã‚³ãƒ³ãƒ†ãƒŠã‚¯ã‚¨ãƒªã¨:has()æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã“ã‚“ãªã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹
CSSã®ã‚³ãƒ³ãƒ†ãƒŠã‚¯ã‚¨ãƒªã¨:has()ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã“ã‚“ãªã“ã¨ãŒã§ãã‚‹ã€ã¨ã„ã†ã®ã‚’Googleãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®Unaæ°ãŒå…¬é–‹ã—ã¦ã„ãŸã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€:has()ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã¯å¼•æ•°ã®è¦ç´ ã‚’å«ã‚“ã§ã„ã‚‹ã‹ã‚’CSSã§åˆ¤åˆ¥ã§ãã¾ã™ã€‚.card:has(.visual)ã§ã‚«ãƒ¼ãƒ‰å†…ã«ç”»åƒï¼ˆ.visualï¼‰ãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã€.card:not(:has(.visual))ã§å«ã¾ã‚Œã¦ã„ãªã„å ´åˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã§ãã¾ã™ã€‚ ä¸‹è¨˜ã¯ã€ã‚«ãƒ¼ãƒ‰ã«ç”»åƒãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã¯è¦‹å‡ºã—ã®font-sizeã‚’å°ã•ãã€å«ã¾ã‚Œã¦ã„ãªã„å ´åˆã¯å¤§ããã—ã¦ã„ã¾ã™ã€‚ Simple CQ Demo with :has() å…ˆæ—¥ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸSafari 15.4ã§ã€:has()ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚Chromeã¯æ¬¡æœŸ101ã®flagsã§ä½¿ç”¨ã§ãã‚‹äºˆå®šï¼ˆCanaryã¯ã™ã§ã«ä½¿ç”¨ã§ãã¾ã™ï¼‰ã§ã€ã™ã¹ã¦ã®
m6u 2022/04/14
CSS

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed
ãƒªãƒ³ã‚¯
1