[B! web][dom] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

webã¨domã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

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

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦
2014å¹´7æœˆ13æ—¥ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚¨ãƒ³ã‚¸ãƒ³å…ˆç«¯è¦³æ¸¬ä¼šã§ã®ç™ºè¡¨å†…å®¹ã§ã™ã€‚ http://atnd.org/events/52121Read less
bitgleams 2018/05/17
slides

web

accessibility

browser

archives

***

api

dom

html
ãƒªãƒ³ã‚¯
ã¨ã»ã»ã®AngularJSå…¥é–€ - ã¨ã»ã»ã®WWWå…¥é–€
AngularJS ã¨ Angular ã¯åˆ¥ç‰©ã§ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 1.x ã‚’ AngularJSã€2.0 ä»¥é™ã‚’ Angular ã¨å‘¼ã³ã¾ã™ãŒã€æ ¹æœ¬ã‹ã‚‰ä½œã‚Šç›´ã—ã¦ã„ã‚‹ã®ã§äº’æ›æ€§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚AngularJS ã¯ 1.8.x ã§é–‹ç™ºã‚’åœæ¢ã—ã¦ãŠã‚Šã€2021å¹´12æœˆ31æ—¥ã«ã‚µãƒãƒ¼ãƒˆã‚‚åœæ¢ã•ã‚Œã¾ã—ãŸã€‚ç¾åœ¨ã¯æ‹¡å¼µLTS (XLTS) ã®ãƒ•ã‚§ãƒ¼ã‚ºã«ã¯ã„ã£ã¦ã„ã¾ã™ã€‚(2022/1/2è¿½è¨˜) AngularJSã¨ã¯ï¼Ÿ ã‚µãƒ³ãƒ—ãƒ« ãƒ•ã‚£ãƒ«ã‚¿ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ© ãƒªã‚¹ãƒˆ ãƒªã‚¹ãƒˆãƒ•ã‚£ãƒ«ã‚¿ ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ ã‚‚ã†å°‘ã—è¤‡é›‘ãªã‚µãƒ³ãƒ—ãƒ« {{...}} ã‚’ãã®ã¾ã¾è¡¨ç¤ºã™ã‚‹ã«ã¯ ãƒªãƒ³ã‚¯ AngularJSã¨ã¯ï¼Ÿ AngularJS ã¯ã€ä¸‹è¨˜ã®æ§˜ãªç‰¹å¾´ã‚’æŒã¤ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã²ã¨ã¤ã§ã™ã€‚ Googleç¤¾ã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãŒé–‹ç™ºã™ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MI
bitgleams 2015/09/10
ã¨ã»ã»ã•ã‚“ã‚ˆã‚Šã€‚

angularjs

javascript

library

html

dom

web

dev

tutorial

åŸºæœ¬

***
ãƒªãƒ³ã‚¯
DEFGHI1977ã®WEBæŠ€è¡“ã¾ã¨ã‚ãƒ»ãƒ„ãƒ¼ãƒ«ç‰
written by DEFGHI1977 [é‡è¦] auonenetãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸å…¬é–‹ä»£ç†ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«ä¼´ã„ã€å…¬é–‹æ¸ˆã¿ã®å„ç¨®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’xdomainã‚µãƒ¼ãƒãƒ¼ã«ç§»è¡Œã—ã¾ã—ãŸ. æ—§ã‚¢ãƒ‰ãƒ¬ã‚¹ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã¯æœ¬ãƒšãƒ¼ã‚¸ã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚Œã¾ã™. ãŠæ‰‹æ•°ã§ã™ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚„ãƒªãƒ³ã‚¯ãªã©ã®URLå‚ç…§å…ˆã®æ›´æ–°ãƒ»å¤‰æ›´ã‚’ãŠé¡˜ã„ã„ãŸã—ã¾ã™. You were redirected from old "dion(auonenet)" page which had been out of service. Please update URL settings of your bookmarks, links or more. Thank you. çªè²«å·¥äº‹ã§ä½œã£ãŸãŸã‚, æŠœã‘ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“. ã‚²ãƒ¼ãƒ ãƒ„ãƒ¼ãƒ«ç‰(game tools) æ‚ªé”åŸŽãƒ‰ãƒ©ã‚ãƒ¥ãƒ©HoD(Castlevania HoD)ãƒ»ã‚¢ã‚¤ãƒ†ãƒ æ—©è¦‹è¡¨(Cas
bitgleams 2014/12/15
components

web

åŸºæœ¬

javascript

html5

html

tips

***

dom

shadowDom
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«å¾“äº‹ã™ã‚‹ãŠå‰ã‚‰ã¯ã„ã„åŠ æ¸›é«˜é »åº¦ã‚¤ãƒ™ãƒ³ãƒˆã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã®ä»˜ãåˆã„æ–¹ã‚’è€ƒãˆã‚ - Qiita
ã‚‚ã†ãªã‚“ã‹ã“ã®éš›ãƒžã‚¸ã§è¨€ã‚ã›ã¦ã„ãŸã ãã‚“ã§ã™ã‘ã©ã€çŸ¥ã£ã¦ã‚‹ã‹çŸ¥ã‚‰ãªã„ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒä¸–ã®ä¸ã«ã¯ã™ã”ã„é »åº¦ã§å‘¼ã°ã‚Œã†ã‚‹DOMã‚¤ãƒ™ãƒ³ãƒˆã£ã¦è¨€ã†ã®ãŒã„ãã¤ã‹ã‚ã‚‹ã‚ã‘ã§ã™ã‚ˆ ä¾‹ãˆã° scroll mousemove, touchmove devicemotion è¾ºã‚Šã§ã™ã‚ˆã€‚ ã§ã€é«˜é »åº¦ã§å‘¼ã°ã‚Œã‚‹ã£ã¦è¨€ã†ã“ã¨ã¯å¿…ç„¶çš„ã«å‡¦ç†é‡ãŒå¢—ãˆã‚‹ã£ã¦åˆ†ã‹ã‚Šã¾ã™ã‚ˆãï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿwhile(1) {}ã˜ã‚ƒãªã„ã¨ã¯ã„ãˆUIã‚¹ãƒ¬ãƒƒãƒ‰ã«ååˆ†å½±éŸ¿ã‚’ä¸Žãˆã†ã‚‹é »åº¦ã§å‘¼ã°ã‚Œã‚‹è¨³ã§ã™ã€‚åˆ†ã‹ã‚Šã¾ã™ã‚ˆãï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿ ãã†ãªã‚‹ã¨å½“ç„¶ãã®ã‚¤ãƒ™ãƒ³ãƒˆå†…ã§é‡ã„å‡¦ç†ã‚’è¡Œãˆã°äººé–“ãŒèªè˜ã§ãã‚‹ãƒ¬ãƒ™ãƒ«ã§ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹é…å»¶ãŒèµ·ãã‚‹ã£ã¦ã„ã†ã®ã¯ã”ç†è§£ã§ãã¾ã™ã‚ˆãï¼Ÿ é‡ã„å‡¦ç†ã£ã¦ã„ã†ã®ã¯ã¾ãæƒ³åƒå‡ºæ¥ã‚‹ã¨ã¯æ€ã†ã‚“ã§ã™ãŒä¾‹ãˆã°ã‚ˆãã‚ã‚‹ã®ãŒ DOMã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ offsetTopã€offsetLeftã€offsetWidthã€offsetHe
bitgleams 2014/10/27
javascript

performance

programming

dev

web

dom

***

browser
ãƒªãƒ³ã‚¯
javascript DOMã®åŸºæœ¬æ“ä½œã¾ã¨ã‚
javascriptã®DOMæ“ä½œã®åŸºæœ¬ã‚’ãŠã•ã‚‰ã„ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚jQueryã¯å°‘ã—è§¦ã£ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€javascriptè‡ªä½“ã¯ã»ã¨ã‚“ã©ä½¿ã£ãŸã“ã¨ãŒãªã„ã®ã§ã“ã‚Œã‚’æ©Ÿä¼šã«å‹‰å¼·ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§ã¯DOMã®æ“ä½œã¨ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ã“ã‚ŒãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€Webä¸Šã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªè¦ç´ ã‚’ç››ã‚Šè¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ javascriptã®åŸºæœ¬ DOMæ“ä½œ ã¾ãšã¯iavascriptã®DOMæ“ä½œã‹ã‚‰ã€‚ã“ã“ã§ä½¿ã†HTMLã¯ã“ã¡ã‚‰ã§ã™ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>javascriptã®ç·´ç¿’</title> </head> <body> <div id="main" style="border:1px solid #555;width:400px
bitgleams 2014/08/01
åŸºæœ¬

javascript

dom

programming

web

html

***

tutorial

tips
ãƒªãƒ³ã‚¯
Webé–‹ç™ºè€…ã«é©å‘½ã‚’ã‚‚ãŸã‚‰ã™ï¼ã€ŒWeb Componentsã€è¶…å…¥é–€ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ Webã‚¢ãƒ—ãƒªã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¨ã¯é•ã„ã€ã¾ã ã¾ã ç™ºå±•é€”ä¸Šã®æŠ€è¡“ã®ãŸã‚ã€è‰²ã‚“ãªæ‰€ã§ã¾ã æœªç†Ÿãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã§ã¯å½“ãŸã‚Šå‰ã®ã“ã¨ã§ã‚‚Webã‚¢ãƒ—ãƒªã§ã¯ã§ããªã‹ã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚å¤šã„ã®ã§ã™ã€‚ä¸ã§ã‚‚ã€UIã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–å•é¡ŒãŒä»¥å‰ã‹ã‚‰æŒ‡æ‘˜ã•ã‚Œã¦ãã¾ã—ãŸã€‚ é€šè²©ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã€Œè³¼å…¥ãƒœã‚¿ãƒ³ã€ã‚’ä¾‹ã«èª¬æ˜Žã™ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®æ‰‹ã®ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ã«ã¯ä»¥ä¸‹ã®æ‰‹ç¶šãã‚’è¦ã™ã‚‹ã¨è€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ å¤–è¦³ã‚’æ•´ãˆã‚‹ CSS HTMLãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã®æŒ™å‹• JavaScript ä½•ãŒåŽ„ä»‹ã‹ã¨ã„ã†ã¨ã€ã€Œå†åˆ©ç”¨ã€ãŒé›£ã—ã„ã¨ã„ã†ã¨ã“ã‚ãªã‚“ã§ã™ãã€‚ ä¾‹ãˆã°ã€åŒã‚µã‚¤ãƒˆã®åˆ¥ã®ãƒšãƒ¼ã‚¸ã§åŒã˜ãƒœã‚¿ãƒ³ã‚’ä½¿ã„ãŸã„å ´åˆã€jsã€CSSã€HTMLã‚’å†åº¦è¨˜è¿°ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã‚‚å ´åˆã«ã‚ˆã£ã¦ã¯HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒéžå¸¸ã«å†—é•·åŒ–ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã€‚ ã€Œè³¼å…¥ãƒœã‚¿ãƒ³ã€ã¯ã‚ãã¾ã§ä¸€
bitgleams 2014/05/01
åŸºæœ¬

components

web

shadow

dom

html

ui

tips

***
ãƒªãƒ³ã‚¯
CSS vs. JS Animation: Which is Faster?
How is it possible that JavaScript-based animation has secretly always been as fast â€” or faster â€” than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps? This article serves as a point-by-point walkthrough of how JavaScript-based DOM animation libraries, such as Velocity.js and GSAP, are more perfor
bitgleams 2014/04/29
animation

jquery

javascript

css

css3

performance

web

dom

browser

è€ƒå¯Ÿ
ãƒªãƒ³ã‚¯
Web Componentsã«é–¢ã™ã‚‹ãƒ‘ãƒãƒ«ã€Webã¨DOMã¨ã®é–¢ä¿‚æ€§ã€ARIAã®Webæ¨™æº–åŒ–ãªã©æµ·å¤–WEBãƒ†ã‚¯20æœ¬ã‚’ä¸€æŒ™å…¬é–‹
Web Componentsã«é–¢ã™ã‚‹ãƒ‘ãƒãƒ«ã€Webã¨DOMã¨ã®é–¢ä¿‚æ€§ã€ARIAã®Webæ¨™æº–åŒ–ãªã©æµ·å¤–WEBãƒ†ã‚¯20æœ¬ã‚’ä¸€æŒ™å…¬é–‹ æ–‰è—¤ ç¥ä¹Ÿï¼ˆæ ªå¼ä¼šç¤¾ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ æ–‰è—¤ç¥ä¹Ÿã®æµ·å¤–WEBãƒ†ã‚¯å®šç‚¹è¦³æ¸¬ï¼œIssue.12: 2014/03/01-2014/03/31ï¼ž ä»Šæœˆã®å®šç‚¹è¦³æ¸¬ã¯Web Componentsã«é–¢ã™ã‚‹ãƒ‘ãƒãƒ«ã€Webã¨DOMã¨ã®é–¢ä¿‚æ€§ã€ARIAã®Webæ¨™æº–åŒ–ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ³¨ç›®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ— Web Componentsã«é–¢ã™ã‚‹ãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ åŽŸé¡Œ: EdgeConf 3: Components 3æœˆ21æ—¥ã«ãƒãƒ³ãƒ‰ãƒ³ã«ã¦é–‹å‚¬ã•ã‚ŒãŸEDGE Conferenceã«ã¦è°è«–ã•ã‚ŒãŸWeb Componentsã€‚ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã®è°è«–ãã®ã‚‚ã®ã‚‚éžå¸¸ã«èˆˆå‘³æ·±ã„ã‚‚ã®ã§ã™ãŒã€ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ãã£ã‹ã‘ã«å¤šãã®è°è«–ãŒãƒ–ãƒã‚°ãªã©ã§å±•é–‹ã•ã‚Œã¾ã—ãŸã€‚Webé–‹ç™ºã®æœªæ¥ã‚’æ‹…ã†ã¨ã™
bitgleams 2014/04/08
2014å¹´4æœˆ8æ—¥è¨˜äº‹

ã¾ã¨ã‚

***

web

dev

tips

webdesign

responsive

cssradar

wai-aria

dom
ãƒªãƒ³ã‚¯
Intro to Shadow DOM | Envato Tuts+
Take any modern web page and you will notice that it invariably contains content stitched together from a variety of different sources; it may include the social sharing widgets from Twitter or Facebook or a Youtube video playing widget, it may serve a personalized advertisement from some ad-server or it may include some utility scripts or styles from a third party library hosted over CDN and so o
bitgleams 2013/12/23
shadowDom

dom

web

dev

tutorial

html

css

***

åŸºæœ¬
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
bitgleams 2013/09/24
html5

web

components

dev

tutorial

css3

dom

shadowDom

javascript
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚µã‚¯ã‚µã‚¯ã«å‹•ä½œã™ã‚‹æœ€é©åŒ–6ã¤ã®ãƒŽã‚¦ãƒã‚¦
ã€ŒWebã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—ãƒªé«˜é€ŸåŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯å¾¹åº•è§£èª¬ã€ç¬¬8å›žã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã«å‘ã‘ãŸæœ€é©åŒ–ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã¯PCã«æ¯”ã¹ã€CPUã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãªã©ã®æ€§èƒ½é¢ã§åŠ£ã‚‹ã“ã¨ã‹ã‚‰ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®å½±éŸ¿ãŒå‡ºã‚„ã™ãã€ã¾ãŸã‚²ãƒ¼ãƒ é–‹ç™ºãªã©çªãè©°ã‚ãŸãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã†å ´é¢ã§ã¯ã€ç‰¹æ®ŠãªãƒŽã‚¦ãƒã‚¦ã‚‚å¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ãã¡ã‚“ã¨æœ€é©åŒ–ã‚’è¡Œãˆã°ã€ãã®åŠ¹æžœã‚‚ãã®åˆ†è‘—ã—ãã€æ¯”è¼ƒçš„ä½Žã‚¹ãƒšãƒƒã‚¯ãªç«¯æœ«ã‚„3Gå›žç·šã§ã‚ã£ã¦ã‚‚ã€ã‚µã‚¯ã‚µã‚¯è»½é‡ãªã‚µãƒ¼ãƒ“ã‚¹æä¾›ãŒå¯èƒ½ã§ã™ã€‚ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ãã®å‹˜æ‰€ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã‚’å–ã‚Šé™¤ã ã¾ãšã¯ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®äº‹ä¾‹ã«ã¤ã„ã¦ã€æŒ™ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚å‰è¿°ã®ã‚ˆã†ã«ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯ã€ãã®æ€§èƒ½ã‹ã‚‰PCã‚ˆã‚Šã‚‚é¡•è‘—ã«ã€æœªæœ€é©åŒ–ç®‡æ‰€ãŒä½“æ„Ÿã«å½±éŸ¿ã‚’åŠã¼ã—ã¾ã™ã€‚ ä»•äº‹ãŒã‚‰ãã“ãã“ã®æ•°ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¦‹ã¦ãã¾ã—ãŸãŒã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã«ç‰¹åŒ–ã—ãŸãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒã§ãã¦ã„ãª
bitgleams 2013/09/21
web

dev

performance

mobile

html5

javascript

browser

http

dom

***
ãƒªãƒ³ã‚¯
DOMæ“ä½œã®æœ€é©åŒ–ã«ã‚ˆã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ï¼ˆå‰ç·¨ï¼‰
é€£è¼‰ã€ŒWebã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—ãƒªé«˜é€ŸåŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯å¾¹åº•è§£èª¬ã€ã®ç¬¬4å›žã¯ã€JavaScriptã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ã†ã¡ã€ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã‚Šã‚„ã™ã„DOMæ“ä½œã®æœ€é©åŒ–ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚å‰ç·¨ãƒ»å¾Œç·¨ã«ã‚ãŸã£ã¦ã€DOMæ“ä½œãŒé…ããªã‚‹åŽŸå› ã¨ä»•çµ„ã¿ã€ãã®è§£æ±ºç–ã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚ CodeIQã¨ã®é€£å‹•ä¼ç”»ï¼ ã“ã®è¨˜äº‹ã§å¦ã¹ã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã€å®Ÿéš›ã«CodeIQã®å•é¡Œã§è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚‚ã†æ—¢ã«è‡ªä¿¡ãŒã‚ã‚‹æ–¹ã¯è…•è©¦ã—ã«ã€ã‚‚ã—ãã¯ç†è§£åº¦ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®å¾©ç¿’ã¨ã—ã¦æ˜¯éžã”æ´»ç”¨ãã ã•ã„ï¼ã“ã¡ã‚‰ã‹ã‚‰å•é¡Œã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ï¼ DOMï¼ˆDocument Object Modelï¼‰ã¨ã¯ã€HTMLã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆã“ã“ã§ã¯JavaScriptï¼‰ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ãŸã‚ã®APIã§ã™ã€‚JavaScriptã«ã‚ˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ§‹ç¯‰ã‚„ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®è¡¨ç¤ºãªã©ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªéƒ¨åˆ†ã¯ã»ã¨ã‚“ã©ãŒDOMæ“ä½œã«ã‚ˆã‚‹ã‚‚
bitgleams 2013/09/05
javascript

dom

html5

tips

performance

html

web

***
ãƒªãƒ³ã‚¯
JavaScriptã§greasemonkeyã‚’ä½œæˆã™ã‚‹æ–¹æ³• - flandlescarlet's diaryã€æƒ…å ±å·¥å¦ç”Ÿã®å‚™å¿˜éŒ²ã€‘
ã‚µã‚¤ãƒˆã®è¡¨ç¤ºã‚„å‹•ä½œã‚’è‡ªå·±æµã«ã‚¢ãƒ¬ãƒ³ã‚¸ã§ãã‚‹ JavaScriptãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€greasemonkeyã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ãŒã€å€‹äººçš„ã«ã¯DOMã®æ¦‚å¿µã«ã¤ã„ã¦ç†è§£ã—ã¦ãŠã‹ãªã„ã¨ä½¿ãˆãªã„ã¨è¨€ã£ã¦ã‚‚è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ JavaScriptã«ã¯å¤§ããåˆ†ã‘ã‚‹ã¨ ãƒŠãƒ“ã‚²ãƒ¼ã‚¿ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ(ãƒ–ãƒ©ã‚¦ã‚¶ã®åˆ¤åˆ¥ã‚„ãƒãƒ³ãƒ‰ãƒ©ç‰) ãƒ“ãƒ«ãƒˆã‚¤ãƒ³ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ(newã§å§‹ã¾ã‚‹äºˆã‚ç”¨æ„ã•ã‚ŒãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ) DOM(Document Model Object ã„ã‚ã°DHTML) åŸºæœ¬çš„ã«ã¯ã“ã®3ã¤ã§ã™ã€‚ ã§ã¯greasemonkeyã¯DOMã‚’ç†è§£ã—ã¦ã„ãªã„ã¨ã§ããªã„ã®ã‹!?ã¨è¨€ã‚ã‚Œã‚Œã°ãã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä¸»ã«greasemonkeyã§ã‚„ã£ã¦ã„ã‚‹äº‹ã¯å†…å®¹ã®æ›¸ãæ›ãˆã§ã™ã®ã§DOMã‚’ç”¨ã„ã‚‹å ´é¢ãŒå¤šã„ã¨ã„ã†ã®ãŒçµè«–ã¨ãªã£ã¦ãã¾ã™ã€‚DOMã‚’ç”¨ã„ãªãã¦ã‚‚greasemonkeyã¯è£½ä½œå‡ºæ¥ã¾ã™ãŒã€åŸºæœ¬çš„ã«ãƒŠãƒ“ã‚²ãƒ¼ã‚¿ãƒ¼
bitgleams 2013/08/02
javascript

greasemonkey

dom

programming

web

coding

tips
ãƒªãƒ³ã‚¯
CSS Spriteç”»åƒã¯DataURIç”»åƒã«ã™ã¹ãã‹ï¼Ÿ - MOL
æœ€è¿‘ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”»åƒã¯DataURIã«ã™ã¹ãã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ãŒå¤šãã¦ã€èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ã¦ã‹ã€å‰ã®ã‚‚ãã‚“ãªè©±é¡ŒãŒã‚ã£ãŸã‚ˆã†ãªã€‚DataURIã£ã¦ãªã‚“ãžã£ã¦æ–¹ã¯ä¸‹è¨˜ã‚’è¦‹ã¦ã»ã—ã„ã€‚ ãƒ‡ãƒ¼ã‚¿URIã‚¹ã‚ãƒ¼ãƒ | MOL CSSãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ‘ãƒ¼ã‚¹ã•ã‚Œãªã‘ã‚Œã°ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå§‹ã¾ã‚‰ãªã„ã®ã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã®è‚¥å¤§åŒ–ã¯çµ¶å¯¾ã«é¿ã‘ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ç”»åƒã®1KBã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã®1KBã‚’åŒã˜ã‚ˆã†ã«è€ƒãˆã¦ã¯ã„ã‘ãªã„ã€‚ â€• ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®ã—ãƒ¼ãˆã—ã‚…ãˆã—ã‚… ã‚ã€ãƒ›ãƒ³ãƒˆãã†ã ã£ã‘ãƒ¼ãªãƒ¼ã¨æ€ã„ã¤ã¤ã€ã©ã“ãžã®è³‡æ–™è¦‹ãŸã‚“ã ã£ã‘ãªãƒ¼ã¨æŽ¢ã—ã¦ãŸã‚‰ã‚ã£ãŸã€‚ Optimizing the Critical Rendering Path for Instant Mobile Websites - Velocity SC 2013 ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã™ã”ãåˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ï¼ˆè©²å½“ã®ç®‡æ‰€ã¯12åˆ†ä½ã‹ã‚‰ï¼‰ã€‚ã¨ã„ã†ã‹Ilya
bitgleams 2013/07/31
è€ƒå¯Ÿ

presentation

performance

dom

css

csssprite

image

datauri

web

***
ãƒªãƒ³ã‚¯
ã€ŽJavaScriptã®é–‹ç™ºåŠ¹çŽ‡ã‚’é«˜ã‚ã‚‹7ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚
bitgleams 2013/05/01
library

javascript

ã¾ã¨ã‚

dev

web

ajax

dom

framework

***
ãƒªãƒ³ã‚¯
dresscording.com
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
bitgleams 2013/04/04
tips

web

dev

javascript

css3

browser

performance

dom

***
ãƒªãƒ³ã‚¯
jQuery Learning Center
Learning Center Chat Twitter GitHub Copyright 2024 OpenJS Foundation and jQuery contributors. All rights reserved. See jQuery License for more information. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trad
bitgleams 2013/02/19
learning

jquery

tutorial

programming

web

javascript

jqueryui

document

***
ãƒªãƒ³ã‚¯
ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã‚ãªã„ã§DOMã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹JavaScriptã‚’æ›¸ã„ãŸã¨ãã«ã¯ã¾ã£ãŸ2ã¤ã®ã“ã¨ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã‚¿ã‚¹ã‚¯ç®¡ç†ã™ã‚‹ã®ã«æ‰‹å¸³ã‚’ä½¿ãŠã†ã¨ã—ã¦2é€±é–“ã§æŒ«æŠ˜ã—ãŸã®ã§ã€iPhone & Mac ã§ã§ããªã„ã‹æŒ‘æˆ¦ã—ã¦ã„ã‚‹ tanaka ã§ã™ã€‚ æœ€è¿‘ã€è«¸äº‹æƒ…ã«ã‚ˆã‚Š jQuery ãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã‚’ä½¿ã‚ãšã« DOM ã‚’æ“ä½œã™ã‚‹ JavaScript ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãæ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã€‚ã‚ã‚‹ç¨‹åº¦ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã—ã§æ›¸ã„ãŸã“ã¨ã‚‚ã‚ã‚‹ã—ã€ãã‚“ãªå¤§å¤‰ã˜ã‚ƒãªã„ã ã‚ã†â€¦ã¨æ€ã£ã¦ã„ãŸã‚‰ã€æƒ³å®šå¤–ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚(å¤šãã¯ãƒ¬ã‚¬ã‚·ãƒ¼ãªIEå¯¾å¿œã§ã™ãŒâ€¦)ãã‚“ãªã‚ã‘ã§ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã‚ãªã„ã§ JavaScript ã‚’æ›¸ã„ãŸã¨ãã«éé‡ã—ãŸå•é¡Œ2ã¤ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¯QUnitã§ãƒ†ã‚¹ãƒˆã‚’æ›¸ãã€ãƒ†ã‚¹ãƒˆå®Ÿè¡Œï¼‹ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã“ã¨ã§IEã¨ãã‚Œä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®é•ã„ãŒç†è§£ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ IE 7ä»¥ä¸‹ã§ setAttribute('class', [classNames])/getAttribute('class
bitgleams 2013/02/17
tips

ã‚ã¨ã§

dom

javascript

programming

web

ie

***
ãƒªãƒ³ã‚¯
IndieUI: Events 1.0ã®æœ€åˆã®è‰æ¡ˆãŒå…¬é–‹ã•ã‚Œã‚‹ | ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
åŽ»ã‚‹1æœˆ22æ—¥ã€W3Cã®WAIï¼ˆWeb Accessibility Initiativeï¼‰ã¯Indie UI: Events 1.0ã®åˆã‚ã¦ã¨ãªã‚‹è‰æ¡ˆã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ„å›³ã‚’ãƒ‡ãƒã‚¤ã‚¹ã‚„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ä¾å˜ã›ãšã«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¸ä¼ãˆã‚‹ãŸã‚ã®ä»•æ§˜ã§ã™ã€‚ ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ„å›³ã€ã‚’èªè˜ã™ã‚‹å¿…è¦æ€§ã‚„ãƒ¡ãƒªãƒƒãƒˆã¯è‰æ¡ˆã§æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹ä¾‹ã‚’è¦‹ã‚‹ã®ãŒã‚ã‹ã‚Šã‚„ã™ã„ã§ã—ã‚‡ã†ï¼ˆæ—¥æœ¬èªžè¨³ã¯ç†è€…ã«ã‚ˆã‚‹ï¼‰ã€‚ ä¾‹ãˆã°ã€æœ€å¾Œã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã€Œå…ƒã«æˆ»ã™ã€ã¨ã„ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ„å›³ã‚’Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œè€…ãŒæ¨ªå–ã‚Šã—ãŸã„å ´åˆã€æ¬¡ã®å…¨ã¦ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã€Œç›£è¦–ã€ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ Windowsã¨Linuxã§ã¯Control+Z Mac OS Xã§ã¯COMMAND+Z ã„ãã¤ã‹ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯ã‚·ã‚§ã‚¤ã‚¯ ç›´å‰ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã€Œå…ƒã«æˆ»ã™ã€ã¨ã„ã†å˜ä¸€ã®æ¨™æº–åŒ–ã•ã‚ŒãŸè¦æ±‚ã‚’ç›£è¦–ã™ã‚‹ã»ã†ãŒã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ã§ã—ã‚‡ã†ã€‚ ä»Šå›žå…¬é–‹ã•ã‚ŒãŸè‰æ¡ˆã«ã¯ã€æ“ä½œã‚’ã€Œ
bitgleams 2013/02/05
2013å¹´2æœˆ1æ—¥è¨˜äº‹

dom

wai-aria

ui

accessibility

web

w3c

news

***
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã—ãã¿: æœ€æ–°ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®å†…éƒ¨æ§‹é€ - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
bitgleams 2013/01/28
2011å¹´8æœˆ5æ—¥è¨˜äº‹

é‚¦è¨³

tech

web

browser

html5

javascript

dom

css

***

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