[B! CSS] y_nishimura_728ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

y_nishimura_728 id:y_nishimura_728

CSSã«é–¢ã™ã‚‹y_nishimura_728ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

IE First ã‚’é¿ã‘ã‚‹
ã¾ãšã€åŽ»å¹´ã®å®Ÿç¸¾ã¨ã—ã¦ã€IE ã®ã‚·ã‚§ã‚¢ãŒ 9% ã‹ã‚‰ 5% ã«ãªã£ã¦ã„ã¾ã™ã€‚ Browser Market Share Japan | StatCounter Global Stats ä¸–ç•Œã ã¨ 1.4% ã§ã™ã€‚ã“ã‚Œã¯é€”ä¸Šå›½ãªã©ã§ã¯ Android Chrome ãŒæ”¯é…çš„ã ã‹ã‚‰ã§ã™ã€‚ https://gs.statcounter.com/browser-market-share/all å›½å†…ã§ã€ŒIE ã‚·ã‚§ã‚¢ã€ãªã©ã§ã‚°ã‚°ã£ã¦å‡ºã‚‹ã‚µã‚¤ãƒˆã¯ 9% ã¨å‡ºã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ã¿ã®æ•°å—ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚’å«ã‚ãŸæ•°å—ã¯ 5%å‰å¾Œã§ã™ã€‚æ—¥æœ¬ã¯ã•ã‚‰ã« Chrome ãƒ™ãƒ¼ã‚¹ã®æ–° MS Edge ã®æ£å¼ãƒªãƒªãƒ¼ã‚¹ãŒã‚³ãƒãƒŠã¨ç¢ºå®šç”³å‘Šã®å½±éŸ¿ã§å»¶æœŸã•ã‚Œã¦ãŠã‚Šã€ãƒªãƒªãƒ¼ã‚¹ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã•ã‚‰ã«æ¸›ã‚‹ã“ã¨ãŒäºˆæƒ³ã•ã‚Œã¾ã™ã€‚ åŽ»å¹´ã®å®Ÿç¸¾å€¤ã§ã„ãˆã°ã€æ¥å¹´åº¦ã«ã¯ 2% å°ã€å†æ¥å¹´ã«ã¯ 1%ã‚’åˆ‡ã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ to
y_nishimura_728 2020/06/21
ã‚¨ãƒ³ãƒ—ãƒ©å‘ã‘ã‹ã¤é ˜åŸŸãŒã‚¤ãƒ³ãƒˆãƒ©å†…éƒ¨åˆ©ç”¨ã«é™å®šã•ã‚Œã‚‹ã¨æœªã ã«IEã§ã€Edgeã«ã¯å¾®å¡µã‚‚å¯¾å¿œã™ã‚‹æ°—ãŒç„¡ã„ã‚·ã‚¹ãƒ†ãƒ ã‚’ä»Šè¦‹ã¦ã„ã‚‹ã®ã§ã€è¾›ã„â€¦â€¦

CSS

IE
ãƒªãƒ³ã‚¯
SVG+CSS Animationã§Live2Dã‚’å‹•ã‹ã™ - ã¯ã‚‹ã•ã‚ã‚¹ãƒ¼ãƒ—
å¹´æœ«å¹´å§‹ã®è‡ªç”±ç ”ç©¶ã¨ã—ã¦ã€CSSã ã‘ã§Live2Dã‚’å‹•ã‹ã™ã“ã¨ãŒã§ããªã„ã‹ã‚’è©¦ã—ã¦ã„ã¾ã—ãŸã€‚ç´†ä½™æ›²æŠ˜ã‚ã£ãŸã‚‚ã®ã®ã€ãªã‚“ã¨ã‹å‹•ããã†ã¨ã„ã†ã“ã¨ãŒåˆ†ã‹ã£ãŸã®ã§ã²ã¨ã¾ãšæƒ…å ±å…±æœ‰ã€‚ Live2Dã¨ã¯ Live2Dã¯ã€2Dã®ã‚¤ãƒ©ã‚¹ãƒˆã‚’ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°æŠ€è¡“ã‚’ä½¿ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ã‚ã®ã‚¢ãƒ—ãƒªã‚²ãƒ¼ãƒ ã®ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã‚„ã€ã‚ã®VTuberã‚’å‹•ã‹ã™ãŸã‚ã«ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ã‹ã‚ã„ã„ï¼ï¼ï¼ ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã•ã›ã‚‹ Source: CSSLive2D/src/01_parse at master Â· spring-raining/CSSLive2D Â· GitHub ã¾ãšã€Live2Då…¬å¼ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¼ã‚¿ã®ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã‚’ç”»é¢ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã‚’ç›®æ¨™ã¨ã—ã¦ã¿ã¾ã™ã€‚å„ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã¯ãã‚Œãžã‚Œãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ (Haru.moc3)ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ç”»åƒ (*.png)ã€è¡¨æƒ…ãƒ‡ãƒ¼ã‚¿ (*.exp3.json)
y_nishimura_728 2020/01/26
CSS

SVG

Live2D

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Webã«ãŠã„ã¦æ˜Žæœä½“ã¯Noto Serif CJKã‚’ä½¿ã†ã¹ã— -IE11å¯¾å¿œç‰ˆï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ã“ã‚“ã«ã¡ã¯ã€‚5æœˆã«ç”£ä¼‘è‚²ä¼‘ã‹ã‚‰å¾©è·ã—ãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ‹ã‚·ã§ã™ã€‚ æœ€è¿‘ã€å¥åº·ã¨ä½“åŠ›ä½œã‚Šã®ãŸã‚ã«ç‹ãƒˆãƒ¬ã‚’å§‹ã‚ã¾ã—ãŸã€‚æ¯Žæ—¥æ˜¼ä¼‘ã¿ã«ã‚³ãƒ¤ãƒžã•ã‚“ã¨ä¸€ç·’ã«10åˆ†ã»ã©ç‹ãƒˆãƒ¬ã—ã¦ã¾ã™ã€‚çš†ã•ã‚“ã‚‚ã„ã‹ãŒã§ã™ã‹ã€‚ ä»Šå›žã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã«æ˜Žæœä½“ã®æŒ‡å®šã¯ä½•ã«ã™ã‚‹ã®ãŒä¸€ç•ªã„ã„ã®ã‹ã€è©¦è¡ŒéŒ¯èª¤ã—ãŸçµæžœå¾—ãŸæœ€é©è§£ã‚’æ›¸ãã¾ã™ã€‚ æœ€åˆã«ï¼šçµè«– å…ˆã«çµè«–ã‚’ã„ã†ã¨ã€ Google Fontsã®Noto Serif CJKï¼ˆæºãƒŽæ˜Žæœï¼‰ã‚’ä½¿ã† IE11å¯¾å¿œã®ãŸã‚Google Fontsã®è¨å®šã§ã€ŒJapaneseã€ã‚’å¿…ãšé¸æŠžã™ã‚‹ ã§ã™ã€‚Japaneseã‚’é¸æŠžã—ãªã‹ã£ãŸã¨ã„ã†ã ã‘ã§ã‹ãªã‚Šã€å³å¾€å·¦å¾€ã—ã¦ã—ã¾ã„ã¾ã—ãŸï¼ˆå¾Œè¿°ï¼‰ã€‚ Google Fontsã¨ã—ã¦ã¯ä»–ã«ã‚‚æ˜Žæœä½“ã®é¸æŠžè‚¢ã¯ã‚ã‚Šã¾ã™ãŒã€ç™–ã®ãªã„è‰¯ã„æ„Ÿã˜ã®æ˜Žæœä½“ã¨ã„ã†ã¨ã‚„ã£ã±ã‚ŠNoto Serif CJKã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã„ãšã‚Œã€ã•ã‚ã‚‰ã³æ˜Žæœã‚‚ä½¿ã£
y_nishimura_728 2019/09/02
web

CSS

ãƒ•ã‚©ãƒ³ãƒˆ

webdesign
ãƒªãƒ³ã‚¯
JavaScriptã¯ç„¡ã—ã€CSSã§å®Ÿè£…ã•ã‚ŒãŸUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã¾ã¨ã‚ -Pure CSS Components
 <div class="carousel"> <div class="carousel-inner"> <input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden checked> <div class="carousel-it em"> ... </div> <input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden> <div class="carousel-it em"> ... </div> <input class="carousel-open" type="radio"
y_nishimura_728 2019/07/03
javascript

CSS

UI
ãƒªãƒ³ã‚¯
1