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

TokyoIncidents id:TokyoIncidents

webã¨cssã«é–¢ã™ã‚‹TokyoIncidentsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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ã‚’è»½é‡åŒ–ã—ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã‚’æ”¹å–„ã›ã‚ˆï¼ ãƒ¬ã‚¬ã‚·ãƒ¼Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
2018å¹´ã®7æœˆã‹ã‚‰å®Ÿæ–½ã•ã‚ŒãŸGoogleã®æ¤œç´¢ãƒã‚¸ãƒƒã‚¯ã®å¤‰æ›´ï¼ˆGoogle Speed Updateï¼‰ã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ãŒã‚µã‚¤ãƒˆæ¤œç´¢é †ä½ã«å½±éŸ¿ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹å–ã‚Šçµ„ã¿ã¯ã€Google Speed Updateã«å‚™ãˆã€ã‚¿ã‚¦ãƒ³ãƒ¯ãƒ¼ã‚¯ã«ãŠã„ã¦ã€ã§ãã‚‹é™ã‚Šã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚’è¡Œã†ç›®çš„ã§å®Ÿæ–½ã—ãŸã‚‚ã®ã§ã™ã€‚æœ¬ç¨¿ã«ã¯ã€ç…Œã³ã‚„ã‹ãªWebã®æ–°æŠ€è¡“ã®è©±ã¯ä¸€åˆ‡ç™»å ´ã—ã¾ã›ã‚“ã€‚ã‚€ã—ã‚ã€é€£ç¶¿ã¨å—ã‘ç¶™ãŒã‚Œã¦ããŸã€Œç§˜ä¼ã®ã‚¿ãƒ¬ã€ã«ç«‹ã¡å‘ã‹ã†æ³¥è‡ã„è©±ã§ã™ã€‚ã“ã®å–ã‚Šçµ„ã¿ã§è¡Œã£ãŸã‚¢ãƒ—ãƒãƒ¼ãƒã¯ã€ä¸è¦ãªã‚‚ã®ã‚’å‰Šã£ã¦é€Ÿåº¦æ”¹å–„ã‚’å›³ã‚‹ã¨ã„ã†æŠ€è¡“çš„ã«ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã§ã™ã€‚ãŸã ã—ã€ã„ãã¤ã‹ã®åˆ¶ç´„æ¡ä»¶ã«ã‚ˆã£ã¦é›£æ˜“åº¦ãŒä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚æœ¬ç¨¿ã§ã¯ã€å®Ÿéš›ã®å–ã‚Šçµ„ã¿å†…å®¹ã¨çµæžœã€ãŠã‚ˆã³ä»Šå¾Œã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒªã‚¯ãƒ«ãƒ¼ãƒˆãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚ºã§ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹åŠ è—¤æ…¶ä¹‹ã§ã™ã€‚ æœ¬ç¨¿ã§ã¯ã€ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚¸ãƒ§ãƒ–ã‚ºãŒ
TokyoIncidents 2019/03/29
web

css

performance
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰å…ˆ10å¹´ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹äºˆè¨€ - mizchi's blog
ã“ã‚Œã¯æ€ªæ–‡æ›¸ã§ã™ ã“ã“ã‹ã‚‰10å¹´ã¯WASMãŒDOMã®GCã‚¤ãƒ³ãƒ†ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æžœãŸã—ã¦JSã‚’ç½®ãæ›ãˆã‚‹ã‹ã€JSãŒWASMã«è¿½ã„ã¤ã‹ã‚Œã‚‹å‰ã«ã¾ã¨ã‚‚ãªè¨€èªžã¨ã—ã¦é€²åŒ–ã—ãã‚Œã‚‹ã‹ã®ãƒã‚ãƒ³ãƒ¬ãƒ¼ã‚¹ã«ãªã‚‹ ES Modules ã®ãƒ–ãƒ©ã‚¦ã‚¶å®Ÿè£…ãŒæž¯ã‚ŒãŸé ƒã«å…ˆé‹åŒ–ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã‚»ãƒƒãƒˆç¾¤ã¯ä¸€æ—¦ãã“ã§ç ´æ£„ã•ã‚Œã€ã‚·ãƒ³ãƒ—ãƒ«åŒ–ã¸ã®æºã‚Šæˆ»ã—ãŒèµ·ã“ã‚‹ ä»®æƒ³DOMã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚¨ãƒ³ã‚¸ãƒ³ã®ä½•ã‚‰ã‹ã®å‡¦ç†ã§æ›´æ–°ãŒéš è”½ã•ã‚Œã‚‹ã‹å°‚ç”¨ã®DOMæ›´æ–°APIãŒã§ãã€Reactã®ã‚ˆã†ãªå®Ÿè£…ã®æ‰‹ã‚’é›¢ã‚Œã‚‹ WASMã§ git, vim, bashãªã©ãŒ porting ã•ã‚Œã‚‹ã«ã¤ã‚Œã€å†ã³WebOSã®ã‚ˆã†ãªã‚‚ã®ãŒè©¦ã¿ã‚‰ã‚Œã‚‹ TC39ã§JSã®åž‹ã‚¢ãƒŽãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹æ–‡ã ã‘ã ã‘æ±ºã‚ã‚ˆã† => V8 ãŒåž‹ã‚¢ãƒŽãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å…ƒã«ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã‚’æœ€é©åŒ–ã—ãŸãœï¼ => æ°—ã¥ã„ãŸã‚‰æ¨™æº–åŒ–ã¿ãŸã„ãªæµã‚ŒãŒã‚ã‚‹ IE11ã®ã‚µãƒãƒ¼ãƒˆã¯å»¶é•·ã•ã‚Œãšã€MSãŒãªã‚“ã‚‰ã‹ã®å¼·æ”»ç–ã«å‡ºã‚‹
TokyoIncidents 2016/11/05
JavaScript

css

web
ãƒªãƒ³ã‚¯
Noto Sans ã® Web Font å¯¾å¿œã¨ã‚µãƒ–ã‚»ãƒƒãƒˆã«ã‚ˆã‚‹æœ€é©åŒ– | blog.jxck.io
Intro ã“ã®ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã« Web Font ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã«ã¯ Google ã¨ Adobe ãŒå”åŒã§é–‹ç™ºã—ãŸ Noto Sans CJK JP ã‚’æŽ¡ç”¨ã—ãŸã€‚ ã¾ãŸã€ã“ã®ã‚µã‚¤ãƒˆã§ã¯ä½¿ç”¨ã—ãªã„ã ã‚ã†æ–‡å—ã‚’å‰Šé™¤ã—ãŸã‚µãƒ–ã‚»ãƒƒãƒˆã‚’ä½œã‚‹ã“ã¨ã§ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æœ€é©åŒ– Noto font ã¯ã€ãã‚‚ãã‚‚è±†è…(ãƒ•ã‚©ãƒ³ãƒˆãŒãªã‹ã£ãŸå ´åˆã«ä»£æ›¿è¡¨ç¤ºã•ã‚Œã‚‹å››è§’)ãŒå‡ºãªã„ã‚ˆã†ã«(No-è±†è…)ã™ã‚‹ã“ã¨ã‚’ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¶²ç¾…çŽ‡ã¯éžå¸¸ã«é«˜ã„ã€‚ ãã®ãŸã‚ Web Font ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€å…¨ä½“ã ã¨ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã‚‹ãŸã‚ã€è¨€èªžæ¯Žã«æä¾›ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚»ãƒƒãƒˆã®ä¸ã‹ã‚‰ã€å¿…è¦ãªãƒ•ã‚©ãƒ³ãƒˆã®ã¿ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€ ASCII ã€è¨˜å·ã€æ—¥æœ¬èªžã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ç”¨ã„ã‚‹ã€‚ ã—ã‹ã—ã€ç‰¹ã«ç¶²ç¾…ã•ã‚ŒãŸæ¼¢å—ã®ä¸ã«ã¯ã€æ—¥å¸¸ã§ã¯ä½¿ã‚ãªã„æ–‡å—ãŒå¤šã€…ã‚ã‚‹ã€‚ åŠ ãˆã¦
TokyoIncidents 2016/03/19
web

css

performance
ãƒªãƒ³ã‚¯
The State Of Animation 2014 â€” Smashing Magazine
In the wake of so much â€œCSS versus JavaScript animationâ€ infighting, a new API specifically for web animation is coming out that might just unite both camps. In 2014, Rachel Nabors had the chance to travel the world to talk about using animation in user interfaces and design. She met and interviewed dozens of people who use and champion both CSS and JavaScript. What youâ€™re about to read is purely
TokyoIncidents 2015/11/15
css

web
ãƒªãƒ³ã‚¯
Old CSS syntax with prefixes - otsukare
Working on Web Compatibility issues for Japan is a kind of nightmare. The two biggest offenders are first versions of WebKit flexbox and gradient. Basically Web developers hurried to use flexbox for their Web sites, but never dared fixing it when the new stable syntax had been released. Web Developers used CSS prefixes to support browsers Browsers have to support Web sites because of their outdate
TokyoIncidents 2015/06/22
css

web
ãƒªãƒ³ã‚¯
Six technologies that willÂ change the web platform
Java 23ã®æ¦‚è¦ã¨Java Web Frameworkã®ç¾çŠ¶ / Java 23 and Java web framework
TokyoIncidents 2014/07/01
web

JavaScript

ECMAScript

css

WebComponents
ãƒªãƒ³ã‚¯
1