[B! animation] hokacchaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hokaccha id:hokaccha

animationã«é–¢ã™ã‚‹hokacchaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚³ãƒ„ã¨ä»•çµ„ã¿ã‚’èª¬æ˜Žã™ã‚‹ã‚ˆã€‚CPUã¨GPUã‚’ç†è§£ã—ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é§†ä½¿ã™ã‚‹ã®ã ï¼ï¼ˆFrontrend Advent Calendar 2013 â€“ 06æ—¥ç›®ï¼‰ | Ginpen.com
ï¼ˆè¿½è¨˜: 2018å¹´10æœˆï¼‰ä½•å¹´ã‹çµŒã£ã¦ã‹ã‚‰è¦‹ã¦ã‚‚å†…å®¹å¤§ä¸ˆå¤«ãã†ã§ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯Frontrend Advent Calendar 2013ã®6æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚æ˜¨æ—¥ã¯è°·ã•ã‚“ã§Web Components/Polymerã‚’è»½ãè§¦ã£ã¦ã¿ã‚‹ã§ã—ãŸã€‚ï¼ˆã“ã‚Œä»Šå¾Œæ•°å¹´ã§å¤§æµè¡Œã‚Šã—ãã†ã«æ€ã†ã®ã§ã€æœªèªãªã‚‰æ˜¯éžï¼ï¼‰ ã•ã¦ã€æœ€è¿‘ã¯HTML5ã CSS 3ã Flashã‚„ã‚ã¦JSåˆ¶å¾¡ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ãƒ¼ã£ã¦ã‚“ã§ç››ã‚Šä¸ŠãŒã£ã¦ã‚‹ã‚ã‘ã§ã™ãŒï¼ˆå‘¨å›žé…ã‚Œï¼‰ã€ã„ã–ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ã¦ã¿ã¦ã‚‚ã€ãªã‹ãªã‹ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ã„ã¦ãã‚Œãªã‹ã£ãŸã‚Šã—ã¾ã™ãã€‚ ã©ã†ã‚„ã£ãŸã‚‰ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ãã‹ã£ã¦ã®ã‚’è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã“ã®è¾ºã‚Šã®æƒ…å ±ã¯ã€æ¦‚ãæ–Žè—¤ã•ã‚“ã‚’ä¸å¿ƒã¨ã—ãŸFrontrendçµ¡ã¿ã®æ–¹ã€…ã«æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚æ„Ÿè¬æ„Ÿè¬ã€‚ å…ˆã«çµè«– æ¦‚å¿µçš„ãªã® GPUåˆæˆãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’é©åˆ‡ã«ä½¿ã†ã¨æ—©ã„ ã„ã‚ã‚†ã‚‹ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ä½•ãŒCPUã§ã€ä½•
hokaccha 2013/12/06
ãƒšãƒ³ã‚®ãƒ³ã‹ã‚ã„ã„

css

animation
ãƒªãƒ³ã‚¯
Introducing Web Animations
Today we finally shipped the First Public Working Draft of Web Animations! Working Draft: https://www.w3.org/TR/web-animations/ Editorâ€™s Draft: https://drafts.csswg.org/web-animations-1/ Over the coming weeks Iâ€™d like to introduce some of the key concepts as well as some of the issues that need your input. First, Iâ€™d like to give an overview of where the spec comes from and what it covers. Why Web
hokaccha 2013/06/28
animation
ãƒªãƒ³ã‚¯
HTML5 canvas bench: particle 30000 - latest log
gist.github.com
hokaccha 2012/02/09
javascript

animation
ãƒªãƒ³ã‚¯
å„ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã® window.requestAnimationFrame ã®å®Ÿè£…çŠ¶æ³ - latest log
window.requestAnimationFrame ã¨ window.webkitCancelRequestAnimationFrame ã®å®Ÿè£…çŠ¶æ³ã®ãƒ¡ãƒ¢ã§ã™ã€‚ // --------------------------------------- // WebKit // Chrome 16 ready // Safari 5.1.2 not ready // iOS 5.0.1 not ready // Chrome for Android Beta ready // var handle = null; function tick() { console.log(handle); handle = webkitRequestAnimationFrame(tick); } handle = webkitRequestAnimationFrame(tick); webkitCance
hokaccha 2012/02/03
javascript

animation
ãƒªãƒ³ã‚¯
ç¬¬17å›žã€€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºç¤Ž | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚3å›žã»ã©JavaScriptã®åŸºç¤Žçš„ãªå†…å®¹ãŒç¶šã„ãŸã®ã§ã€ä»Šå›žã¯ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªJavaScriptã¨ã„ã†ã¨ã€é›£ã—ã„ãƒ»å¿œç”¨çš„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€JavaScriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ã™ãªã‚ã¡CSSã‚’æ®µéšŽçš„ã«æ“ä½œã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€ãã®ãƒã‚¤ãƒ³ãƒˆã‚’æŠ‘ãˆã‚Œã°ä¸èº«ã¯å˜ç´”ãªã‚‚ã®ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‰æçŸ¥è˜ HTMLã«ãŠã‘ã‚‹é€šå¸¸ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹æˆã™ã‚‹ã®ã¯ã€ã€Œâ ç‰¹å®šã®è¦ç´ ã€ã«å¯¾ã—ã¦ã€ã€Œâ ãã®CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚’ã€Œã‚ã‚‹æ™‚ç‚¹ã‹ã‚‰ã‚ã‚‹æ™‚ç‚¹ã¾ã§ã€ã®æ™‚é–“ã®ä¸ã§ã€ã€Œâ ã‚ã‚‹å€¤ã‹ã‚‰ã‚ã‚‹å€¤ã«æ“ä½œã€ã™ã‚‹ã€ã¨ã„ã£ãŸè¦ç´ ã§ã™ã€‚ ç‰¹å®šã®è¦ç´ ã¨ã€CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ã¯å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚å•é¡Œã¨ãªã‚‹ã®ã¯ã€Œæ™‚é–“ã¨å€¤ã®æ“ä½œã€ã§ã™ã€‚ ã¾ãšã€å˜ç´”ã«ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆã™ã‚‹ã ã‘ã¨ã„ã†ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ è‰¯ããªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ var y = 0;
hokaccha 2010/10/26
javascript

animation
ãƒªãƒ³ã‚¯
SVG animation with JavaScript
Why is SVG important? See SVG Overview for lots of good reasons that you should use SVG. SVG in the browser Despite SVG's status as a W3C recommendation, you'll need to make sure your browser can see it. W3C and SVG I've been involved in the SVG Interest Group, and have engaged in some babble about extending the spec to include new and wilder things. Here is another view of some of said babble.
hokaccha 2010/10/21
svg

animation
ãƒªãƒ³ã‚¯
http://svg-wow.org/yui-animations/svg-animate.xhtml
hokaccha 2010/10/20
svg

animation
ãƒªãƒ³ã‚¯
https://forum.jquery.com/portal/en/community/topic/possible-jquery-bug-with-iphone-safari
hokaccha 2010/09/14
jquery

animation

bug

ios
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’å‹•ã‹ã™
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’å‹•ã‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã€æ°—ã‚’ã¤ã‘ãŸç‚¹ã€‚ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«éžå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦æˆç«‹ã—ã¦ã„ã‚‹ éŽå‰°ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã—ãªã„ ç¾å®Ÿçš„ã«ä½¿ãˆãã†ãªè·¯ç·šã§é ‘å¼µã£ã¦ã¿ã¾ã—ãŸã€‚ .iconNew{ width: 3em; text-align: center; background: #54bb00; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #3f3f3f; margin: 0 25px 25px 0; letter-spacing: 2px; padding-left: 4px; } .iconNew.arrange01 span{ display: block; -webkit-animation-duration: 1.5s; -webkit-animation-ti
hokaccha 2010/08/11
css

animation
ãƒªãƒ³ã‚¯
riccardodegni.net
This domain may be for sale!
hokaccha 2010/06/04
javascript

jquery

animation
ãƒªãƒ³ã‚¯
jQuery Circulate
Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.google apis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu
hokaccha 2010/05/11
jquery

animation
ãƒªãƒ³ã‚¯
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation
Warning: This isn't going to work in any currently available version of Internet Explorer* or many older browsers. The two clocks below are just HTML. There are no Adobe Flash files or my beloved <canvas> going on, just regular <div> and <img> tags. The way it works is by taking those images in an {Â overflow:Â hiddenÂ } <div> and rotating them, via JavaScript, using the proposed CSS transf orm proper
hokaccha 2010/03/18
css

javascript

animation
ãƒªãƒ³ã‚¯
moto-mono.net
This domain may be for sale!
hokaccha 2010/02/22
jquery

javascript

animation
ãƒªãƒ³ã‚¯
1